Ikon Ban Circle
el:ban-circle
Ikon Ban Circle (el:ban-circle) 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
- Tag
- bancircle
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1024.263 175.738c-234.317-234.317-614.192-234.317-848.525 0c-234.317 234.317-234.317 614.192 0 848.525c234.317 234.316 614.192 234.316 848.525 0c234.316-234.318 234.316-614.193 0-848.525m-163.489 57.44L233.193 860.743c-125.257-175.737-109.044-421.274 48.624-578.942s403.219-173.881 578.942-48.624zm106.064 106.048c125.248 175.738 109.031 421.29-48.654 578.942c-157.652 157.683-403.205 173.911-578.942 48.639l627.581-627.581z"/></svg>Cara memakai ikon Ban Circle
React
import { Icon } from "@iconify/react";
<Icon icon="el:ban-circle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:ban-circle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:ban-circle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--ban-circle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:ban-circle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:ban-circle"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/ban-circle.svg" alt="Ikon Ban Circle" width="24" height="24">FAQ Ikon Ban Circle
Apakah ikon Ban Circle 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 Ban Circle di React?
Pasang @iconify/react lalu render <Icon icon="el:ban-circle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ban Circle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/el/ban-circle.svg" alt="Ikon Ban Circle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.