Send this page to your computer

Free code bracket icon

Essential icons

Interface icons

Free code bracket icon

The code bracket icon is a sharp and well-designed icon that is ideal for designers to incorporate into their app or website designs. It's vector-based, making it easy to scale without losing its quality, and it's available in various file formats such as PNG, WEBP, JPG, SVG, and PDF files. You can copy it as SVG right away, and it's also accessible in our Figma and IconJar library for quick and easy use. Additionally, the icon is free to use, making it a practical and cost-effective choice for designers who want to add a professional touch to their projects.

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

Download as...

Animated

Lottie

and

GIF

files available for download

Code bracket GIF

Animated

Lottie

file available for download

Similar icons to

Code bracket

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 file upload inside icon

File upload 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.25L12 10l-2.5 2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v5"></path></svg>

Free side panel 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 5.75h-5v12.5h5m0-12.5h9.5v12.5h-9.5m0-12.5v12.5"></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="M5.75 10v8.25h12.5V10L12 4.49l-6.25 5.5Z"></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>

Lock 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 10.75V8c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v2.75m-2 0h10.5v7.5H6.75v-7.5Z"></path></svg>

Filter 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="M17 5.75H5.5l4.75 6.5v6h3.5V15.5m.75-7l5 5m0-5l-5 5"></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>

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>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9.75c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5-1.1193-2.5-2.5-2.5Zm0 0h-5m5 0c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5h-5c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5m0 5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5m0 5c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5v-2.5m-2.5 0h2.5m0-10v10" stroke="currentColor" stroke-width="1.5"/></svg>

Free dumbbell 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 11v8m12.5 0v-8m-12.5 4h12.5"></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>

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 18.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.25C9.37 4.25 7.25 6.37 7.25 9c0 1.8 1.01 3.38 2.5 4.18v2.06h4.49v-2.07c1.48-.81 2.5-2.38 2.5-4.19 0-2.63-2.13-4.75-4.75-4.75Z"></path></svg>

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>

Corner up 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="M6 11h11v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 15.5L6 11l4.5-4.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 briefcase 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 8.25H14.5 9 4.75v10H9h5.5 4.75v-10Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 8.25v-3.5h5.5v3.5"></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>

Free check circle 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.5 10.5L12 14l7.5-7.5"></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 1.16 0 2.26.27 3.24.76"></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 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>

Free iconjar 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 9.5l-1.25-1.25v-2.5h-7.5v2.5l-1.5 1.5v8.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.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 QR code 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 13.75v4.5h4.5v-4.5h-4.5Z"></path><path fill="currentColor" d="M17 17h2v2h-2Z"></path><path fill="currentColor" d="M13 13h2v2h-2Z"></path><path fill="currentColor" d="M15 15h2v2h-2Z"></path><path fill="currentColor" d="M13 17h2v2h-2Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 5.75v4.5h-4.5v-4.5h4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75v4.5h4.5v-4.5h-4.5Z"></path></svg>

Free upload cloud 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 12.5V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 15l-3-3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 15.67c1.05-.67 1.75-1.84 1.75-3.18 0-1.99-1.55-3.62-3.5-3.75 0-.01 0-.01 0-.01 0-2.35-1.91-4.25-4.25-4.25 -2.35 0-4.25 1.9-4.25 4.25 0 0 0 0 0 0 -1.96.12-3.51 1.75-3.51 3.74 0 1.33.69 2.5 1.75 3.17"></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>

Check list 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 13.5L11 17l8.5-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 6.75h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.25h5"></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.85L12 15.1l-2.5-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15v-5"></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.24 18.71c-2.65-1.09-4.5-3.68-4.5-6.72 0-3.04 1.85-5.63 4.49-6.72m5.5-.01c2.64 1.08 4.5 3.67 4.5 6.71 0 3.03-1.86 5.62-4.5 6.71"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 19.25l5.24-.01 -.01-5.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 4.74l-5.25 0v5.25"></path></svg>

Free repeat once 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 17h7.25V7H16M8 17H4.75V7H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 13.5L11 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 11V4.75C12.75 5.99 11.74 7 10.5 7"></path></svg>

Theme vector icon

Copy

<?xml version="1.0"?><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 12c0-1.45-.59-2.77-1.54-3.72m1.53 3.71c0 1.44-.59 2.76-1.54 3.71m1.53-3.72h3.75m-9 5.25c-1.45 0-2.77-.59-3.72-1.54m3.71 1.53c1.44 0 2.76-.59 3.71-1.54m-3.72 1.53v3.75m-5.25-9c0-1.45.58-2.77 1.53-3.72M6.7 11.95c0 1.44.58 2.76 1.53 3.71m-1.54-3.72H2.94m9-5.25c1.44 0 2.76.58 3.71 1.53m-3.72-1.54c-1.45 0-2.77.58-3.72 1.53m3.71-1.54V2.92m6.36 2.63L15.62 8.2M5.54 18.27l2.65-2.66M5.53 5.53l2.65 2.65m10.07 10.07l-2.66-2.66m0-7.43c-.57-.57-1.35-.92-2.21-.92 -1.73 0-3.125 1.39-3.125 3.12 0 1.72 1.39 3.125 3.125 3.125 1.72 0 3.125-1.4 3.125-3.125 0-.87-.35-1.65-.92-2.21Z"></path></svg>

Point 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="M14.5 17.75h-3.75v-5h-5v-3h5m3.75 0h-3.75m0 0L14.5 6l4.5 4.5"></path></svg>

Drink 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.75 9l-2-3V3.75h-3.5V6l-2 3v11.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 20.25h3m0 0h3m-3 0v-4m0 0c1.51 0 2.75-1.24 2.75-2.75v-1.75h-5.5v1.75c0 1.51 1.23 2.75 2.75 2.75Z"></path></svg>

Free bell 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="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="M13.5 6.5l2 2 4-4"></path></svg>

Free send mail 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 20.5L20 17l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 17H5.25V6.75m0 0h13.5m-13.5 0L12 12l6.75-5.25m0 0V11"></path></svg>

Free checkbox 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.75H5.75v12.5h12.5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.5L12 14l7.5-7.5"></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>

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