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

Edit plane icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 12.25H5.5l-2.5 6h18l-2.1429-4.75" stroke="currentColor" stroke-width="1.5"/><path d="M12 14.2501H9.25V11.5l7.25-7.25L19.2465 7 12 14.2501Zm0 0h4.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free folder arrow right icon

Folder 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="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10.75L10 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 10.75h4.25V15"></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 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>

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>

Free shower head 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 4v3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 16v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 7.75c-2.9 0-5.25 2.35-5.25 5.25v.75h10.5V13c0-2.9-2.36-5.25-5.25-5.25Z"></path></svg>

Free inbox add 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 12.25v6h14.5v-6h-5c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25h-5Zm0 0l2-6.5H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h3m0 0h3m-3 0V4m0 3v3"></path></svg>

Column 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="M19.25 18.25V5.75H4.75v12.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 6v12.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 5.75V18"></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="M16 12.5L14.5 11 13 12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 12.5L9.5 11 8 12.5"></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>

Free tennis ball 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.25C7.99 19.25 4.74 16 4.74 12c0-4.01 3.24-7.25 7.25-7.25 .04 0 .09 0 .14 0 3.51.06 6.41 2.63 7 6 .74 4.28-2.77 8.49-7.15 8.49Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.85 13.24c4.43.08 8.03-4.16 7.28-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.14 10.75c-4.47-.09-8.05 4.13-7.29 8.49"></path></svg>

Calendar 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="M18.25 10.25v-4.5H5.75v4.5m12.5 0v8H5.75v-8m12.5 0H5.75m3-6.75V8m6.5-4.5V8"></path></svg>

Free megaphone 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 19v-5.75 -4.5m0 0h.5l8-3.25v11l-8-3.25h-4.5v-4.5h4Z"></path></svg>

big-arrow-icon-pointing-down-right

Big arrow down right

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 10.5v7.75H10.5M18 18 6.5 6.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free heartbeat 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 18l-6.5-6.5c-1.39-1.39-1.39-3.62 0-5 1.38-1.39 3.61-1.39 4.99 0l1.5 1.5 1.5-1.5c1.38-1.39 3.61-1.39 5 0 1.38 1.38 1.38 3.61 0 4.99"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M21 14.75h-2l-1.25 2 -2.5-5 -1.25 3h-2"></path></svg>

Corner up 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="M6 11h11v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 15.5L6 11l4.5-4.5"></path></svg>

Half note 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 5.75h-3.75l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 17c0 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>

Free smartphone 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.25 5.75h7.5v12.5h-7.5V5.75Z"></path></svg>

Free expand 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 18L18 6m0 12L6 6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 5.75h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 18.25h4.25V14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 5.75H5.74V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 18.25H5.75V14"></path></svg>

vector-svg-award-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12.6742V20L12 17.5 8.25 20v-7.3258m7.5 0c.9279-.9469 1.5-2.2437 1.5-3.6742 0-2.8995-2.3505-5.25-5.25-5.25S6.75 6.1005 6.75 9c0 1.4305.5721 2.7273 1.5 3.6742m7.5 0c-.9529.9724-2.281 1.5758-3.75 1.5758-1.469 0-2.7971-.6034-3.75-1.5758" 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="M10.5 4.5L5 10l5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10h14v9"></path></svg>

Time globe 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.75 13.99v2.25H19m2.25 0c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.25 12c0 4 3.24 7.25 7.25 7.25 -1.8 0-3.25-3.25-3.25-7.25m-4 0c0-4.01 3.24-7.25 7.25-7.25M3.25 12h4m3.25-7.25c-1.8 0-3.25 3.24-3.25 7.25m3.25-7.25c1.4 0 2.59 1.97 3.05 4.75m-3.06-4.75c3.12 0 5.78 1.97 6.8 4.75M7.23 12h3.25"></path></svg>

Free tennis table 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 19v-6.25H12M19.25 19v-6.25H12m0 0v-4"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 4.75h12.5v14.5L12 13l-6.25 6.25V4.75Z" stroke="currentColor" stroke-width="1.5"/></svg>

Free parking 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 14.25l2-4h6.5l2 4m-10.5 0H5m2.25 0V17m10.5-2.75H20m-2.25 0V17m-10.5 2v-2m10.5 2v-2m-10.5 0h10.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 3v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 3.75v4h2.5c1.1 0 2-.9 2-2 0-1.11-.9-2-2-2h-2.5Z"></path></svg>

Free shopping cart check icon

Shopping cart check

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 0l2.13 8h7.75l1-4m-10.89-4h4.38"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 6.5l2 2 4-4"></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>

Drink 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="M8.5 19.25H12m3.5 0H12m0 0V13m0 0L6 4.75h12L12 13ZM8.18 7.75h7.63"></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="M19.25 4.75H4.75v14.5h14.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l-1.25 1.25L8 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 9.5L16 12l-2.5 2.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.75 12.51C17.75 16.0667 15.0486 18.26 12 18.26C8.95139 18.26 6.25 16.0667 6.25 12.51C6.25 8.95329 8.95139 4.25 12 4.25C15.0486 4.25 17.75 8.95329 17.75 12.51Z" stroke="black" stroke-width="1.5"></path></svg>

Free battery 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="M20.25 10v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.25 9.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.75 6.75v10.5h13.5V6.75H3.75Z"></path></svg>

Free arrow circulation icon

Arrow circulation

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.5l3 3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.99 8.5h-3.5c-1.8 0-3.25 1.45-3.25 3.25 0 1.79 1.45 3.25 3.25 3.25h.71c.98 0 1.92-.4 2.62-1.09l2.16-2.17s0 0 0 0 1.46-1.47 2.16-2.17c.69-.7 1.64-1.09 2.62-1.09 1.79 0 3.25 1.45 3.25 3.25 0 1.79-1.46 3.25-3.25 3.25 -.9 0-1.71-.37-2.3-.96"></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 6.75H4.75v12.5h12.5V15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 4.25l-7.25 7.25v2.75H13l7.24-7.26 -2.75-2.75Z"></path></svg>

Free calendar check 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="M13.5 16.5l2 2 4-4"></path></svg>

Free leaderboard 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 9.75h4v5.5H6v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 4.75h4v10.5h-4V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 9.75h4v5.5h-4v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path></svg>

big-simple-arrow-pointing-down

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 13.5 12 19l5.5-5.5M12 18.5V5" stroke="currentColor" stroke-width="1.5"/></svg>

Free sheet 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 5.75H4.75v12.5h14.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.25h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 14.25h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.25v8"></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