Send this page to your computer

Note vector icon

Interface icons

Music and audio icons

Note vector icon

This article contains information about a pixel perfect, sharp looking icon for designers to use in their app, website designs. It includes information about how to copy the icon as an SVG, as well as the various format options available for download. It also contains information about the availability of the icon in Figma and IconJar libraries. Keywords such as vector, animated, easy to use, and sharp looking are used throughout the article.

<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>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Note

Swap horizontal vector icon

Swap horizontal

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.5 15.5L8 19l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 19V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.5 8.5L16 5l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 5v14"></path></svg>

Free vector download icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 14v4.25h14.5V14M15.5 10.5 12 14l-3.5-3.5M12 14V4" stroke="currentColor" stroke-width="1.5"/></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>

Free sunrise 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 17.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.25V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 14.25h2.75c.13-2.79 2.42-5 5.24-5 2.81 0 5.11 2.21 5.24 5h2.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 7.5l1.52 1.52 1.52 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></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 arrow up left 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 14V7.75H14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 8.5l9 9"></path></svg>

add-to-list-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 6.75h14m-14 5h14M5 17h7m2 0h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></svg>

File error inside vector icon

File error inside

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.75H13L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Small square cross vector icon‍

Small square 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="M5.75 5.75h12.5v12.5H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.82 9.17l-5.66 5.65"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.17 9.17l5.65 5.65"></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>

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>

Cart 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.2 10.75L14.95 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 10.75h18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 5l-2 5.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.75l2 8.5h10l2-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 13v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 13v4"></path></svg>

Switch theme 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="M4.75 12c0 4 3.24 7.25 7.25 7.25V16c-2.21 0-4-1.8-4-4 0-2.21 1.79-4 4-4V4.75c-4.01 0-7.25 3.24-7.25 7.25Z"></path><path fill="currentColor" d="M16 12c0 2.2-1.8 4-4 4V8c2.2 0 4 1.79 4 4Z"></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>

Male gender sign vector icon

Male gender sign

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 14c0 2.34-1.91 4.25-4.25 4.25 -2.35 0-4.25-1.91-4.25-4.25 0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 12V5.75H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 5.75L13 11"></path></svg>

Free trash clock 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.25 7.75h9.5m-9.5 0v10.5H10M6.25 7.75H4m11.75 0H18m-2.25 0V10m-2.5-2.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 14.49v2.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></svg>

Free arrow down left circle icon

Arrow down 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="M14.5 9.5L10 14"></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 14.25H9.75V10"></path></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 thumbs up 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 18.25H6.75v-8h4.5l-2.5-2.5 2.5-2.5L18 12"></path></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 chess horse icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-width="1.5" d="M19.25 11.75h-5.5l4.5 4.5v3H5.756V16.5l.994-1.35v-4.4c0-3.866 3.204-7 7.5-7V6l5 2.5v3.25Z"/></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>

Free crown 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.5v8.75h12.5V7.5l-3.25 3 -3-3 -3 3 -3.25-3Z"></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>

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="M12 6.75c3.31 0 6.1 2.21 6.97 5.25 -.87 3.03-3.67 5.24-6.98 5.24 -3.32 0-6.11-2.22-6.98-5.25 .86-3.04 3.66-5.25 6.97-5.25Zm0 0V4m4.02 3.97l1.97-1.98M7.96 7.96L5.98 5.98"></path></svg>

Free keyhole 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.8 13.35v0c2.12-1 3.04-3.53 2.05-5.65 -1-2.13-3.53-3.05-5.65-2.05 -2.13.99-3.05 3.52-2.05 5.65 .42.9 1.14 1.62 2.05 2.05l-2.45 4.9h8.5l-2.45-4.9Z"></path></svg>

Cloud rain vector icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 11c0 1.5188 1.2312 2.75 2.75 2.75h7.5c1.5188 0 2.75-1.2312 2.75-2.75s-1.2312-2.75-2.75-2.75h-.0082c.1403-2.1311-1.6004-4-3.7418-4s-3.882 1.8688-3.7418 4H8.25C6.7312 8.25 5.5 9.4812 5.5 11zM16.75 16v4M13.75 16v4M10.75 16v4M7.75 16v4" stroke="currentColor" stroke-width="1.5"/></svg>

Free watermelon 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.41 5.58l2.12-2.13c1.67 1.67 2.7 3.98 2.7 6.54 0 5.1-4.15 9.25-9.25 9.25 -2.56 0-4.87-1.04-6.55-2.71l2.12-2.13m8.83-8.84c1.13 1.13 1.83 2.69 1.83 4.41 0 3.45-2.8 6.25-6.25 6.25 -1.73 0-3.29-.7-4.42-1.84m8.83-8.84l-8.84 8.83"></path></svg>

Magic sparkle 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.51 11.96l-2.48-2.48m0 0l3.44-3.45 2.47 2.47 -9.45 9.44 -2.48-2.48 6-6.01Z"></path><path fill="currentColor" d="M9 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 12.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path></svg>

Free sliders vertical icon

Sliders vertical

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.25 15H20m-9.75 0c0 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="M14.75 9H5m9.75 0c0 1.24 1 2.25 2.25 2.25 1.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.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>

Mail open 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.25 8.75v9.5h13.5v-9.5m-13.5 0L12 4l6.75 4.75m-13.5 0l5 4h3.5l5-4"></path></svg>

Mail error 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 12v3.5"></path><circle cx="17" cy="18" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.25 6.75h11.5m-11.5 0v9.5H12m-5.75-9.5L12 12l5.75-5.25m0 0V10"></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>

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>

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>

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