Bold icon
ls:bold
The Bold icon (ls:bold) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 643 × 696 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
- 643 × 696
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="643" height="696" viewBox="0 0 643 696"><path fill="currentColor" d="M0 653v43c34-1 62-2 82-3c20 0 35-1 42-1c53-4 98-7 137-6l90 2c78 0 136-10 184-32c23-11 43-27 63-49c15-15 26-33 33-53c8-27 12-51 12-73c0-80-55-148-163-173c17-8 33-16 44-22s20-10 25-14c38-28 57-61 57-105c0-19-3-38-9-55c-12-35-39-64-77-82c-17-10-33-15-44-17Q431 1 389 1h-35c-7 0-13 0-17-1h-16c-2 0-5 0-8 1h-20L120 6L1 9l2 38c28 4 45 6 52 6c14 0 25 3 31 7c3 0 5 2 6 4c2 7 4 22 5 50c2 50 2 90 2 120c1 31 1 52 3 64v225c0 39-1 68-5 88c-1 7-4 14-9 22c-14 6-32 12-56 15c-12 2-23 4-32 5m247-360v-79c2-55 0-95-1-127c-2-14-2-27-2-34c24-5 43-7 59-7c52 0 91 11 117 35c26 22 39 50 39 85c0 95-56 131-162 131c-18 0-35-1-50-4m0 196V345c10-2 24-4 46-4c51-1 90 4 114 14c49 18 83 70 83 139c0 33-7 59-18 82c-12 23-29 39-55 51c-53 25-119 23-164 4c-3-8-4-14-4-19z"/></svg>
How to use the Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:bold"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/bold.svg" alt="Bold icon" width="24" height="24">
Bold icon in other icon sets
Bold icon FAQ
Is the Bold 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 Bold icon in React?
Install @iconify/react and render <Icon icon="ls:bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/bold.svg" alt="Bold icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
