Add icons to this collection by clicking the heart icon.
Music icon - also known as audio, music, headphones, earphones, earbuds, and healthcare and medical. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 2.833 2.833"
>
<linearGradient
id="a"
x1="1.417"
x2="1.417"
y1="2.833"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M2.833 1.417a1.417 1.417 0 1 0-2.833 0 1.417 1.417 0 0 0 2.833 0z"
/>
<path
fill="#fff"
d="M2.012 2.076h-.1a.025.025 0 0 1-.025-.025v-.477c0-.014.01-.025.025-.025h.1c.06 0 .11.045.122.102h.044c.05 0 .092.041.092.091v.138a.09.09 0 0 1-.092.091h-.044a.124.124 0 0 1-.122.105zm-.075-.049h.075a.075.075 0 0 0 .075-.075v-.001c0-.014.01-.025.025-.025h.066c.024 0 .043-.02.043-.043v-.138a.043.043 0 0 0-.043-.043h-.066a.025.025 0 0 1-.025-.025v-.001a.075.075 0 0 0-.075-.075h-.075v.426zM.922 2.076h-.1a.125.125 0 0 1-.123-.102H.655a.092.092 0 0 1-.092-.091v-.138c0-.05.042-.092.092-.092h.044a.124.124 0 0 1 .123-.1h.1c.013 0 .025.01.025.024v.476a.026.026 0 0 1-.025.023zM.655 1.7a.043.043 0 0 0-.043.043v.137c0 .024.02.043.043.043h.067c.014 0 .025.011.025.025v.002c0 .041.033.075.075.075h.075v-.427H.822a.075.075 0 0 0-.075.075v.002a.025.025 0 0 1-.025.025H.655z"
/>
<path
fill="#fff"
d="M2.033 1.6a.025.025 0 0 1-.025-.024v-.178a.592.592 0 0 0-1.184 0v.18a.025.025 0 0 1-.025.024.025.025 0 0 1-.025-.025v-.18a.641.641 0 0 1 1.28 0v.18c.002.013-.009.024-.021.024zm-.1 0a.025.025 0 0 1-.025-.026v-.176a.492.492 0 0 0-.984 0v.176A.025.025 0 0 1 .9 1.6a.025.025 0 0 1-.025-.025v-.176a.54.54 0 0 1 1.08 0v.176a.023.023 0 0 1-.021.025z"
/>
<path
fill="#fff"
d="M1.376 1.952a.024.024 0 0 1-.024-.018l-.082-.283-.041.157a.024.024 0 0 1-.024.018h-.19A.025.025 0 0 1 .99 1.8c0-.014.01-.025.025-.025h.17l.06-.224c.003-.011.013-.018.024-.018s.02.007.023.018l.08.278.072-.31a.025.025 0 0 1 .023-.02c.011 0 .021.009.024.02l.07.311.081-.278a.025.025 0 0 1 .024-.018c.011 0 .02.007.024.018l.06.224h.069c.014 0 .025.011.025.025a.025.025 0 0 1-.025.025H1.73a.024.024 0 0 1-.023-.018l-.042-.157-.082.283c-.003.011-.012.018-.024.018s-.02-.008-.023-.019l-.068-.299-.068.299a.031.031 0 0 1-.025.018zM1.294 1.469a.102.102 0 0 1-.102-.102.102.102 0 0 1 .203 0 .101.101 0 0 1-.101.102zm0-.154a.053.053 0 1 0 0 .105.053.053 0 0 0 0-.105z"
/>
<path
fill="#fff"
d="M1.372 1.392a.025.025 0 0 1-.025-.025v-.272c0-.014.01-.025.025-.025.013 0 .025.011.025.025v.274c-.002.012-.012.023-.025.023zM1.54 1.406a.1.1 0 0 1-.102-.101c0-.056.046-.101.102-.101s.1.045.1.1-.045.102-.1.102zm0-.154a.053.053 0 1 0 0 .106c.029 0 .05-.024.05-.053s-.023-.053-.05-.053z"
/>
<path
fill="#fff"
d="M1.616 1.317a.025.025 0 0 1-.025-.025V1.02c0-.014.011-.025.025-.025.014 0 .025.011.025.025v.272c-.001.014-.013.025-.025.025z"
/>
<path
fill="#fff"
d="M1.372 1.119a.027.027 0 0 1-.024-.017.024.024 0 0 1 .017-.03l.244-.075a.024.024 0 0 1 .03.016.024.024 0 0 1-.016.03l-.245.074c-.002.002-.004.002-.006.002zM.823 1.917a.025.025 0 0 1-.025-.025v-.17c0-.013.011-.024.025-.024.014 0 .025.011.025.025v.17c0 .013-.011.024-.025.024zM2.01 1.917a.025.025 0 0 1-.025-.025v-.17c0-.013.011-.024.025-.024.014 0 .025.011.025.025v.17c-.001.013-.01.024-.025.024z"
/>
</g>
</svg>
More icons in the same style and category