feat(icons): Added new icons: clef-g, clef-f and clef-c (#4083)

* Added new icons: clef-g, clef-f and clef-c

* rename and design updates from feedback

* fix typo in filename

* Update clef-bass.svg

* Update clef-treble.json

* Update clef-bass.json

* Update clef-alto.json

---------

Co-authored-by: Karsa <contact@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
This commit is contained in:
Rodrigo Rodrigues
2026-09-11 13:03:10 +02:00
committed by GitHub
co-authored by Karsa Eric Fennis
parent b998e2892b
commit a79b2d131d
6 changed files with 132 additions and 0 deletions
+30
View File
@@ -0,0 +1,30 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497"
],
"use-cases": [
"Labeling alto clef notation in sheet music editors",
"Representing viola parts in music composition or practice apps",
"Indicating C clef selection in notation software",
"Supporting clef choices in MIDI editors, instrument emulators, or music education tools"
],
"tags": [
"do",
"c",
"music",
"note",
"key",
"soprano",
"mezzo",
"alto",
"staff",
"pitch",
"baritone",
"major",
"scale"
],
"categories": [
"multimedia"
]
}
+15
View File
@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10 4v16" />
<path d="M14 4.764a3 3 0 1 1-.152 4.327A4 4 0 0 1 10 12a4 4 0 0 1 3.848 2.909A3 3 0 1 1 14 19.236" />
<path d="M6 4v16" />
</svg>

After

Width:  |  Height:  |  Size: 359 B

+29
View File
@@ -0,0 +1,29 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497"
],
"use-cases": [
"Labeling bass clef notation in sheet music editors",
"Representing bass, cello, trombone, tuba, or lower-pitched instrument parts",
"Indicating left-hand piano notation in music learning apps",
"Supporting clef choices in MIDI editors, instrument emulators, or music education tools"
],
"tags": [
"fa",
"f",
"music",
"note",
"key",
"baritone",
"staff",
"pitch",
"bass",
"subbass",
"major",
"scale"
],
"categories": [
"multimedia"
]
}
+16
View File
@@ -0,0 +1,16 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M19 11h.01" />
<path d="M19 6h.01" />
<path d="M5 8c0-4 4-4 4-4 6 0 6 6 6 6 0 7-10 11-10 11" />
<circle cx="7" cy="8" r="2" />
</svg>

After

Width:  |  Height:  |  Size: 352 B

+29
View File
@@ -0,0 +1,29 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497"
],
"use-cases": [
"Representing music, songs, or audio content with a widely recognized symbol",
"Labeling sheet music, notation tools, or music education resources",
"Indicating melody, vocals, or higher-pitched instrument parts",
"Representing music apps, playlists, concerts, or performance features"
],
"tags": [
"sol",
"g",
"music",
"note",
"key",
"treble",
"staff",
"pitch",
"violin",
"solfege",
"major",
"scale"
],
"categories": [
"multimedia"
]
}
+13
View File
@@ -0,0 +1,13 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10.586 21.414a2 2 0 0 0 3.378-1.791L11.036 4.377a2 2 0 1 1 3.378 1.037C12.414 7.414 7 8 7 13a5 5 0 0 0 5 5 5 4 0 0 0 5-4 3 3 0 0 0-3-3 3 2 0 0 0-3 2" />
</svg>

After

Width:  |  Height:  |  Size: 373 B