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

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 15.75c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.44 14.55l4.55-4.56"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15.75c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 6.75h2.74l4.5 6.5"></path></svg>

Open in new tab 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="M11 6.75H5.75v11.5h11.5V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 4.75h6.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 4.75L11.5 12.5"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 18.25h4.25V5.75H4.75V8M5.75 19c0-.9665-.7835-1.75-1.75-1.75M8.75 19c0-2.6234-2.1266-4.75-4.75-4.75" stroke="currentColor" stroke-width="1.5"/><path d="M11.75 19c0-4.2802-3.4698-7.75-7.75-7.75" stroke="currentColor" stroke-width="1.5"/></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>

Credit card minus vector icon

Credit card minus

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 16.75h3.5H21"></path><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.75V14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></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>

up-chevron-arrow-icon

Chevron arrow up

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 13.5 12 9l4.5 4.5" stroke="currentColor" stroke-width="1.5"/></svg>

double-check-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m12 16-.5303.5303.5303.5304.5303-.5304L12 16Zm-4.5303.5303L8 17.0607 9.0607 16l-.5304-.5303-1.0606 1.0606Zm4.5606-3.5 4-4-1.0606-1.0606-4 4 1.0606 1.0606Zm-4.5606-.5 4 4 1.0606-1.0606-4-4-1.0606 1.0606Zm5.0606 4 7.5-7.5-1.0606-1.0606-7.5 7.5 1.0606 1.0606Zm-8.5606-3.5 3.5 3.5 1.0606-1.0606-3.5-3.5-1.0606 1.0606Z" fill="currentColor"/></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.25 6.75h13.5m-13.5 0v10.5h13.5V6.75m-13.5 0L12 12l6.75-5.25"></path></svg>

Free send 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="M20 16.75H3.75v-9.5h15.5V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 13.25l3.5 3.5 -3.5 3.5"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free trash 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="M7.25 7.75h9.5m-9.5 0v10.5H12M7.25 7.75H5m11.75 0H19m-2.25 0V12m-2.5-4.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

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="M18.25 15l0-9.25H9.24l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 15c0 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>

Artboard 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="M7.75 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 7.75h6 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></path></svg>

Play small 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.75 17.5v-11l9 5.5 -9 5.5Z"></path></svg>

Free chicken 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 9.75l2.25-1.26 -2.25-1.25v0c0-1.39-1.12-2.5-2.5-2.5h-.25c-1.52 0-2.75 1.23-2.75 2.75v2.25h-7c0 3.45 2.79 6.24 6.25 6.24 3.45 0 6.25-2.8 6.25-6.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.39 19.25h2.6m0 0h2.4m-2.4 0L11.98 16"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4l2.5001 2.5001M19.25 12c0 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"/></svg>

Free 3d rectangle 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 9.5L12 5l7.75 4.5v5L12 19l-7.75-4.5v-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14l7.75-4.5M12 14L4.25 9.5M12 14v5"></path></svg>

Free big chevron top icon

Big chevron top

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 14.5L12 8l6.5 6.5"></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>

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>

Dots vertical vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 15c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 7c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path></svg>

Free happy face 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 5l-2.25 7.25H13"></path><circle cx="15" cy="8" r="1" fill="currentColor"></circle><circle cx="7" cy="8" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 13c0 2.89-2.36 5.25-5.25 5.25"></path></svg>

Train track 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.25 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 7.25h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 12h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 16.75h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 4v16"></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>

Free bottle 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="M13.75 3.75h-3.5V9l-2 6v5.25h7.5V15l-2-6V3.75Z"></path></svg>

Free shuffle 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 17h-5l-3-3m8-7h-5L3.5 17.5m0-11L7 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 3.5L20 7l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L20 17l-3.5 3.5"></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 aerial icon

Copy

<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12.5V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.87 15.12c-1.32-1.32-2.13-3.13-2.13-5.13 0-2.01.81-3.82 2.12-5.13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.12 4.87c1.31 1.31 2.12 3.12 2.12 5.12s-.82 3.81-2.13 5.12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.99c.76.76 1.24 1.83 1.24 3s-.48 2.23-1.25 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.99 13c-.77-.77-1.25-1.84-1.25-3.01 0-1.18.47-2.24 1.24-3.01"></path></svg>

Arrow down right vector icon

Arrow down 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="M16.25 10v6.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 6.5l9 9"></path></svg>

Free globe icon png

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.25 12c0 4.0041-3.2459 7.25-7.25 7.25M19.25 12c0-4.004-3.2459-7.25-7.25-7.25M19.25 12H4.75M12 19.25c-4.004 0-7.25-3.2459-7.25-7.25M12 19.25c1.7949 0 3.25-3.2459 3.25-7.25 0-4.004-1.4551-7.25-3.25-7.25m0 14.5c-1.7949 0-3.25-3.2459-3.25-7.25 0-4.004 1.4551-7.25 3.25-7.25M4.75 12c0-4.004 3.246-7.25 7.25-7.25" stroke="currentColor" stroke-width="1.5"/></svg>

Free loader 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 12h-3.75m-8.5 0H4m8 8v-3.75m0-8.5V4M6.343 17.656l2.651-2.652m6.01-6.011l2.651-2.652M6.341 6.34l2.651 2.651m6.005 6.005l2.656 2.656"></path></svg>

Free shield cross 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 11V7.75L12 4.5 5.75 7.75V11c0 6 6.25 8.75 6.25 8.75s6.25-2.75 6.25-8.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 9.5l5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 9.5l-5 5"></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>

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>

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>

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