Ikon Butterfly
vs:butterfly
Ikon Butterfly (vs:butterfly) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 1792 × 1792. Vesper 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
- Vesper Icons
- Pembuat
- TableCheck
- Lisensi
- OFL-1.1
- Ukuran
- 1792 × 1792
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M793 768H256q-51 0-94.5 9.5t-81 30t-59 59.5T0 960q0 69 42.5 148T153 1252.5t161 109t185 42.5q152-2 270-120q-45 58-55 130.5t11 137t57 120t83 88t90 32.5q64 0 111.5-21.5t75-60t40.5-86t13-103.5q0-83-26.5-170t-69.5-148zm48-38l144-532q22-83 73.5-140.5T1188 0q81 0 165 73.5T1492 265t55 235q0 109-51 197t-146 142q83-33 162.5-13.5t141.5 68t100 111.5t38 118q0 30-13 64t-38.5 65.5t-70 52.5t-99.5 21q-101 0-211.5-53.5T1185 1143z"/></svg>
Cara memakai ikon Butterfly
React
import { Icon } from "@iconify/react";
<Icon icon="vs:butterfly" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:butterfly" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:butterfly" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--butterfly]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:butterfly"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:butterfly"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vs/butterfly.svg" alt="Ikon Butterfly" width="24" height="24">
Ikon Butterfly di set ikon lain
FAQ Ikon Butterfly
Apakah ikon Butterfly gratis untuk penggunaan komersial?
Ya. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Butterfly di React?
Pasang @iconify/react lalu render <Icon icon="vs:butterfly" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Butterfly ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vs/butterfly.svg" alt="Ikon Butterfly">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Vesper Icons →
ICONYZ
