Braceright icon
ls:braceright
The Braceright icon (ls:braceright) 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 521v-81c-25-1-45-7-61-19c-15-11-27-28-33-50c-7-22-10-64-10-125c-1-59-2-101-5-123c-4-31-13-56-27-74c-13-19-30-33-53-40c-15-6-40-9-73-9H0v79h15c30 0 50 3 60 10s17 20 21 37c3 12 4 55 4 129c0 71 9 120 24 151s42 56 81 74c-29 12-53 30-69 53s-27 55-32 95c-2 22-4 72-4 152c0 43-5 71-16 83s-34 20-69 20H0v77h27c29 0 50-1 63-5c22-6 40-16 53-30c14-13 25-33 32-57c6-24 10-63 10-118c1-55 1-90 2-105c1-32 7-56 16-73c8-16 20-30 36-40c12-7 30-11 50-11"/></svg>How to use the Braceright icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:braceright" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:braceright" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:braceright" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--braceright]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:braceright"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:braceright"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/braceright.svg" alt="Braceright icon" width="24" height="24">Braceright icon FAQ
Is the Braceright 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 Braceright icon in React?
Install @iconify/react and render <Icon icon="ls:braceright" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Braceright icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/braceright.svg" alt="Braceright icon">, or paste the SVG code inline to style it with CSS.