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

Chat 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="M4.75 4.75h10.5v8.5H7.5L4.75 16V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 8v11l-2.25-2.25H9"></path></svg>

Free spanner 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 20v-5.05c-2.04-.73-3.5-2.67-3.5-4.96s1.46-4.24 3.5-4.96v4.95h3.5V5.02c2.03.72 3.5 2.66 3.5 4.95 0 2.28-1.47 4.23-3.5 4.95v5.04"></path></svg>

Folder download vector icon

Folder download

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 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15V9.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12l3 3 3-3"></path></svg>

Free file duplicate 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.75 16.25V4.75h5.26l3.23 3.46v8.03h-8.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 7v12.25H15"></path></svg>

Free folder 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="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 13h3.5H15"></path></svg>

Corner down left vector icon

Corner down left

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 13h11V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 8.5L6 13l4.5 4.5"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.7574 7.7574 12 12.0001m0 0 4.2426 4.2426M12 12.0001l4.2426-4.2427M12 12.0001l-4.2426 4.2426" stroke="currentColor" stroke-width="1.5"/></svg>

Box 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="M4.75 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 8L12 12M4.75 8L12 12m0 8v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.62 10L8.37 6"></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="M15.75 18.25H9.5m6.25 0c-1.39 0-2.5-1.12-2.5-2.5v-2.5h-8.5v2.5c0 1.38 1.11 2.5 2.5 2.5h8.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-11h-10v8.5"></path></svg>

Free arrow left circle icon

Arrow left circle

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.5 12H16"></path><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 9l-3 3 3 3"></path></svg>

Message circle 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.5 18.25c3.72 0 6.75-3.03 6.75-6.75 0-3.73-3.03-6.75-6.75-6.75 -3.73 0-6.75 3.02-6.75 6.75 0 1.1.26 2.13.73 3.05l-1.49 4.44 4.71-1.35c.84.38 1.79.59 2.78.59Z"></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>

big-arrow-pointing-left-top

Big arrow up left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 13.5V5.75h7.75M6 6l11.5 11.5" stroke="currentColor" stroke-width="1.5"/></svg>

Lock 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="M15.25 10.75V8c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v2.75m-2 0h10.5v7.5H6.75v-7.5Z"></path></svg>

Free calculator 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.75 5.75h10.5v12.5H6.75V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 11.25h10.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 11.25v7"></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>

Plug rotated 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.47 15.44c2.05 2.05 5.37 2.05 7.42 0l1.41-1.42 -7.43-7.43L10.45 8c-2.06 2.05-2.06 5.37 0 7.42Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.05 15.8c2.56 2.56 5.13 1.93 7.42-.36"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.01 8.73l3.48-3.49"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.19 11.91l3.35-3.36"></path></svg>

Paper clip 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.86 5.76L6.79 9.82c-1.76 1.75-1.76 4.6 0 6.36v0c1.75 1.75 4.6 1.75 6.36 0l4.59-4.6c1.17-1.18 1.17-3.08 0-4.25v0c-1.18-1.18-3.08-1.18-4.25 0l-4.6 4.59c-.59.58-.59 1.53 0 2.12v0c.58.58 1.53.58 2.12 0l4.06-4.07"></path></svg>

Calendar plus vector icon

Calendar 2 plus

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 0V12m-12.5-1.75v8H12M8.75 3.5V8m6.5-4.5V8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Layers 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 10.75l-6.25-3V7.5l6.25-3 6.25 3v.25l-6.25 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 11v.75L12 15l-6.25-3.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 15v.75L12 19l-6.25-3.25V15"></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="M16.74 11.14l.88-.89c1.07-1.08 1.07-2.82 0-3.89 -1.08-1.08-2.82-1.08-3.89 0l-2.48 2.47c-1.08 1.07-1.08 2.81 0 3.88m-2.83-1.07L7.35 12.7c-1.08 1.07-1.08 2.81 0 3.88 1.07 1.07 2.81 1.07 3.88 0l2.47-2.48c1.07-1.08 1.07-2.82 0-3.89"></path></svg>

Bug 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="M15.25 9.74v-.75c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71c.86.94 2.11 1.53 3.5 1.53 1.38 0 2.63-.6 3.5-1.54 .77-.85 1.25-1.98 1.25-3.22V9.73h-9.5v3.75c0 1.23.47 2.36 1.25 3.21Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18.25V12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 9.75L4.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 12.75H3.49"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 12.75h3.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71l-3.01 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 16.71l2.99 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 9.75l2.75-2.26"></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="M8 11h6m-3-3v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.419 15.419c1.131-1.131 1.83-2.694 1.83-4.42 0-3.452-2.799-6.25-6.25-6.25 -3.452 0-6.25 2.798-6.25 6.25 0 3.451 2.798 6.25 6.25 6.25 1.725 0 3.288-.7 4.419-1.831Zm0 0l4.08 4.08"></path></svg>

Free folded file 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.75 18.25V4.75H12l5.25 5v8.5H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 4.75v5h5"></path></svg>

Free drop 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 18.25c2.2 0 4-1.74 4-3.88 0-2.14-4-8.13-4-8.13s-4 5.99-4 8.12c0 2.13 1.79 3.87 4 3.87Z"></path></svg>

free info circle icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16v-4.5m7.25.5c0 4.0041-3.2459 7.25-7.25 7.25-4.004 0-7.25-3.2459-7.25-7.25 0-4.004 3.246-7.25 7.25-7.25 4.0041 0 7.25 3.246 7.25 7.25Z" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="9" r="1" fill="currentColor"/></svg>

Free mail 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="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="M14 16h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Cart 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.2 10.75L14.95 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 10.75h18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 5l-2 5.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.75l2 8.5h10l2-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 13v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 13v4"></path></svg>

Users vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="10.5" cy="8.5" r="2.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2h5.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 19v-2.75c0-1.11-.9-2-2-2H17"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 11.25c1.51 0 2.75-1.24 2.75-2.75 0-1.52-1.24-2.75-2.75-2.75"></path></svg>

Free Credit card important icon

Credit card important

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 14v3.5"></path><circle cx="18" cy="20" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 17.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75h14.5"></path></svg>

Free chevrons up 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.5 17.5L12 13l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 12.5L12 8l4.5 4.5"></path></svg>

User love 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.75 19v-2.75c0-1.11.89-2 2-2H12M15.25 8c0 1.79-1.46 3.25-3.25 3.25 -1.8 0-3.25-1.46-3.25-3.25 0-1.8 1.45-3.25 3.25-3.25 1.79 0 3.25 1.45 3.25 3.25Z"></path><path fill="currentColor" d="M16.5 18.99l-2.52-2.52c-.55-.55-.56-1.44-.03-2 .56-.593 1.51-.59 2.07 0l.46.49 .46-.5c.56-.6 1.5-.61 2.07-.01 .53.56.52 1.44-.03 1.99l-2.52 2.51Z"></path></svg>

Calendar check vector icon

Calendar 2 check

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 0V12m-12.5-1.75v8H12M8.75 3.5V8m6.5-4.5V8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 16.5l2 2 4-4"></path></svg>

Command 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.75 9.75V8c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75h1.75Zm0 0h4.5m-4.5 0v4.5m0 0H8c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75v0c.96 0 1.75-.79 1.75-1.75v-1.75Zm0 0h4.5m0-4.5H16c.96 0 1.75-.79 1.75-1.75v0c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v1.75Zm0 0v4.5m0 0H16c.96 0 1.75.78 1.75 1.75v0c0 .96-.79 1.75-1.75 1.75v0c-.97 0-1.75-.79-1.75-1.75v-1.75Z"></path></svg>

Landlord 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="M14 9.25c2.34 0 4.25 1.9 4.25 4.25v.75h-2v5H14m0-10c1.24 0 2.25-1.01 2.25-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.25Zm0 0c-1.31 0-2.47.58-3.25 1.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 15.25v4h6.5v-4L9 12l-3.25 3.25Z"></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>

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