Ikon Bold
el:bold
Ikon Bold (el:bold) adalah ikon SVG gratis dari set Elusive Icons karya Team Redux. Ikon ini digambar pada grid 1200 × 1200. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elusive Icons
- Pembuat
- Team Redux
- Lisensi
- OFL-1.1
- Ukuran
- 1200 × 1200
Kode SVG
<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>
Cara memakai ikon Bold
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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/bold.svg" alt="Ikon Bold" width="24" height="24">
Ikon Bold di set ikon lain
FAQ Ikon Bold
Apakah ikon Bold gratis untuk penggunaan komersial?
Ya. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Bold di React?
Pasang @iconify/react lalu render <Icon icon="el:bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/el/bold.svg" alt="Ikon Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Elusive Icons →
ICONYZ
