Braces icon
keyline-icons:braces
The Braces icon (keyline-icons:braces) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- brace
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 2C6.8954 2 6 2.8954 6 4L6 8.9645C6 9.4949 5.7893 10.0036 5.4142 10.3787L4.1464 11.6464C4.0527 11.7402 4 11.8674 4 12C4 12.1326 4.0527 12.2598 4.1464 12.3536L5.4142 13.6213C5.7893 13.9964 6 14.5051 6 15.0355L6 20C6 21.1046 6.8954 22 8 22M16 2C17.1046 2 18 2.8954 18 4L18 8.9645C18 9.4949 18.2107 10.0036 18.5858 10.3787L19.8536 11.6464C19.9473 11.7402 20 11.8674 20 12C20 12.1326 19.9473 12.2598 19.8536 12.3536L18.5858 13.6213C18.2107 13.9964 18 14.5051 18 15.0355L18 20C18 21.1046 17.1046 22 16 22"/></svg>
How to use the Braces icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:braces" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:braces" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:braces" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--braces]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:braces"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:braces"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/braces.svg" alt="Braces icon" width="24" height="24">
Related icons in Keyline Icons
Braces icon in other icon sets
Braces icon FAQ
Is the Braces icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Braces icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:braces" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Braces icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/braces.svg" alt="Braces icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
