Send this page to your computer

Component vector icon

Interface icons

Component vector icon

Designers, we have the perfect icon for your next app or website design. Our component icon is pixel perfect and looks sharp. You can copy it as an SVG right away, or download it in a variety of formats including PNG, WEBP, JPG, SVG, PDF, and animated Lottie file. It's also available in our Figma and IconJar library. So what are you waiting for? Include these keywords in your next design: vector, copy as SVG, animated, easy to use, and sharp looking.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 7l-3-3L9 7l3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 12l-3-3 -3 3 3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 12L7 9l-3 3 3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 17l-3-3 -3 3 3 3 3-3Z"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Component

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>

Arrow up circle vector icon

Arrow up circle

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="M12 9.5V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 12l-3-3 -3 3"></path></svg>

Aperture 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="M10.5 9.49h3m-3 0L9 11.99m1.5-2.51l2.78-4.64m.21 4.63l1.5 2.5m-1.5-2.51h5.3m-3.81 2.5l-1.5 2.5m1.5-2.5l2.7 4.5m-4.2-2h-3m3 0l-2.79 4.63m-1.72-7.14l1.5 2.5m-1.5-2.5l-2.7-4.5m4.19 7H5.15"></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>

Free folder 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="M19.25 18.75V7.25h-7.5v-2.5h-7v14h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 10.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 10.5l5 5"></path></svg>

svg-asterisk-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5v14m-6.0622-3.5 12.1244-7m-12.1243 0 12.1243 7" stroke="currentColor" stroke-width="1.5"/></svg>

Thumbs down 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 7.75H6.75v8h4.5l-2.5 2.5 2.5 2.5L18 14"></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>

Corner right up vector icon

Corner right up

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 6v11H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 10.5L13 6l-4.5 4.5"></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>

Eye closed 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.5 4.5l3.47 3.47m11.52 11.52l-3.48-3.48m-5.19-9.19c.37-.07.76-.1 1.15-.1 3.31 0 6.1 2.21 6.97 5.25 -.21.72-.53 1.41-.95 2.02M7.93 7.93c-.8.52-1.48 1.2-2 2 -.42.61-.74 1.29-.95 2.02 .86 3.03 3.66 5.24 6.97 5.24 .39 0 .78-.04 1.15-.1 1.04-.17 2.02-.57 2.87-1.13M7.91 7.9l8.05 8.05"></path></svg>

Free heart 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="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 16h3m0 0h3m-3 0v-3m0 3v3"></path></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>

Free heart icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 11.5 12 18l-6.5-6.5c-1.3807-1.3807-1.3807-3.6193 0-5s3.6193-1.3807 5 0L12 8l1.5-1.5c1.3807-1.3807 3.6193-1.3807 5 0s1.3807 3.6193 0 5Z" stroke="currentColor" stroke-width="1.5"/></svg>

Free mail 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="M5.25 6.75h13.5m-13.5 0v10.5H12M5.25 6.75L12 12l6.75-5.25m0 0V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 13.5l5 5m0-5l-5 5"></path></svg>

big-arrow-pointing-left-bottom

Big arrow down left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 10.5v7.75h7.75M6 18 17.5 6.5" stroke="currentColor" stroke-width="1.5"/></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>

Arrow up 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 10.5L12 6l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6v12"></path></svg>

Free air conditioning icon

Air conditioning

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 12.25l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 19.25H7.75V4.75h7.75"></path></svg>

Free home move 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 10L12 4.49l-6.25 5.5v8.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 18v-5.25H18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 12.75l5.75 5.75"></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>

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.5c0 3.17-2.58 5.75-5.75 5.75 -3.18 0-5.75-2.58-5.75-5.75 0-3.18 2.57-5.75 5.75-5.75 3.17 0 5.75 2.57 5.75 5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.31 14.19l2.33 4.05H6.33l2.33-4.06"></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>

Free emoji dead 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="M10 15.25h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 9.5l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 9.5l3 3"></path></svg>

Free spanner 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="M10.25 20v-5.05c-2.04-.73-3.5-2.67-3.5-4.96s1.46-4.24 3.5-4.96v4.95h3.5V5.02c2.03.72 3.5 2.66 3.5 4.95 0 2.28-1.47 4.23-3.5 4.95v5.04"></path></svg>

Free inbox 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="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.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></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 arrow down 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 13.5L12 18l-4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18V6"></path></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>

File important 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.25 11V9L13 4.75H6.75v13.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 13v3.5"></path><circle cx="16" cy="19" r="1" fill="currentColor"></circle></svg>

Free login 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="M10 4.75h8.25v14.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 8.5L14 12l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 12H4"></path></svg>

File upload 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.25 11V9L13 4.75H6.75v13.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 17l-3-3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 14v7"></path></svg>

Free minus square 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 12h8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></path></svg>

Free barcode 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 10V5.75H14M18.25 14v4.25H14m-4 0H5.75V14m0-4V5.75H10M8.75 9v6M12 9v6m3.25-6v6"></path></svg>

Free towels 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 9.25v-3h-9.5c-1.66 0-3 1.34-3 3v0c0 1.65 1.34 3 3 3h9.5v-3Zm0 0H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 15.25v-3h9.5c1.65 0 3 1.34 3 3v0c0 1.65-1.35 3-3 3h-9.5v-3Zm0 0H14"></path></svg>

Free speed 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 15l3.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 13c0-4.01-3.25-7.25-7.25-7.25 -4.01 0-7.25 3.24-7.25 7.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