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

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="M18.25 15l0-9.25H9.24l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 15c0 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>

Mail schedule 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 5.75h11.5m-11.5 0v9.5H10m-5.75-9.5L10 11l5.75-5.25m0 0V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 13.49v2.25H19m2.25 0c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></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.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>

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>

Bell ringing 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.75 15.25V9c0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25v6.25M5 15.25h14m-9.5 3h5"></path><path fill="currentColor" d="M16.773 4.22c1.22 1.22 1.97 2.9 1.97 4.77h1.5c0-2.28-.93-4.35-2.42-5.84l-1.07 1.06ZM5.25 8.99c0-1.87.75-3.56 1.97-4.78L6.15 3.14c-1.5 1.49-2.42 3.55-2.42 5.83h1.5Z"></path></svg>

Pin rotated 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.61 15.38l5.88-5.89 -4-4L8.6 11.37"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.61 13.38l-5.12 5.11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.72 9.5l7.77 7.77"></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 aerial icon

Copy

<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12.5V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.87 15.12c-1.32-1.32-2.13-3.13-2.13-5.13 0-2.01.81-3.82 2.12-5.13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.12 4.87c1.31 1.31 2.12 3.12 2.12 5.12s-.82 3.81-2.13 5.12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.99c.76.76 1.24 1.83 1.24 3s-.48 2.23-1.25 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.99 13c-.77-.77-1.25-1.84-1.25-3.01 0-1.18.47-2.24 1.24-3.01"></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>

Computer person vector icon

Computer person

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 19v-2.75c0-1.11.89-2 2-2H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 18.25h5l2-4.5h-5l-2 4.5Zm0 0H9"></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 corner left 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="M11 6v11h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 10.5L11 6l4.5 4.5"></path></svg>

Receive mail 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 13.5L14 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.25 6.75h13.5m-13.5 0V17H11M5.25 6.75L12 12l6.75-5.25m0 0V11"></path></svg>

Heart minus 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 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 14.75h6"></path></svg>

Tags 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.75 5.75h5.5v5.5l-7 7 -5.5-5.5 7-7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.75 5.75l-7 7 5.5 5.5"></path><g transform="matrix(-1 0 0 1 17 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g></svg>

Free statics decrease icon

Statics decrease

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 14.25L12 8l-2 2L5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14.25h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path></svg>

Free inbox 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 11.75v6.5h14.5v-6.5m-14.5 0l2-6h10.5l2 6m-14.5 0h5c0 1.24 1 2.25 2.25 2.25 1.24 0 2.25-1.01 2.25-2.25h5"></path></svg>

Inbox check 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.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="M13.5 6.5l2 2 4-4"></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.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></path></svg>

Free magic 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.51 11.96l-2.48-2.48m0 0l3.44-3.45 2.47 2.47 -9.45 9.44 -2.48-2.48 6-6.01Z"></path></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>

Free bell schedule 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.25 15v2.25M10 7.75c-2.35 0-4.25 1.9-4.25 4.25v5.25m-2.75 0h13m-9 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 5.99v2.25H19m2.25 0c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></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 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 3d rectangle 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 9.5L12 5l7.75 4.5v5L12 19l-7.75-4.5v-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14l7.75-4.5M12 14L4.25 9.5M12 14v5m7.75-9.5v5m0-5L12 5m0 0L4.25 9.5M12 5v5m-7.75-.5v5m0 0L12 19m-7.75-4.5L12 10m0 9l7.75-4.5m0 0L12 10"></path></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>

list-file-doc-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 8.25h8m-8 3h4m-6.25-6.5h12.5v14.5H5.75V4.75Z" stroke="currentColor" stroke-width="1.5"/></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="M8.5 19.25H12m3.5 0H12m0 0V13m0 0L6 4.75h12L12 13ZM8.18 7.75h7.63"></path></svg>

Free smartphone 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.25 5.75h7.5v12.5h-7.5V5.75Z"></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>

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>

chevron-left-icon

Chevron arrow left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 7.5 9 12l4.5 4.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free shuffle 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 17h-5l-3-3m8-7h-5L3.5 17.5m0-11L7 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 3.5L20 7l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L20 17l-3.5 3.5"></path></svg>

Calendar minus 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 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 15.75h6"></path></svg>

Free line chart decrease icon

Line chart decrease

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 5v13.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 14.25L13 8l-2 2L8.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 14.25h4.25V10"></path></svg>

big-arrow-pointing-left-top

Big arrow up left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 13.5V5.75h7.75M6 6l11.5 11.5" stroke="currentColor" stroke-width="1.5"/></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