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

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>

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 3v8.25h7.5V12l-2-3V3.75Z"></path></svg>

Free christian cross icon

Christian 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="M7 9.25h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4v15"></path></svg>

Free face id 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.45 13.95c-.57 1.34-1.91 2.29-3.46 2.29 -1.56 0-2.89-.95-3.46-2.3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.75 9v3.25h1.75"></path><circle cx="8.5" cy="10" r="1" fill="currentColor"></circle><circle cx="15.5" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 19.25H4.75V15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15v4.25H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 9V4.75H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9V4.75H9"></path></svg>

Speed gauge 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 13.25L16 9"></path><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="M5.02 13.25h13.94"></path></svg>

Free mouse 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 14v-4c0-2.35-1.91-4.25-4.25-4.25 -2.35 0-4.25 1.9-4.25 4.25v4c0 2.34 1.9 4.25 4.25 4.25 2.34 0 4.25-1.91 4.25-4.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8v3"></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>

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 small square check icon

Small square 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="M9 12l2 2 4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5H5.75Z"></path></svg>

Calendar cross vector icon

Calendar 2 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="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.5 14.5l5 5m0-5l-5 5"></path></svg>

Cake 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 18.25v-5.5H5.75v5.5h12.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 7.75H7.75v5h8.5v-5H12Zm0 0V4"></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>

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="M13.75 9l-2-3V3.75h-3.5V6l-2 3v11.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 20.25h3m0 0h3m-3 0v-4m0 0c1.51 0 2.75-1.24 2.75-2.75v-1.75h-5.5v1.75c0 1.51 1.23 2.75 2.75 2.75Z"></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>

Heart minus 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 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="M14 14.75h6"></path></svg>

Shield 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 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></svg>

Free alert 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="M12 8v4.5"></path><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><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Brightness 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="currentColor" d="M7 12c0 2.76 2.23 5 5 5V7c-2.77 0-5 2.23-5 5Z"></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>

Armchair 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 15.75V12.5l2.5-1.25v-5.5h7.5v5.5l2.5 1.25v3.25m-12.5 0V19m0-3.25h12.5m0 0V19"></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="M15 5.5l-9.25 9.2501v3.5h3.5L18.5 9 15 5.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="M18.97 12c-.87-3.04-3.67-5.25-6.98-5.25 -3.32 0-6.11 2.21-6.98 5.25 .86 3.03 3.66 5.24 6.97 5.24 3.31 0 6.1-2.22 6.97-5.25Z"></path></svg>

Arrow up left circle vector icon

Arrow up 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="M10 10l4.5 4.5"></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="M14 9.75H9.75V14"></path></svg>

big-simple-arrow-icon-pointing-left

Copy

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

Megaphone 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 14.25v1.5c0 1.1.89 2 2 2 1.1 0 2-.9 2-2v-.22m-7.5-5.79v4.5H9l10.25 4.25v-13L9 9.74H4.75Z"></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>

Calendar 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="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.5 14.5l5 5m0-5l-5 5"></path></svg>

Check list 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.5 13.5L11 17l8.5-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 6.75h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.25h5"></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 big chevron bottom icon

Big chevron bottom

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 9.5L12 16l6.5-6.5"></path></svg>

Power 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 4v7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 7.19c-1.38 1.14-2.25 2.87-2.25 4.8 0 3.45 2.79 6.25 6.25 6.25 3.45 0 6.25-2.8 6.25-6.25 0-1.94-.875-3.66-2.25-4.81"></path></svg>

Free minus big icon

Copy

w<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 12h14"></path></svg>

Free file search 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 11V9L12 4.75H5.75v13.5H11"></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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.59 17.58l2.657 2.66"></path></svg>

Money 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.25 7.25h15.5v9.5H4.25v-9.5Z"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 19.75h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 4.25h12"></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>

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.75 12.25c0 2.209-1.791 4-4 4 -2.21 0-4-1.791-4-4 0-2.21 1.79-4 4-4 2.209 0 4 1.79 4 4Zm0 0h8v4.25m-3 0v-4.25"></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