Send this page to your computer

Music vector icon

Interface icons

Music and audio icons

Music vector icon

Introducing a music icon that is pixel perfect and sharp looking, designed for designers to use in their app and website designs. Copy as an SVG right away, and download in a variety of standard and animated formats including PNG, WEBP, JPG, SVG, PDF and even a Lottie file. This icon is also available in our Figma and IconJar libraries, making it easy to use and vector based for high quality designs. Get pixel perfect, sharp looking music icons for your designs today!

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 16l0-10.25H9.24l0 10.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 16c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25 1.24 0 2.25 1 2.25 2.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 16c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25 1.24 0 2.25 1 2.25 2.25Z"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Music

Free sunrise icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.25V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 14.25h2.75c.13-2.79 2.42-5 5.24-5 2.81 0 5.11 2.21 5.24 5h2.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 7.5l1.52 1.52 1.52 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></path></svg>

Free alert triangle icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v3.5"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.75l-7.75 14.5h15.5L12 4.75Z"></path></svg>

People vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 9.25c-2.35 0-4.26 1.9-4.26 4.25v.75h2v5h4.49v-5h2v-.75c0-2.35-1.91-4.25-4.25-4.25Zm0 0c1.24 0 2.24-1.01 2.24-2.25 0-1.25-1.01-2.25-2.25-2.25 -1.25 0-2.25 1-2.25 2.25 0 1.24 1 2.25 2.25 2.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 4.75c1.24 0 2.25 1 2.25 2.25 0 1.24-1.01 2.25-2.25 2.25 2.34 0 4.25 1.9 4.25 4.25v.75h-2v5H15"></path></svg>

Free briefcase icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 8.25H14.5 9 4.75v10H9h5.5 4.75v-10Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 8.25v-3.5h5.5v3.5"></path></svg>

Free verified badge icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12l2 2 4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.58 5.74l-2.59-2.59L9.4 5.73H5.73v3.66l-2.59 2.58 2.58 2.58v3.66h3.66l2.58 2.58 2.58-2.59h3.66v-3.67l2.58-2.59 -2.59-2.59V5.68h-3.67Z"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 10v8.25h4.5v-5.51h3.5v5.5h4.5V9.99L12 4.48l-6.25 5.5Z"></path></svg>

Free brightness icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.58 5.74l-2.59-2.59L9.4 5.73H5.73v3.66l-2.59 2.58 2.58 2.58v3.66h3.66l2.58 2.58 2.58-2.59h3.66v-3.67l2.58-2.59 -2.59-2.59V5.68h-3.67Z"></path><path fill="none" stroke="currentColor" stroke-linejoin="bevel" stroke-width="1.5" d="M9 15l3-6.51 3 6.5"></path><path fill="none" stroke="currentColor" stroke-linejoin="bevel" stroke-width="1.5" d="M10.03 12.75h3.92"></path></svg>

Free stroke join round icon

Stroke join round

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 5.75h-3.5v6.5h6v6h6.5v-3.5c0-4.98-4.03-9-9-9Z"></path></svg>

Free location icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 13.28c-1.96.58-3.25 1.57-3.25 2.71 0 1.79 3.24 3.25 7.25 3.25 4 0 7.25-1.46 7.25-3.25 0-1.14-1.3-2.13-3.25-2.72"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.25c1.51 0 2.75-1.24 2.75-2.75 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75Zm0 0V16"></path></svg>

Free move to bin icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 7.75h9.5m-9.5 0v10.5H11M7.25 7.75H5m11.75 0H19m-2.25 0V11m-2.5-3.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 13.5L14 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h7"></path></svg>

Mail check vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.25 6.75h13.5m-13.5 0v10.5H12M5.25 6.75L12 12l6.75-5.25m0 0V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 15.5l2 2 4-4"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 18.25h6v-6h-6m0 6h-6v-6m6 6v-6m0 0v-6h-6v6m6 0h-6M14.5 6.5h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 10v8.25h12.5V10L12 4.49l-6.25 5.5Z"></path></svg>

Pos payment cross vector icon

Pos payment cross

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.75 9.75H6.25v10.5h11.5V9.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 12.5l5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 9.75v-5c0-.28.22-.5.5-.5h6.5c.27 0 .5.22.5.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 4.25v5.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 18.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.25C9.37 4.25 7.25 6.37 7.25 9c0 1.8 1.01 3.38 2.5 4.18v2.06h4.49v-2.07c1.48-.81 2.5-2.38 2.5-4.19 0-2.63-2.13-4.75-4.75-4.75Z"></path></svg>

User check vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 17.5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path></svg>

Paper vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.75 4.75H9.74c-1.11 0-2 .89-2 2l0 7m10-9c-1.11 0-2 .89-2 2v3.5m2-5.5c1.1 0 2 .89 2 2v3.5h-4m-2 8H6.48c-1.11 0-2.25-.9-2.25-2v-2.5h3.49m6 4.5c-1.11 0-2-.9-2-2v-2.5H7.71m6 4.5c1.1 0 2-.9 2-2l-.01-6"></path></svg>

Free arrow down icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L12 18l-4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18V6"></path></svg>

Free arrow left icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 12h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 7.5L6 12l4.5 4.5"></path></svg>

Cloud rain vector icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 11c0 1.5188 1.2312 2.75 2.75 2.75h7.5c1.5188 0 2.75-1.2312 2.75-2.75s-1.2312-2.75-2.75-2.75h-.0082c.1403-2.1311-1.6004-4-3.7418-4s-3.882 1.8688-3.7418 4H8.25C6.7312 8.25 5.5 9.4812 5.5 11zM16.75 16v4M13.75 16v4M10.75 16v4M7.75 16v4" stroke="currentColor" stroke-width="1.5"/></svg>

Free desk lamp icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.75h-5L7 11.25h10l-2.5-6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 11.34v6.9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 18.25h6"></path></svg>

Free empty box search icon‍

Empty box search

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 18.25H4.75v-8.5l2-5h10.5l2 5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75H12m7.25 0h-5H12m0 0v-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 16.25c0 1.65-1.35 3-3 3 -1.66 0-3-1.35-3-3 0-1.66 1.34-3 3-3 1.65 0 3 1.34 3 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.19 18.19l3.05 3.05"></path></svg>

Free calendar plus icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 10.25v-4.5H5.75v4.5m12.5 0H5.75m12.5 0v2m-12.5-2v8H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Bell cross vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 11.5v3.75M12 4.75c-2.35 0-4.25 1.9-4.25 4.25v6.25m-2.75 0h14m-9.5 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Fruit juice vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.75 3.75h-3.5V6l-2 3v11.25h7.5V9l-2-3V3.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 11.25h.25c.72 0 1.41.17 2.02.47m-2.28 8.52h.25c2.48 0 4.5-2.02 4.5-4.5 0-1.76-1.01-3.29-2.48-4.03m2.22-2.23l-2.23 2.22"></path></svg>

Pie chart vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.75V12h7.25"></path></svg>

Free filter icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 5.75l4.75 6.5v6h3.5v-6l4.75-6.5h-13Z"></path></svg>

Free emoji neutral icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12c0 4-3.25 7.25-7.25 7.25 -4.01 0-7.25-3.25-7.25-7.25 0-4.01 3.24-7.25 7.25-7.25 4 0 7.25 3.24 7.25 7.25Z"></path><circle cx="14" cy="10" r="1" fill="currentColor"></circle><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 14.25h6"></path></svg>

Search file vector icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25H5.75V4.75h12.5V9M8 8.25h8m-8 3h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.94 16.94c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l2.55 2.55"></path></svg>

Free suitcase icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.25 8.75v-4h3.5v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 8.75h10.5v9.5H6.75v-9.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 18.25V21m-4.5-2.75V21"></path></svg>

Free stroke join miter icon

Stroke join miter

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5h-6.5v-6h-6v-6.5Z"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6.75c3.31 0 6.1 2.21 6.97 5.25 -.87 3.03-3.67 5.24-6.98 5.24 -3.32 0-6.11-2.22-6.98-5.25 .86-3.04 3.66-5.25 6.97-5.25Zm0 0V4m4.02 3.97l1.97-1.98M7.96 7.96L5.98 5.98"></path></svg>

Free heart icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 11.5 12 18l-6.5-6.5c-1.3807-1.3807-1.3807-3.6193 0-5s3.6193-1.3807 5 0L12 8l1.5-1.5c1.3807-1.3807 3.6193-1.3807 5 0s1.3807 3.6193 0 5Z" stroke="currentColor" stroke-width="1.5"/></svg>

Free sliders horizontal icon

Sliders 2 horizontal

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 16h9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16h4.75m0 0v3m0-3v-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 8h9.75m0 0V5m0 3v3"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 4.5L5 10l5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10h14v9"></path></svg>

Free shopping cart icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="16" cy="19" r="1" fill="currentColor"></circle><circle cx="9" cy="19" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 4.75h2.81l.8 3m0 0h11.88l-2 8H8.74l-2.14-8Z"></path></svg>

Browse all icons

Filter icons by categories

Narrow down the options to a specific theme

Wall of love

Twitter comments that puts a smile on our face

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

Trusted by industry leads

Join hundreds of companies has already
signed up for Bunch of icons on early stages

Unlock all icons

Here's what you get

Unlock all icons

Commercial license

Download Figma file

Copied to clipboard