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

vector-block-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1265 6.8735C15.8145 5.5615 14.002 4.75 12 4.75c-4.004 0-7.25 3.246-7.25 7.25 0 2.002.8115 3.8145 2.1235 5.1265m10.253-10.253C18.4385 8.1855 19.25 9.998 19.25 12c0 4.0041-3.2459 7.25-7.25 7.25-2.002 0-3.8145-.8115-5.1265-2.1235m10.253-10.253-10.253 10.253" stroke="currentColor" stroke-width="1.5"/></svg>

big-arrow-icon-pointing-up-right

Big arrow up right

Copy

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

Free pizza slice 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.31 10.5c-1.41-1.98-3.71-3.26-6.32-3.26 -2.61 0-4.91 1.28-6.32 3.25m12.62 0l1.77-2.6c-1.98-2.25-4.87-3.67-8.09-3.67 -3.23 0-6.12 1.41-8.09 3.66l1.77 2.59m12.62 0l-6.32 9.24 -6.32-9.25"></path></svg>

Calendar draft 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 11.74l-4.25 4.25v2.25H15l4.25-4.26L17 11.72Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></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>

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>

Chevrons 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="M16.5 7.5L12 12l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.5 7.5L7 12l4.5 4.5"></path></svg>

Free big chevron left icon

Big chevron 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="M14.5 5.5L8 12l6.5 6.5"></path></svg>

Receive mail 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.5 13.5L14 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.25 6.75h13.5m-13.5 0V17H11M5.25 6.75L12 12l6.75-5.25m0 0V11"></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.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>

Free analytics 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 19v-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19v-9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 19V5"></path></svg>

chevron-left-icon

Chevron arrow left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 7.5 9 12l4.5 4.5" stroke="currentColor" stroke-width="1.5"/></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>

Free user 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="M14 17h3m0 0h3m-3 0v-3m0 3v3M5.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></svg>

Free square shape 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></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>

Minimise 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 9.25h-4.25V5M19 14.75h-4.25V19m-5.5 0v-4.25H5m0-5.5h4.25V5"></path></svg>

User edit 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="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 11.75L12.75 17v2.25H15l5.25-5.26L18 11.73Z"></path></svg>

Free wallet 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.5 5.75h8.75v3H5.5v-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 8.75h12.75v8.5H5.5v-8.5Z"></path></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 users icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 10.25c1.24 0 2.25-1.01 2.25-2.25 0-1.25-1.01-2.25-2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.25c-1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 19v-3.75c0-1.11.89-2 2-2h4.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 13.25h.25c1.1 0 2 .89 2 2V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 13.25h-.25c-1.11 0-2 .89-2 2V18"></path></svg>

Mouse hover 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.88 14.63l-2.64 4.61 -3.5-10.75 10.75 4.5 -4.62 1.63Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 7V3.75H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 3.75h3.25V7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 14.25H4.75V11"></path></svg>

Bell 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="M16.25 11.5v3.75M12 4.75c-2.35 0-4.25 1.9-4.25 4.25v6.25m-2.75 0h14m-9.5 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Free filter list 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 7h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 17h4"></path></svg>

Free shopping bag 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 7.75h12.5m-12.5 0v10.5h12.5V7.75m-12.5 0l2-3h8.5l2 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10v1c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25v-1"></path></svg>

Free maximize 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 18l4.5-4.5M18 6l-4.5 4.5"></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="M10 18.25H5.75V14"></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>

Bounce 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 7.75L11.5 15.5l-6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 14V7.75H13"></path></svg>

File inside check vector icon

File inside 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="M5.75 18.25V4.75H13L17.25 9v9.25H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 12.5l2 2 4-4"></path></svg>

History icon free

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 12c0 4.0041 3.246 7.25 7.25 7.25 4.0041 0 7.25-3.2459 7.25-7.25 0-4.004-3.2459-7.25-7.25-7.25-2.9341 0-5.4611 1.743-6.6021 4.25" stroke="currentColor" stroke-width="1.5"/><path d="M4.75 5v4.25H9M12 8.5V12l2.5001 2.5001" stroke="currentColor" stroke-width="1.5"/></svg>

Shuffle 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.5 18.5l13-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 5.5L10 10m8.5 8.5L14 14"></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></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>

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>

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>

Questions 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="none" stroke="currentColor" stroke-width="1.5" d="M14.25 9.75v.77c0 .67-.55 1.22-1.23 1.22v0c-.57 0-1.03.46-1.03 1.02v1.22"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 9.75c0-1.11-.9-2-2-2h-.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 9.75c0-1.11.89-2 2-2"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle></svg>

Trending up minus vector icon

Trending up 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="M5 7.75h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 7.75L13 14l-2-2 -5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 7.75h4.25V12"></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