Braceleft icon
ls:braceleft
The Braceleft icon (ls:braceleft) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 289 × 960 grid. Ligature Symbols icons are released under the Open Font 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 289 × 960
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="289" height="960" viewBox="0 0 289 960"><path fill="currentColor" d="M289 0h-28c-29 0-51 2-63 5c-22 6-40 17-54 31c-13 14-24 32-31 56c-6 24-10 64-10 118c-1 55-1 91-2 105c-2 32-7 56-15 73c-8 16-21 30-37 40c-12 7-29 11-49 12v81c25 1 44 8 59 19c16 12 28 28 34 51c6 22 10 63 10 124c0 60 2 100 5 122c4 32 13 57 26 75c14 18 31 32 54 40c15 6 39 8 73 8h28v-77c-33 0-55-3-65-7s-17-9-21-15c-7-10-12-24-14-42c-1-11-2-49-2-114c0-72-8-122-24-154s-43-56-80-71c33-15 57-33 71-56c15-22 26-53 30-94c2-22 3-71 3-149c0-43 7-71 18-84c11-12 33-18 68-18h16z"/></svg>How to use the Braceleft icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:braceleft" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:braceleft" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:braceleft" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--braceleft]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:braceleft"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:braceleft"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/braceleft.svg" alt="Braceleft icon" width="24" height="24">Braceleft icon FAQ
Is the Braceleft icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Braceleft icon in React?
Install @iconify/react and render <Icon icon="ls:braceleft" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Braceleft icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/braceleft.svg" alt="Braceleft icon">, or paste the SVG code inline to style it with CSS.