Bold icon
el:bold
The Bold icon (el:bold) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 0v97.286h150.591v1005.478H0V1200h654.399c187.638 0 325.367-28.1 413.15-84.363c88.305-56.263 132.449-143.888 132.45-262.841c0-87.876-31.529-158.346-94.607-211.395q-94.615-79.574-272.02-96.457c97.771-10.716 171.354-36.961 220.766-78.755c49.938-41.793 74.904-98.336 74.906-169.603c0-99.131-36.007-173.315-108.019-222.61C949.012 24.68 841.254.001 697.753 0zm454.163 97.286h103.288c93.036 0 160.572 15.786 202.625 47.399c42.574 31.613 63.884 82.244 63.885 151.902c0 69.123-21.817 120.583-65.445 154.34c-43.631 33.222-110.652 49.838-201.064 49.837H454.163zm0 499.935h112.749c99.346 0 173.443 21.162 222.327 63.491c48.883 42.333 73.344 106.353 73.345 192.084c0 85.2-24.206 148.19-72.564 188.914c-48.359 40.724-122.709 61.054-223.107 61.054h-112.75z"/></svg>
How to use the Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:bold"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/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. Elusive 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="el: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/el/bold.svg" alt="Bold icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
