Add icons to this collection by clicking the heart icon.
Music icon - also known as interface, music, song, note, musical note, music player, semiquaver, and music and multimedia. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M334.938 102.697c-30.917-24.154-57.604-45.007-57.604-91.999C277.333 4.785 272.563 0 266.667 0S256 4.785 256 10.698v351.53c0 11.805-9.563 21.396-21.333 21.396H192c-47.063 0-85.333 28.793-85.333 64.188S144.938 512 192 512s85.333-28.793 85.333-64.188V77.853c12.349 16.53 28.538 29.241 44.5 41.706C353.792 144.548 384 168.138 384 223.154c0 5.913 4.771 10.698 10.667 10.698s10.667-4.785 10.667-10.698c-.001-65.463-37.396-94.694-70.396-120.457z"
fill="#303c42"
/>
<path
d="M256 447.812c0 23.193-29.313 42.792-64 42.792s-64-19.599-64-42.792 29.313-42.792 64-42.792h42.667A42.214 42.214 0 0 0 256 399.274v48.538z"
fill="#546e7a"
/>
<linearGradient
id="a"
x1="-39.464"
x2="-29.814"
y1="635.881"
y2="631.384"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M334.938 102.697c-30.917-24.154-57.604-45.007-57.604-91.999C277.333 4.785 272.563 0 266.667 0S256 4.785 256 10.698v351.53c0 11.805-9.563 21.396-21.333 21.396H192c-47.063 0-85.333 28.793-85.333 64.188S144.938 512 192 512s85.333-28.793 85.333-64.188V77.853c12.349 16.53 28.538 29.241 44.5 41.706C353.792 144.548 384 168.138 384 223.154c0 5.913 4.771 10.698 10.667 10.698s10.667-4.785 10.667-10.698c-.001-65.463-37.396-94.694-70.396-120.457z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category