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

Camera 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.75 7.75h3v-2h6.5v2h3v10H5.75v-10Z"></path><circle cx="12" cy="12.5" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free drink 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.75 9V3.75h-3.5V9l-2 6v5.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 20.25h3m0 0h3m-3 0v-3m0 0c1.24 0 2.25-1.01 2.25-2.25v-3.25h-4.5V15c0 1.24 1 2.25 2.25 2.25Z"></path></svg>

Train track 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.25 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 7.25h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 12h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 16.75h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 4v16"></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>

Microphone rotated vector icon

Microphone rotated

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.22 11.67c-1.37 1.36-3.59 1.36-4.95 0 -1.37-1.37-1.37-3.59 0-4.95 1.36-1.37 3.58-1.37 4.94 0 1.36 1.36 1.36 3.58 0 4.94Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.28 12.65l-7.29 5.34 -2-2 5.27-7.19"></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>

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>

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>

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>

Free file minus inside icon

File minus 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="M17.25 13V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16h3.5H19"></path></svg>

Free desktop 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 5.25H4.75v9.5h14.5v-9.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.75V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 18.25h8"></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>

Swap 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 10.25h12.25L13 6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 13.75H6.75L11 18"></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>

Download cloud 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 17.5V11"></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>

Candle 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.76 7.94l2.23-3.2 2.23 3.19c1.26 1.81-.03 4.3-2.24 4.3 -2.22 0-3.51-2.49-2.24-4.31Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 20v-5.25h-8.5V20"></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>

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.5v-13m6.5 6.5h-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 7.5L12 5 9.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 9.5L5 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 16.5L12 19l-2.5-2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 9.5L19 12l-2.5 2.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>

Free audio 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.5 19.25h-7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.75v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 6.5c0-1.25 1-2.25 2.25-2.25v0c1.24 0 2.25 1 2.25 2.25v4c0 1.24-1.01 2.25-2.25 2.25v0c-1.25 0-2.25-1.01-2.25-2.25v-4Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 10v.5c0 2.89 2.35 5.25 5.25 5.25v0c2.89 0 5.25-2.36 5.25-5.25V10"></path></svg>

Free globe icon png

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.25 12c0 4.0041-3.2459 7.25-7.25 7.25M19.25 12c0-4.004-3.2459-7.25-7.25-7.25M19.25 12H4.75M12 19.25c-4.004 0-7.25-3.2459-7.25-7.25M12 19.25c1.7949 0 3.25-3.2459 3.25-7.25 0-4.004-1.4551-7.25-3.25-7.25m0 14.5c-1.7949 0-3.25-3.2459-3.25-7.25 0-4.004 1.4551-7.25 3.25-7.25M4.75 12c0-4.004 3.246-7.25 7.25-7.25" stroke="currentColor" stroke-width="1.5"/></svg>

Line chart increase vector icon

Line chart increase

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 6.75L13 13l-2-2 -2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.75h4.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5v13.25H19"></path></svg>

Mice vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="10" cy="14" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 16.75c2.62 0 4.75-2.13 4.75-4.75 0-2.63-2.13-4.75-4.75-4.75 -.72 0-1.4.15-2.01.44"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.44 19.75h4.55c.82 0 1.5-.68 1.5-1.5 0-.83-.68-1.5-1.5-1.5H3.23l6.51-6.52c-.07-.79.19-1.59.79-2.19 .93-.94 2.37-1.06 3.44-.37 .15.1.3.22.44.36 1.07 1.07 1.07 2.81 0 3.88"></path></svg>

Free money 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 7.25h15.5v9.5H4.25Z"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free credit card search icon

Credit card 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="M18.75 16.25c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 18l2.65 2.66"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 17.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75h14.5"></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 rotate 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="M4.75 4l-.01 4.71v.53l5.24 0"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.39 9c1.14-2.51 3.66-4.25 6.6-4.25 4 0 7.25 3.24 7.25 7.25 0 4-3.25 7.25-7.25 7.25 -2.94 0-5.47-1.75-6.61-4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4l-.01 4.71v.53l5.24 0"></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>

Free file cross inside icon

File cross 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.75h6.75L17.75 9v9.25h-11Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 10l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 10l5 5"></path></svg>

Free face id 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.45 13.95c-.57 1.34-1.91 2.29-3.46 2.29 -1.56 0-2.89-.95-3.46-2.3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.75 9v3.25h1.75"></path><circle cx="8.5" cy="10" r="1" fill="currentColor"></circle><circle cx="15.5" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 19.25H4.75V15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15v4.25H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 9V4.75H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9V4.75H9"></path></svg>

Free big chevron left icon

Big chevron 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="M14.5 5.5L8 12l6.5 6.5"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 18.25h6v-6h-6m0 6h-6v-6m6 6v-6m0 0v-6h-6v6m6 0h-6M14.5 6.5h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></svg>

Free cloud snow 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 11c0 1.51 1.23 2.75 2.75 2.75h7.5c1.51 0 2.75-1.24 2.75-2.75 0-1.52-1.24-2.75-2.75-2.75l-.01 0c0-.09 0-.17 0-.26 0-2.08-1.68-3.75-3.75-3.75 -2.08 0-3.75 1.67-3.75 3.75 0 .08 0 .16 0 .25l-.01-.01c-1.52 0-2.75 1.23-2.75 2.75Z"></path><circle cx="8" cy="17" r="1" fill="currentColor"></circle><circle cx="14" cy="17" r="1" fill="currentColor"></circle><circle cx="17" cy="19" r="1" fill="currentColor"></circle><circle cx="11" cy="19" r="1" fill="currentColor"></circle></svg>

Free file duplicate 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 16.25V4.75h5.26l3.23 3.46v8.03h-8.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 7v12.25H15"></path></svg>

Free trending 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="M19 7l-6 6 -2-2 -5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.75h4.25V11"></path></svg>

Receive 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="M19.25 11V7.25H3.75v9.5h7.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 13.25l-3.5 3.5 3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 16.75h6"></path><circle cx="11.5" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></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