clef-alto icon

Clef alto: alto clef, c clef. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2.856 13.856C2.759 13.952 2.641 14 2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5L2 2.5C2 2.359 2.048 2.241 2.144 2.144C2.241 2.048 2.359 2 2.5 2C2.641 2 2.759 2.048 2.856 2.144C2.952 2.241 3 2.359 3 2.5L3 13.5C3 13.641 2.952 13.759 2.856 13.856ZM7.001 6.937C7.603 6.572 8.18 6.113 8.732 5.561C8.832 5.461 8.95 5.411 9.086 5.411C9.222 5.411 9.34 5.461 9.439 5.561C9.574 5.696 9.729 5.801 9.904 5.877C10.094 5.959 10.293 6 10.5 6C10.707 6 10.906 5.959 11.096 5.877C11.271 5.801 11.426 5.696 11.561 5.561C11.696 5.426 11.801 5.271 11.877 5.096C11.959 4.906 12 4.707 12 4.5C12 4.293 11.959 4.094 11.877 3.904C11.801 3.729 11.696 3.574 11.561 3.439C11.426 3.304 11.271 3.199 11.096 3.123C10.906 3.041 10.707 3 10.5 3C10.293 3 10.094 3.041 9.904 3.123C9.729 3.199 9.574 3.304 9.439 3.439C9.342 3.537 9.224 3.586 9.086 3.586C8.948 3.586 8.83 3.537 8.732 3.439C8.633 3.34 8.583 3.222 8.583 3.086C8.583 2.95 8.633 2.832 8.732 2.732C8.957 2.507 9.215 2.332 9.507 2.206C9.824 2.069 10.155 2 10.5 2C10.845 2 11.176 2.069 11.493 2.206C11.785 2.332 12.043 2.507 12.268 2.732C12.493 2.957 12.668 3.215 12.794 3.507C12.931 3.824 13 4.155 13 4.5C13 4.845 12.931 5.176 12.794 5.493C12.668 5.785 12.493 6.043 12.268 6.268C12.043 6.493 11.785 6.668 11.493 6.794C11.176 6.931 10.845 7 10.5 7C10.155 7 9.824 6.931 9.507 6.794C9.368 6.734 9.237 6.663 9.114 6.581C8.603 7.053 8.072 7.457 7.52 7.792C7.396 7.867 7.274 7.937 7.155 8C7.274 8.063 7.396 8.133 7.52 8.208C8.072 8.543 8.603 8.947 9.114 9.419C9.237 9.337 9.368 9.266 9.507 9.206C9.824 9.069 10.155 9 10.5 9C10.845 9 11.176 9.069 11.493 9.206C11.785 9.332 12.043 9.507 12.268 9.732C12.493 9.957 12.668 10.215 12.794 10.507C12.931 10.824 13 11.155 13 11.5C13 11.845 12.931 12.176 12.794 12.493C12.668 12.785 12.493 13.043 12.268 13.268C12.043 13.493 11.785 13.668 11.493 13.794C11.176 13.931 10.845 14 10.5 14C10.155 14 9.824 13.931 9.507 13.794C9.215 13.668 8.957 13.493 8.732 13.268C8.633 13.168 8.583 13.05 8.583 12.914C8.583 12.778 8.633 12.66 8.732 12.561C8.832 12.461 8.95 12.411 9.086 12.411C9.222 12.411 9.34 12.461 9.439 12.561C9.574 12.696 9.729 12.801 9.904 12.877C10.094 12.959 10.293 13 10.5 13C10.707 13 10.906 12.959 11.096 12.877C11.271 12.801 11.426 12.696 11.561 12.561C11.696 12.426 11.801 12.271 11.877 12.096C11.959 11.906 12 11.707 12 11.5C12 11.293 11.959 11.094 11.877 10.904C11.801 10.729 11.696 10.574 11.561 10.439C11.426 10.304 11.271 10.199 11.096 10.123C10.906 10.041 10.707 10 10.5 10C10.293 10 10.094 10.041 9.904 10.123C9.729 10.199 9.574 10.304 9.439 10.439C9.34 10.539 9.222 10.589 9.086 10.589C8.95 10.589 8.832 10.539 8.732 10.439C8.18 9.887 7.603 9.428 7.001 9.063C6.623 8.834 6.29 8.675 6 8.585L6 13.5C6 13.641 5.952 13.759 5.856 13.856C5.759 13.952 5.641 14 5.5 14C5.359 14 5.241 13.952 5.144 13.856C5.048 13.759 5 13.641 5 13.5L5 2.5C5 2.359 5.048 2.241 5.144 2.144C5.241 2.048 5.359 2 5.5 2C5.641 2 5.759 2.048 5.856 2.144C5.952 2.241 6 2.359 6 2.5L6 7.415C6.29 7.325 6.623 7.166 7.001 6.937Z"/></svg>

React

// Gentleface "clef-alto" (line-round), MIT. https://gentleface.com/icons/clef-alto
import type { SVGProps } from 'react';

export function ClefAltoIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M2.856 13.856C2.759 13.952 2.641 14 2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5L2 2.5C2 2.359 2.048 2.241 2.144 2.144C2.241 2.048 2.359 2 2.5 2C2.641 2 2.759 2.048 2.856 2.144C2.952 2.241 3 2.359 3 2.5L3 13.5C3 13.641 2.952 13.759 2.856 13.856ZM7.001 6.937C7.603 6.572 8.18 6.113 8.732 5.561C8.832 5.461 8.95 5.411 9.086 5.411C9.222 5.411 9.34 5.461 9.439 5.561C9.574 5.696 9.729 5.801 9.904 5.877C10.094 5.959 10.293 6 10.5 6C10.707 6 10.906 5.959 11.096 5.877C11.271 5.801 11.426 5.696 11.561 5.561C11.696 5.426 11.801 5.271 11.877 5.096C11.959 4.906 12 4.707 12 4.5C12 4.293 11.959 4.094 11.877 3.904C11.801 3.729 11.696 3.574 11.561 3.439C11.426 3.304 11.271 3.199 11.096 3.123C10.906 3.041 10.707 3 10.5 3C10.293 3 10.094 3.041 9.904 3.123C9.729 3.199 9.574 3.304 9.439 3.439C9.342 3.537 9.224 3.586 9.086 3.586C8.948 3.586 8.83 3.537 8.732 3.439C8.633 3.34 8.583 3.222 8.583 3.086C8.583 2.95 8.633 2.832 8.732 2.732C8.957 2.507 9.215 2.332 9.507 2.206C9.824 2.069 10.155 2 10.5 2C10.845 2 11.176 2.069 11.493 2.206C11.785 2.332 12.043 2.507 12.268 2.732C12.493 2.957 12.668 3.215 12.794 3.507C12.931 3.824 13 4.155 13 4.5C13 4.845 12.931 5.176 12.794 5.493C12.668 5.785 12.493 6.043 12.268 6.268C12.043 6.493 11.785 6.668 11.493 6.794C11.176 6.931 10.845 7 10.5 7C10.155 7 9.824 6.931 9.507 6.794C9.368 6.734 9.237 6.663 9.114 6.581C8.603 7.053 8.072 7.457 7.52 7.792C7.396 7.867 7.274 7.937 7.155 8C7.274 8.063 7.396 8.133 7.52 8.208C8.072 8.543 8.603 8.947 9.114 9.419C9.237 9.337 9.368 9.266 9.507 9.206C9.824 9.069 10.155 9 10.5 9C10.845 9 11.176 9.069 11.493 9.206C11.785 9.332 12.043 9.507 12.268 9.732C12.493 9.957 12.668 10.215 12.794 10.507C12.931 10.824 13 11.155 13 11.5C13 11.845 12.931 12.176 12.794 12.493C12.668 12.785 12.493 13.043 12.268 13.268C12.043 13.493 11.785 13.668 11.493 13.794C11.176 13.931 10.845 14 10.5 14C10.155 14 9.824 13.931 9.507 13.794C9.215 13.668 8.957 13.493 8.732 13.268C8.633 13.168 8.583 13.05 8.583 12.914C8.583 12.778 8.633 12.66 8.732 12.561C8.832 12.461 8.95 12.411 9.086 12.411C9.222 12.411 9.34 12.461 9.439 12.561C9.574 12.696 9.729 12.801 9.904 12.877C10.094 12.959 10.293 13 10.5 13C10.707 13 10.906 12.959 11.096 12.877C11.271 12.801 11.426 12.696 11.561 12.561C11.696 12.426 11.801 12.271 11.877 12.096C11.959 11.906 12 11.707 12 11.5C12 11.293 11.959 11.094 11.877 10.904C11.801 10.729 11.696 10.574 11.561 10.439C11.426 10.304 11.271 10.199 11.096 10.123C10.906 10.041 10.707 10 10.5 10C10.293 10 10.094 10.041 9.904 10.123C9.729 10.199 9.574 10.304 9.439 10.439C9.34 10.539 9.222 10.589 9.086 10.589C8.95 10.589 8.832 10.539 8.732 10.439C8.18 9.887 7.603 9.428 7.001 9.063C6.623 8.834 6.29 8.675 6 8.585L6 13.5C6 13.641 5.952 13.759 5.856 13.856C5.759 13.952 5.641 14 5.5 14C5.359 14 5.241 13.952 5.144 13.856C5.048 13.759 5 13.641 5 13.5L5 2.5C5 2.359 5.048 2.241 5.144 2.144C5.241 2.048 5.359 2 5.5 2C5.641 2 5.759 2.048 5.856 2.144C5.952 2.241 6 2.359 6 2.5L6 7.415C6.29 7.325 6.623 7.166 7.001 6.937Z" />
    </svg>
  );
}

Vue

Vue: see /icons/clef-alto.md

Svelte

Svelte: see /icons/clef-alto.md

HTML img

HTML img: see /icons/clef-alto.md

CSS

CSS: see /icons/clef-alto.md

Data URL

Data URL: see /icons/clef-alto.md

Sprite

Sprite: see /icons/clef-alto.md

SwiftUI

SwiftUI: see /icons/clef-alto.md

Compose

Compose: see /icons/clef-alto.md

Android XML

Android XML: see /icons/clef-alto.md

Flutter

Flutter: see /icons/clef-alto.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

alto clef, c clef

Tags

clef, alto clef, c clef, tenor clef, music, notation, sheet music, viola

Category

Audio & video

Component name

ClefAltoIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

More audio & video icons

album ambient-sound aspect-ratio audio-lines audio-lines-off boombox cassette clapperboard clef-bass clef-treble director-chair disc disc-off drum earbud-left earbud-right · all audio & video icons

For agents

Metadata: /icons/clef-alto.json · Markdown: /icons/clef-alto.md · SVG: https://gentleface.com/svg/{style}/16/clef-alto.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/clef-alto.png

clef-alto icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More audio & video icons

For agents

clef-alto icon