Send this page to your computer

Essential icons

Interface icons

Free code icon

Code icons are the perfect solution for designers who want to quickly and easily add a visual element to their designs. These icons are vector-based and scalable, so you can copy them as SVG files and use them in any size you need. With code icons, you can create an eye-catching and professional look for your app or website.Code icons are free to use and come in a variety of formats, including PNG, WEBP, JPG, SVG, and PDF. All icons are pixel perfect and sharp looking, so you can be sure your design looks its best. Plus, you can find code icons in our Figma and IconJar libraries, so you have even more options to choose from.Using code icons is easy and hassle-free. With just a few clicks, you can add a visual element to your design and make it stand out from the crowd. Whether you’re creating an app, website, or any other design, code icons are sure to make it look professional and modern. So start using code icons today and make your designs stand out!

<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 4.75H4.75v14.5h14.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l-1.25 1.25L8 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 9.5L16 12l-2.5 2.5"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Code

add-to-queue-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.25h14m-14 4h14M14 8h3m0 0h3m-3 0V5m0 3v3m-4.9963-5.25H7C5.7574 5.75 4.75 6.7574 4.75 8S5.7574 10.25 7 10.25h5.0037" stroke="currentColor" stroke-width="1.5"/></svg>

Free arrow down circle icon

Arrow down 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="M12 14.5V8"></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="M15 12l-3 3 -3-3"></path></svg>

Free trash 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.25 7.75h9.5m-9.5 0v10.5h9.5V7.75m-9.5 0H5m11.75 0H19m-4.75 0v-3h-4.5v3"></path></svg>

Free dashboard 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.75 5.74l-4 0v4m4-4.01l10.5 0v4M8.75 5.72v12.49m0 0l10.5 0v-8.5M8.75 18.2l-4 0V9.7m0 0h14.5"></path></svg>

Free box 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="M14.5 18.25l2 1.75 4.5-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 13V8L12 4 4.75 8v8L12 20v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8L12 12l7.25-4"></path></svg>

Pie chart 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="M12 4.75V12h7.25"></path></svg>

Free search area 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.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.05m-10.5-1.25H4.74v-4.25m14.5-4V5.74H14.61M4.74 9.99V5.74h4.25"></path></svg>

Gallery 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 5.75H5.75v12.5h12.5V5.75Z"></path><circle cx="9.5" cy="9.5" r="1.5" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25L12 12.5l6.25 5.75"></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>

Search file 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 19.25H5.75V4.75h12.5V9M8 8.25h8m-8 3h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.94 16.94c.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 0l2.55 2.55"></path></svg>

Free dots horizontal icon

Dots horizontal

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></path><path fill="currentColor" d="M9 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></path><path fill="currentColor" d="M17 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></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-bold-arrow-icon-facing-right

Big arrow right

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 6.5 19 12l-5.5 5.5M18.5 12H5" stroke="currentColor" stroke-width="1.5"/></svg>

Free mail minus 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 15.75h6"></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>

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>

Plus circle 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 4 0 7.25 3.24 7.25 7.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 12h4m0 0c1.65 0 4 0 4 0m-4 0V8m0 4v4"></path></svg>

Free mail draft 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 15.25H4.25v-9.5h11.5V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.25 5.75L10 11l5.75-5.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 11.74l-4.25 4.25v2.25H15l4.25-4.26L17 11.72Z"></path></svg>

Free drop 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 18.25c2.2 0 4-1.74 4-3.88 0-2.14-4-8.13-4-8.13s-4 5.99-4 8.12c0 2.13 1.79 3.87 4 3.87Z"></path></svg>

Bug 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.25 9.74v-.75c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71c.86.94 2.11 1.53 3.5 1.53 1.38 0 2.63-.6 3.5-1.54 .77-.85 1.25-1.98 1.25-3.22V9.73h-9.5v3.75c0 1.23.47 2.36 1.25 3.21Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18.25V12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 9.75L4.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 12.75H3.49"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 12.75h3.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71l-3.01 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 16.71l2.99 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 9.75l2.75-2.26"></path></svg>

Cards 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="M6.25 4.75h7.5v10.5h-7.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 7.56l4.98 1.33 -2.72 10.14 -7.25-1.95 .49-1.86"></path></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>

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>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 12.5 10 17l9.5-9.5" stroke="currentColor" stroke-width="1.5"/></svg>

İnfo square 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 16v-4.5"></path><circle cx="12" cy="9" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5H5.75Z"></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.25v8H10m-5.25-8v-3.5h11.5v3.5H4.75Z"></path></svg>

Free file download inside icon

File download 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="M14.5 12.35L12 14.49l-2.5-2.15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.5v-5"></path></svg>

Corner down left vector icon

Corner down 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="M6 13h11V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 8.5L6 13l4.5 4.5"></path></svg>

Free master card icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="9.5" cy="12" r="4.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12" r="4.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free parking 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.25 14.25l2-4h6.5l2 4m-10.5 0H5m2.25 0V17m10.5-2.75H20m-2.25 0V17m-10.5 2v-2m10.5 2v-2m-10.5 0h10.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 3v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 3.75v4h2.5c1.1 0 2-.9 2-2 0-1.11-.9-2-2-2h-2.5Z"></path></svg>

Free circle placeholder icon

Circle placeholder

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 15l6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16l3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 11l3-3"></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></svg>

Tennis racket 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 10.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="M12 16.25V21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.7 12.75h10.58"></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>

Free service request icon‍

Service request

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 19.25C7.99 19.25 4.75 16 4.75 12c0-2.66 1.42-4.99 3.54-6.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 11.5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.75c4 0 7.25 3.24 7.25 7.25 0 2.66-1.36 5-3.5 6.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 5.75h4.29V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 18.25l-4.25 0v-4.26"></path></svg>

Calendar plus vector icon

Calendar 2 plus

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

Home search 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 10L12 4.49l-6.25 5.5v8.25H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 13.5c0 1.51-1.24 2.75-2.75 2.75 -1.52 0-2.75-1.24-2.75-2.75 0-1.52 1.23-2.75 2.75-2.75 1.51 0 2.75 1.23 2.75 2.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.44 15.44l3.05 3.05"></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