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

Syringe 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 7l2 1.99 2 2 -7 7 -2.01-2 -2.01-2 7-7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 16l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.5 8.49l-4-4M15 8.98l2.5-2.5"></path></svg>

Calendar search vector icon

Calendar search

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.44 16.44c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l3.05 3.05"></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>

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="M16 12.5L14.5 11 13 12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 12.5L9.5 11 8 12.5"></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>

Free backspace 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 6.75h-10L3.5 11.5l5.75 5.75h10V6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 9.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l5 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>

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="M17.25 19.25H6.75v-3l3.16-4.64c-1.01-.68-1.67-1.82-1.67-3.12 0-2.08 1.67-3.75 3.75-3.75 2.07 0 3.75 1.67 3.75 3.75 0 1.29-.66 2.44-1.67 3.11l3.16 4.63v3Z"></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>

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>

at-sign-symbol-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.75 19.25H12c-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.25v1.25c0 1.1046-.8954 2-2 2h-.5c-1.1046 0-2-.8954-2-2v-3.5H12c-1.5188 0-2.75 1.2312-2.75 2.75s1.2312 2.75 2.75 2.75 2.75-1.2312 2.75-2.75" stroke="currentCOlor" stroke-width="1.5"/></svg>

Free plus 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 12h4m0 0c1.65 0 4 0 4 0m-4 0V8m0 4v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></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 heartbeat 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="M21 14.75h-2l-1.25 2 -2.5-5 -1.25 3h-2"></path></svg>

Corner right down vector icon

Corner right down

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 18V7H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 13.5L13 18l4.5-4.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>

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

horizontal-compare-icon

Compare horizontal

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 15.5 9 12l-3.5 3.5M18.5 8.5 15 12l-3.5-3.5M15 12V4M9 12v8" stroke="currentColor" stroke-width="1.5"/></svg>

Cone 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 18.25l-4.25-12.5h-1.5L7 18.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 18.25H4"></path></svg>

Free code bracket 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 18.75l4-13.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 8.5l-4 3.5 4 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8.5l4 3.5 -4 3.5"></path></svg>

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

Free triangle 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="M12 4.75l-7 13.5h14l-7-13.5Z"></path></svg>

Free polaris 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.48 16.5l2.16-2.17m6.86-6.84l-2.17 2.16m2.16 6.83l-2.17-2.17M7.45 7.47l2.16 2.16m2.35-5.67c0 4.41-3.59 8-8 8 4.41 0 8 3.58 8 8 0-4.42 3.58-8 8-8 -4.42 0-8-3.59-8-8Z"></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>

Paper 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 4.75h-8c-1.11 0-2 .89-2 2v6.5m10-8.5c-1.11 0-2 .89-2 2v2m2-4c1.1 0 2 .89 2 2 0 1.1-.9 2-2 2h-2m-2.5 9.5c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-6.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h6.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-5.5 -1.5"></path></svg>

Free reload 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 4v4.71 .539l-5.25 0"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12c0 4.004-3.246 7.25-7.25 7.25 -4.005 0-7.25-3.246-7.25-7.25 0-4.005 3.245-7.25 7.25-7.25 2.934 0 5.461 1.742 6.6021 4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 4v4.71 .539l-5.25 0"></path></svg>

Paper 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.75 4.75H9.74c-1.11 0-2 .89-2 2l0 7m10-9c-1.11 0-2 .89-2 2v3.5m2-5.5c1.1 0 2 .89 2 2v3.5h-4m-2 8H6.48c-1.11 0-2.25-.9-2.25-2v-2.5h3.49m6 4.5c-1.11 0-2-.9-2-2v-2.5H7.71m6 4.5c1.1 0 2-.9 2-2l-.01-6"></path></svg>

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

Emoji plus 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 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"></path><circle cx="14" cy="11" r="1" fill="currentColor"></circle><circle cx="10" cy="11" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.45 13.45c-.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="M17 4v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h6"></path></svg>

Plus big 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 12h14m-7-7v14"></path></svg>

Free globe icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.1664 14.8335c1.493 1.493 3.5554 2.4164 5.8336 2.4164 4.5564 0 8.25-3.6937 8.25-8.25 0-2.2782-.9234-4.3407-2.4164-5.8336" stroke="#000" stroke-width="1.5"/><path d="M12 17.25v3M8.5 20.25h7M17.25 9c0 2.8995-2.3505 5.25-5.25 5.25S6.75 11.8995 6.75 9 9.1005 3.75 12 3.75 17.25 6.1005 17.25 9z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/></svg>

File plus inside vector icon

File plus 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 9v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12h3.5H15"></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>

Free logout icon 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 8.5L19 12l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 4.75H5.75v14.5H14M18.5 12H9"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 18.25h6v-6h-6m0 6h-6v-6m6 6v-6m0 0v-6h-6v6m6 0h-6M14.5 6.5h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></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="M12.25 5.25h6.5v6.5l-7 7 -6.5-6.5 7-7Z"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g></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>

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