Brackets Bold icon
solar:brackets-bold
The Brackets Bold icon (solar:brackets-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Tags
- bracketsbold, bracket
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.98242 1.26997C9.39632 1.26051 9.7402 1.58859 9.75 2.0024C9.75947 2.41636 9.43148 2.76028 9.01758 2.76997C6.19902 2.83442 4.87122 3.11873 3.99512 3.99458C3.42549 4.56421 3.09864 5.33544 2.92676 6.61373C2.75202 7.91356 2.75 9.62169 2.75 11.9995C2.75 14.3775 2.75202 16.0862 2.92676 17.3862C3.09863 18.6645 3.42552 19.4357 3.99512 20.0053C4.87122 20.8812 6.19898 21.1655 9.01758 21.2299C9.43127 21.2396 9.75912 21.5829 9.75 21.9965C9.74053 22.4106 9.39653 22.7394 8.98242 22.7299C6.21923 22.6667 4.28626 22.4173 2.93457 21.0659C2.03986 20.1711 1.63369 19.031 1.43945 17.5864C1.24814 16.1632 1.25 14.3352 1.25 11.9995C1.25 9.66395 1.24813 7.83656 1.43945 6.41353C1.63371 4.9689 2.03981 3.8288 2.93457 2.93404C4.28626 1.58261 6.21925 1.33317 8.98242 1.26997Z"/><path d="M15.0176 1.26997C17.7807 1.33317 19.7137 1.5827 21.0654 2.93404C21.9602 3.8288 22.3663 4.96891 22.5605 6.41353C22.7519 7.83656 22.75 9.66395 22.75 11.9995C22.75 14.3352 22.7519 16.1632 22.5605 17.5864C22.3663 19.031 21.9602 20.1711 21.0654 21.0659C19.7137 22.4173 17.7808 22.6667 15.0176 22.7299C14.6036 22.7393 14.2595 22.4106 14.25 21.9965C14.2409 21.5829 14.5688 21.2397 14.9824 21.2299C17.801 21.1655 19.1288 20.8812 20.0049 20.0053C20.5745 19.4357 20.9014 18.6646 21.0732 17.3862C21.248 16.0862 21.25 14.3775 21.25 11.9995C21.25 9.62169 21.248 7.91357 21.0732 6.61373C20.9014 5.33546 20.5745 4.56421 20.0049 3.99458C19.1288 3.11881 17.8009 2.83442 14.9824 2.76997C14.5686 2.76017 14.2405 2.41629 14.25 2.0024C14.2598 1.58865 14.6038 1.26062 15.0176 1.26997Z"/></g></svg>How to use the Brackets Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:brackets-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:brackets-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:brackets-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--brackets-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:brackets-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:brackets-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/brackets-bold.svg" alt="Brackets Bold icon" width="24" height="24">Related icons in Solar
Brackets Bold icon FAQ
Is the Brackets Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Brackets Bold icon in React?
Install @iconify/react and render <Icon icon="solar:brackets-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Brackets Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/brackets-bold.svg" alt="Brackets Bold icon">, or paste the SVG code inline to style it with CSS.