Icono Butterfly
vs:butterfly
El icono Butterfly (vs:butterfly) es un icono SVG gratuito de la colección Vesper Icons de TableCheck. Está dibujado en una cuadrícula de 1792 × 1792. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Vesper Icons
- Autor
- TableCheck
- Licencia
- OFL-1.1
- Tamaño
- 1792 × 1792
Código 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/vs/butterfly.svg" alt="Icono Butterfly" width="24" height="24">
El icono Butterfly en otras colecciones
Preguntas frecuentes sobre Icono Butterfly
¿El icono Butterfly es gratis para uso comercial?
Sí. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Butterfly en React?
Instala @iconify/react y renderiza <Icon icon="vs:butterfly" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Butterfly a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vs/butterfly.svg" alt="Icono Butterfly">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Vesper Icons →
ICONYZ
