Code Brackets icon
icon-park:code-brackets
The Code Brackets icon (icon-park:code-brackets) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- codebrackets, bracket
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M16 4C14 4 11 5 11 9C11 13 11 15 11 18C11 21 6 23 6 23C6 23 11 25 11 28C11 31 11 35 11 39C11 43 14 44 16 44"/><path d="M32 4C34 4 37 5 37 9C37 13 37 15 37 18C37 21 42 23 42 23C42 23 37 25 37 28C37 31 37 35 37 39C37 43 34 44 32 44"/></g></svg>
How to use the Code Brackets icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:code-brackets" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:code-brackets" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:code-brackets" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--code-brackets]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:code-brackets"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:code-brackets"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/code-brackets.svg" alt="Code Brackets icon" width="24" height="24">
Related icons in IconPark
Code Brackets icon in other icon sets
Code Brackets icon FAQ
Is the Code Brackets icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Code Brackets icon in React?
Install @iconify/react and render <Icon icon="icon-park:code-brackets" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Code Brackets icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/code-brackets.svg" alt="Code Brackets icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
