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

Tap gesture 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 18v-3.75h-4.5v-5h-3v5m0 3.75v-3.75m0 0L7 18l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 7.5l2-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 7V3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 7.5l-2-2"></path></svg>

Free stairs 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 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 7.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 12h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 16.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></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="M13.5 9c0 2.34 1.23 4.25 2.75 4.25C17.76 13.25 19 11.34 19 9c0-2.35-1.24-4.25-2.75-4.25 -1.52 0-2.75 1.9-2.75 4.25Zm0 0v9.75l-2.5-2.5 -2 2.5 -2-2.5 -2.25 2.5V9c0-2.35 1.23-4.25 2.75-4.25H16"></path><ellipse rx=".75" ry="1.25" cx="16.25" cy="9" fill="currentColor"></ellipse></svg>

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>

Free paper 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.75 18.25c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-8.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h8.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-11h-10v8.5"></path></svg>

Sliders vertical vector icon

Sliders 3 vertical

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 5v3.5m0 2.25V19m0-8.25h-3m3 0h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5v3.5m0 2.25V19m0-8.25H3m3 0h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5v7.5m0 2.25V19m0-4.25h3m-3 0H9"></path></svg>

Free users icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 10.25c1.24 0 2.25-1.01 2.25-2.25 0-1.25-1.01-2.25-2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.25c-1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 19v-3.75c0-1.11.89-2 2-2h4.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 13.25h.25c1.1 0 2 .89 2 2V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 13.25h-.25c-1.11 0-2 .89-2 2V18"></path></svg>

edit-clipboard-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 5.75h-3.5v12.5H10m4.75-12.5h3.5V8.5m-9-4.75v4h5.5v-4h-5.5Zm3.5 13.2499 5.25-5.25L20.25 14 15 19.2501h-2.25v-2.2502Z" stroke="currentColor" stroke-width="1.5"/></svg>

Mail 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="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="M13.5 15.5l2 2 4-4"></path></svg>

up-chevron-arrow-icon

Chevron arrow up

Copy

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

vector-block-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1265 6.8735C15.8145 5.5615 14.002 4.75 12 4.75c-4.004 0-7.25 3.246-7.25 7.25 0 2.002.8115 3.8145 2.1235 5.1265m10.253-10.253C18.4385 8.1855 19.25 9.998 19.25 12c0 4.0041-3.2459 7.25-7.25 7.25-2.002 0-3.8145-.8115-5.1265-2.1235m10.253-10.253-10.253 10.253" stroke="currentColor" stroke-width="1.5"/></svg>

Shield 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="M18.25 10V7.75L12 4.5 5.75 7.75V11c0 4.48 3.48 7.14 5.25 8.21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 15.75h6.5v4.5h-6.5c0-2 0-4.5 0-4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 15.75V14c0-.97.78-1.75 1.75-1.75 .96 0 1.75.78 1.75 1.75v1.75"></path></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>

Free arrow down left circle icon

Arrow down 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="M14.5 9.5L10 14"></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="M14 14.25H9.75V10"></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="M13.5 4.5L19 10l-5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10H5v9"></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>

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

Free keyhole 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.8 13.35v0c2.12-1 3.04-3.53 2.05-5.65 -1-2.13-3.53-3.05-5.65-2.05 -2.13.99-3.05 3.52-2.05 5.65 .42.9 1.14 1.62 2.05 2.05l-2.45 4.9h8.5l-2.45-4.9Z"></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>

Trending down 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 17l-6-6 -2 2L5.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 17.25h4.25V13"></path></svg>

Male gender sign vector icon

Male gender sign

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 14c0 2.34-1.91 4.25-4.25 4.25 -2.35 0-4.25-1.91-4.25-4.25 0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 12V5.75H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 5.75L13 11"></path></svg>

Free chevrons 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="M7.5 17.5L12 13l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 12.5L12 8l4.5 4.5"></path></svg>

big-simple-arrow-pointing-down

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 13.5 12 19l5.5-5.5M12 18.5V5" stroke="currentColor" stroke-width="1.5"/></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 18.25h-7m-7.25-3.4999L15 5.5 18.5 9l-9.25 9.2501h-3.5v-3.5Z" stroke="currentColor" stroke-width="1.5"/></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>

Sparkle 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 12c-3.87 0-7 3.13-7 7 0-3.87-3.14-7-7-7 3.86 0 7-3.14 7-7 0 3.86 3.13 7 7 7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 16l-2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 8L5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 16l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8l2.5-2.5"></path></svg>

Chat 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 4.75h10.5v8.5H7.5L4.75 16V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 8v11l-2.25-2.25H9"></path></svg>

Box 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 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 8L12 12M4.75 8L12 12m0 8v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.62 10L8.37 6"></path></svg>

Free map marker 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.39 14.85c3.85-3.86.88-10.61-4.4-10.61s-8.25 6.74-4.4 10.6l4.39 4.39 4.39-4.4Z"></path><circle cx="12" cy="10.25" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Scooter 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.25 7.25h4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7.25H5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7c0-1.25 1-2.25 2.25-2.25v0c1.24 0 2.25 1 2.25 2.25v0c0 1.24-1.01 2.25-2.25 2.25v0c-1.25 0-2.25-1.01-2.25-2.25v0Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 17.75V14c0-2.63 2.12-4.75 4.75-4.75 2.62 0 4.75 2.12 4.75 4.75v3.75H12 7.25Z"></path></svg>

Free arrow left 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 12h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 7.5L6 12l4.5 4.5"></path></svg>

User cross 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="M14.5 15.5l5 5m0-5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path></svg>

Free bottle 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 3.75h-3.5V9l-2 3v8.25h7.5V12l-2-3V3.75Z"></path></svg>

Brush 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.25 15.25v-3H6.875c-1.45 0-2.625-1.18-2.625-2.625v0C4.25 8.175 5.42 7 6.875 7h.375"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.75 15.25h3v5h-3v-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 9.25h11.5v-4.5H7.25V7v2.25Z"></path></svg>

Free wine glass

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 13Z"></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