.gg-music-note { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs,1)); width: 2px; height: 14px; background: currentColor } .gg-music-note::after, .gg-music-note::before { content: ""; display: block; box-sizing: border-box; position: absolute; border: 2px solid } .gg-music-note::before { bottom: -4px; width: 8px; height: 8px; left: -6px; border-radius: 10px } .gg-music-note::after { width: 10px; height: 6px; top: -4px; left: 0; border-radius: 2px; transform: skewY(-15deg) }