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

File text 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="M6.75 18.25V4.75h6.75L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25h6"></path></svg>

Free money 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.25 7.25h15.5v9.5H4.25Z"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free pencil 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 18.25h3.5l7-7.01 2.25-2.25 -3.5-3.5 -2.25 2.25 -7 7v3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 11.25l-3.5-3.5"></path></svg>

Free basketball hoop icon

Basketball hoop

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 12.25h5.25v-7.5H6.75v7.5H12Zm0 0V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 9.25h4"></path></svg>

Free polaris 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.48 16.5l2.16-2.17m6.86-6.84l-2.17 2.16m2.16 6.83l-2.17-2.17M7.45 7.47l2.16 2.16m2.35-5.67c0 4.41-3.59 8-8 8 4.41 0 8 3.58 8 8 0-4.42 3.58-8 8-8 -4.42 0-8-3.59-8-8Z"></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>

Free mail draft 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 15.25H4.25v-9.5h11.5V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.25 5.75L10 11l5.75-5.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 11.74l-4.25 4.25v2.25H15l4.25-4.26L17 11.72Z"></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="M17.25 15V6.75H9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.25 17.25V21m0-3.75H21m-3.75 0H6.75V6.75m0 0V3m0 3.75H3"></path></svg>

File important 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.25 11V9L13 4.75H6.75v13.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 13v3.5"></path><circle cx="16" cy="19" r="1" fill="currentColor"></circle></svg>

Broken egg 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 12.51c0 3.55-2.71 5.75-5.75 5.75 -3.05 0-5.75-2.2-5.75-5.75 0-.19 0-.38.02-.57 .26-3.47 2.83-7.7 5.72-7.7 2.89 0 5.46 4.22 5.72 7.69 .01.19.02.37.02.56Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.72 11.947l-1.23 1.05 -2.25-2.75 -2.25 2.75 -2.26-2.75 -2.25 2.75 -1.23-1.06"></path></svg>

Free HDMI cable 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 6.75v-3.5h4.5v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 6.75h-9.5v11h9.5v-11Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 17.75V22"></path></svg>

Free octagon 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 4.75h3 3L19.25 9v3 3L15 19.25h-3H9L4.75 15v-3V9L9 4.75Z"></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="M12.25 5.25h6.5v6.5l-7 7 -6.5-6.5 7-7Z"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g></svg>

Free file edit 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.25 11V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.83 14l-4.09 4.08v2.16h2.16l4.08-4.09 -2.17-2.17Z"></path></svg>

Free user circle 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="12" cy="10.5" r="2.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 18v-1.25c0-.56.44-1 1-1h6.5c.55 0 1 .44 1 1V18"></path></svg>

Free repeat once 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 17h7.25V7H16M8 17H4.75V7H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 13.5L11 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 11V4.75C12.75 5.99 11.74 7 10.5 7"></path></svg>

Point left 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.5 17.75h-3.75v-5h-5v-3h5m3.75 0h-3.75m0 0L14.5 6l4.5 4.5"></path></svg>

Free dumbbell 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 11v8m12.5 0v-8m-12.5 4h12.5"></path></svg>

Scooter 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.25 7.25h4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7.25H5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7c0-1.25 1-2.25 2.25-2.25v0c1.24 0 2.25 1 2.25 2.25v0c0 1.24-1.01 2.25-2.25 2.25v0c-1.25 0-2.25-1.01-2.25-2.25v0Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 17.75V14c0-2.63 2.12-4.75 4.75-4.75 2.62 0 4.75 2.12 4.75 4.75v3.75H12 7.25Z"></path></svg>

Free chart 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 5.75h12.5v12.5H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.75 16V8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 16v-5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 16v-3"></path></svg>

Free swap vertical 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.5 12.5L19 16l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 16H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 4.5L5 8l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 8h14"></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="M4 7h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h4"></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>

Free arrow up right circle icon

Arrow up right circle

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="M14 10l-4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 9.75h4.25V14"></path></svg>

Basketball ball vector icon

Basketball ball

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 2.23-1.02 4.24-2.61 5.57 -1.26 1.04-2.875 1.67-4.64 1.67 -1.84 0-3.51-.69-4.785-1.81 -1.52-1.33-2.465-3.28-2.465-5.45 0-2.18.95-4.12 2.465-5.45C8.485 5.4 10.165 4.72 12 4.72c.09 0 .19 0 .28 0 1.65.06 3.16.68 4.35 1.67 1.59 1.32 2.61 3.33 2.61 5.57Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12H4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.21 6.55c1.51 1.32 2.465 3.27 2.465 5.44 0 2.17-.96 4.11-2.465 5.44"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.64 17.571c-1.6-1.33-2.61-3.34-2.61-5.58s1.01-4.25 2.61-5.58"></path></svg>

Free credit card cross icon

Credit card 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="M13 18.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.5 15.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 15.5l5 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="M4.25 5.75h3.21c1.46 0 2.88.53 3.98 1.51l.54.48 .54-.49c1.09-.98 2.51-1.52 3.98-1.52l3.21 0v11.49h-3.22c-1.47 0-2.89.53-3.99 1.51l-.55.48 -.55-.49c-1.1-.98-2.52-1.52-3.99-1.52H4.19V5.7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25V7.75"></path></svg>

Free file inside arrow right icon

File inside arrow right

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 18.25V4.75H13L17.25 9v9.25H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.25 10.75L9 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 10.75h4.25V15"></path></svg>

Ghost 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 10v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5.25c-3.46 0-6.25 2.79-6.25 6.25V20L8 18l2 2 2-2 2 2 2-2 2.25 2v-8.5c0-3.46-2.8-6.25-6.25-6.25Z"></path></svg>

Wall lamp up 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.5 5.75h-5L8 12.25h5 5l-2.5-6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 15v4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 17.25h7v-5"></path></svg>

closed-book-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 15.75v1.5c0 1.1046.8954 2 2 2h10.5v-3.5m-12.5 0v-9c0-1.1046.8954-2 2-2h10.5v11m-12.5 0h12.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free air conditioning icon

Air conditioning

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 12.25l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 19.25H7.75V4.75h7.75"></path></svg>

Coffee 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.75 4v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.75 4v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h2.01c.82 0 1.48.67 1.48 1.5v1.5c0 .82-.68 1.5-1.5 1.5h-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h-10v6.5c0 1.1.89 2 2 2h6c1.1 0 2-.9 2-2v-6.5Z"></path></svg>

Free audio 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.5 19.25h-7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.75v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 6.5c0-1.25 1-2.25 2.25-2.25v0c1.24 0 2.25 1 2.25 2.25v4c0 1.24-1.01 2.25-2.25 2.25v0c-1.25 0-2.25-1.01-2.25-2.25v-4Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 10v.5c0 2.89 2.35 5.25 5.25 5.25v0c2.89 0 5.25-2.36 5.25-5.25V10"></path></svg>

big-cross-x-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.0503 7.0502 9.8994 9.8995m0-9.8995-9.8994 9.8995" stroke="currentColor" stroke-width="1.5"/></svg>

Free check circle 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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12l2 2 4.5-4.5"></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