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

Arrow down right vector icon

Arrow down 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="M16.25 10v6.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 6.5l9 9"></path></svg>

Sunrise morning vector icon

Sunrise morning

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 3.5V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.5l-3-3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 19.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.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 9.5l1.52 1.52 1.52 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 9.5l-3.08 3.07"></path></svg>

Free folded file 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.75 18.25V4.75H12l5.25 5v8.5H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 4.75v5h5"></path></svg>

Free sticker 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 12c0 4 3.24 7.25 7.25 7.25L19.25 12c0-4.01-3.25-7.25-7.25-7.25 -4.01 0-7.25 3.24-7.25 7.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25c-.65-.86-1-1.97-1-3.125C11 13.285 13.29 11 16.125 11c1.16 0 2.26.35 3.125 1"></path></svg>

Arrow up right 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.25 14V7.75H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 8.5l-9 9"></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>

Lightning speed vector icon‍

Lightning speed

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 17.75l5.5-7.5h-3.5v-4.5l-5.5 7.5h3.5v4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.99 11.75h-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 16.25h-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 7.75h-5"></path></svg>

Free calendar search 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.25v8H10m-5.25-8v-3.5h11.5v3.5H4.75Z"></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>

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.25h4.5v-5.51h3.5v5.5h4.5V9.99L12 4.48l-6.25 5.5Z"></path></svg>

User edit vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 11.75L12.75 17v2.25H15l5.25-5.26L18 11.73Z"></path></svg>

Point 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="M17.75 14.5v-3.75h-5v-5h-3v5m0 3.75v-3.75m0 0L6 14.5l4.5 4.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="1.5" d="m12 4 1.88 5.411 5.728.117-4.565 3.46 1.66 5.484L12 15.2l-4.702 3.272 1.659-5.483-4.565-3.461 5.727-.117L12 4Z"/></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 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" 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>

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 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 20.25h1c2.37 0 4.03-2 4-4.25v-1.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.75c2.89 0 5.25-2.36 5.25-5.25V7.75H6.75V9.5c0 2.89 2.35 5.25 5.25 5.25Z"></path></svg>

Navigation left vector icon

Navigation 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="M18.75 5.25L6.22 10l5.77 1.99 2 5.75 4.75-12.5Z"></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>

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>

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>

Half note 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 5.75h-3.75l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.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></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 17.5v1.75h14.5V4.75H4.75V6.5m4 9.5v-1.25c0-1.1046.8954-2 2-2h3.5c1.1046 0 2 .8954 2 2V16M3 8.75h3.5M3 12h3.5M3 15.25h3.5m8.25-4.75c0 1.2426-1.0074 2.25-2.25 2.25s-2.25-1.0074-2.25-2.25 1.0074-2.25 2.25-2.25 2.25 1.0074 2.25 2.25Z" stroke="currentColor" stroke-width="1.5"/></svg>

Map 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.25 4.75l-4.5 1v12.5l4.5-1m0-12.5l5.5 2m-5.5-2v12.5m0 0l5.5 2m0-12.5l4.5-1v12.5l-4.5 1m0-12.5v12.5"></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>

Free mice 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.34 12.15c-1.47-1.47-1.47-3.84 0-5.31 1.46-1.47 3.83-1.47 5.3 0 1.46 1.46 1.46 3.83 0 5.3m1.34 6.09H4.48l7.85-7.86"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></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>

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 arrow down left icon

Arrow 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="M7.75 10v6.25H14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 6.5l-9 9"></path></svg>

Free hashtag 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 8.25H20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4l-3 16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 15.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.75 4l-3 16"></path></svg>

History 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.87 6.87c1.31-1.32 3.12-2.13 5.12-2.13 4 0 7.25 3.24 7.25 7.25 0 4-3.25 7.25-7.25 7.25 -4.01 0-7.25-3.25-7.25-7.25v-2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8.49v3.49l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M1.75 12l2.99-3 3 3"></path></svg>

Stroke cap round vector icon

Stroke cap round

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 18.25h-7.5c-3.46 0-6.25-2.8-6.25-6.25v0c0-3.46 2.79-6.25 6.25-6.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12h7"></path></svg>

Free swap small horizontal icon

Swap small 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="M12.5 15.5L9 19l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 8.5L15 5l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 5v9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 19v-9"></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>

Money 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.25 8.25h15.5v9.5H4.25v-9.5Z"></path><circle cx="12" cy="13" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5.25h12"></path></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>

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