Icono Butterfly

emojione-monotone:butterfly

El icono Butterfly (emojione-monotone:butterfly) es un icono SVG gratuito de la colección Emoji One (Monotone) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (Monotone) icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Emoji One (Monotone)
Autor: Emoji One
Licencia: CC-BY-4.0
Tamaño: 64 × 64
Categoría: Naturaleza

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M56.584 10.291c-9.894 0-17.97 8.012-21.194 11.741a3.8 3.8 0 0 0-1.091-1.438c.324-.832.667-1.783.95-2.876c.114-.405.18-.845.273-1.281c.067-.446.11-.913.151-1.385c-.01-.482.027-.966-.029-1.471c-.048-.505-.137-.976-.225-1.457c-.356-1.894-.871-3.834-.85-5.747c.02-.94.192-1.88.777-2.49c.566-.626 1.506-.958 2.419-1.054c.925-.092 1.876.001 2.709.318c.836.305 1.566.818 1.924 1.547c.779 1.454.42 3.217-.424 4.172a2.43 2.43 0 0 1-1.497.833c-.52.03-.988-.054-1.326-.222c-.358-.134-.598-.313-.766-.424s-.255-.171-.255-.171l.247.187c.161.122.391.314.747.471c.335.189.811.31 1.368.309a2.64 2.64 0 0 0 1.67-.812c.969-.99 1.492-2.846.706-4.574c-.377-.884-1.22-1.549-2.139-1.936c-.926-.407-1.968-.571-3.029-.522a5.6 5.6 0 0 0-1.598.306a3.8 3.8 0 0 0-1.472.883c-.89.854-1.139 2.069-1.218 3.122c-.131 2.161.317 4.179.569 6.038c.062.46.123.917.142 1.335c.03.416-.027.842-.033 1.248c-.057.409-.111.811-.188 1.202c-.103.388-.17.768-.291 1.132a26 26 0 0 1-.954 2.569c-.214-.038-.433-.066-.658-.066s-.444.028-.658.066a26 26 0 0 1-.954-2.569c-.121-.364-.188-.744-.291-1.132c-.076-.391-.131-.792-.188-1.202c-.006-.406-.063-.832-.033-1.248c.019-.418.08-.875.142-1.335c.252-1.859.7-3.877.569-6.038c-.079-1.053-.328-2.267-1.218-3.122a3.8 3.8 0 0 0-1.472-.883a5.6 5.6 0 0 0-1.598-.306c-1.062-.049-2.104.115-3.029.522c-.919.387-1.762 1.052-2.139 1.936c-.786 1.728-.263 3.584.706 4.574a2.64 2.64 0 0 0 1.67.812c.558.001 1.033-.119 1.368-.309c.356-.156.586-.35.747-.471l.247-.187l-.257.171c-.168.111-.407.29-.766.424c-.338.168-.807.252-1.326.222a2.43 2.43 0 0 1-1.497-.833c-.844-.956-1.203-2.718-.424-4.172c.357-.729 1.088-1.243 1.924-1.547c.833-.317 1.784-.41 2.709-.318c.913.096 1.853.428 2.419 1.054c.585.61.758 1.549.777 2.49c.021 1.913-.493 3.853-.85 5.747c-.088.481-.177.952-.225 1.457c-.057.505-.02.988-.029 1.471c.041.472.084.939.151 1.385c.094.437.159.876.273 1.281c.283 1.094.626 2.044.95 2.876a3.8 3.8 0 0 0-1.091 1.438c-3.22-3.73-11.296-11.741-21.19-11.741c-9.482 0-4.317 10.808-.959 18.013s-1.566 12.797 1.482 15.53c3.083 2.762 9.208-1.378 15.073-3.215c-1.805.666-4.043 1.716-6.815 3.313c-12.731 7.338-3.958 9.245-.879 14.02c3.05 4.735 15.419 8.745 16.585-8.886c.032.003.064.013.097.013s.064-.01.097-.013c1.166 17.631 13.535 13.621 16.585 8.886c3.079-4.774 11.853-6.682-.879-14.02c-2.772-1.598-5.011-2.647-6.815-3.313c5.865 1.837 11.99 5.977 15.073 3.215c3.049-2.733-1.875-8.324 1.482-15.53s8.523-18.013-.959-18.013M7.512 17.115c-.754-.035-1.332-.627-1.291-1.319c.039-.697.681-1.228 1.435-1.192c.752.035 1.33.627 1.29 1.32s-.682 1.225-1.434 1.191m3.619 1.715c1.085.051 1.92.904 1.863 1.906c-.058 1.002-.985 1.772-2.071 1.721c-1.089-.053-1.923-.909-1.865-1.912c.056-.998.984-1.768 2.073-1.715m-2.068 7.164c.035-.649.639-1.149 1.343-1.113c.705.031 1.245.587 1.209 1.232c-.037.65-.639 1.15-1.344 1.115c-.704-.034-1.246-.587-1.208-1.234m3.02 12.74c-.754.026-1.387-.516-1.412-1.21c-.027-.694.563-1.276 1.316-1.302c.754-.025 1.385.519 1.412 1.21c.025.697-.563 1.281-1.316 1.302m.379-5.232c-1.257.042-2.308-.863-2.353-2.019c-.042-1.152.94-2.127 2.193-2.168c1.257-.037 2.309.865 2.352 2.019c.043 1.16-.938 2.128-2.192 2.168m4.773-2.646c-2.22-2.189-5.642-3.854-1.736-7.703c3.479-3.429-9.182-9.412-1.735-9.412c4.799 0 10.767 5.464 14.538 9.518c-.018.157-.052.307-.052.472c0 1.185.45 1.312 1.167 1.159c-.186.355-.334.777-.465 1.229c-2.854-2.052-7.039-4.412-11.237-4.43c0 0 5.352.473 11.036 5.193a19 19 0 0 0-.296 2.08c-3.237-.86-7.633-1.467-11.455-.03c0 0 4.953-1.399 11.388.777a51 51 0 0 0-.111 2.69c-3.324.39-7.736 1.458-10.99 4.292c0 0 4.283-3.189 10.979-3.551a244 244 0 0 0-.015 3.009c0 .437.014.86.026 1.285c-.602-.013-1.391.1-2.547.449c-18.763 5.665-5.72-4.291-8.495-7.027m-3.844 20.848c-.596 0-1.078-.423-1.078-.946c0-.524.482-.95 1.078-.95s1.079.426 1.079.95c0 .523-.483.946-1.079.946m3.869 5.391c-1.219 0-2.208-.868-2.208-1.94s.989-1.941 2.208-1.941c1.221 0 2.209.868 2.209 1.941s-.989 1.94-2.209 1.94m4.478 3.189c-.75 0-1.36-.535-1.36-1.194c0-.661.61-1.196 1.36-1.196s1.36.535 1.36 1.196c.001.659-.609 1.194-1.36 1.194m-.876-5.795c-.94-3.081-4.963-1.702-4.963-6.277c0-3.813 8.568-6.85 12.545-8.054c.09.933.202 1.828.347 2.655c-3.598 1.345-7.631 3.327-10.385 6.123c0 0 3.694-3.257 10.485-5.557c.238 1.222.539 2.282.883 3.158c-2.323 1.931-4.526 4.253-5.77 6.849c0 0 1.765-3.02 5.977-6.354c.405.896.864 1.528 1.356 1.834c-2.274 11.758-9.68 8.229-10.475 5.623m21.4 5.795c-.751 0-1.36-.535-1.36-1.194c0-.661.609-1.196 1.36-1.196c.75 0 1.36.535 1.36 1.196c0 .659-.61 1.194-1.36 1.194m8.347-10.476c.596 0 1.078.426 1.078.95c0 .523-.482.946-1.078.946s-1.079-.423-1.079-.946c0-.525.483-.95 1.079-.95m-1.661 5.346c0 1.072-.989 1.94-2.208 1.94c-1.221 0-2.209-.868-2.209-1.94s.988-1.941 2.209-1.941c1.219 0 2.208.868 2.208 1.941m-.847-6.942c0 4.575-4.022 3.196-4.963 6.277c-.795 2.605-8.201 6.135-10.476-5.622c.492-.306.951-.938 1.356-1.834c4.212 3.334 5.977 6.354 5.977 6.354c-1.243-2.596-3.446-4.918-5.77-6.849c.344-.876.645-1.937.883-3.158c6.791 2.3 10.485 5.557 10.485 5.557c-2.754-2.796-6.787-4.778-10.385-6.123c.145-.827.257-1.723.347-2.655c3.977 1.203 12.546 4.239 12.546 8.053m-9.83-10.328c-1.156-.35-1.945-.462-2.547-.449c.013-.425.026-.849.026-1.285q.002-1.56-.015-3.009c6.695.361 10.979 3.551 10.979 3.551c-3.254-2.834-7.666-3.902-10.99-4.292a53 53 0 0 0-.111-2.69C42.047 27.533 47 28.933 47 28.933c-3.822-1.437-8.218-.83-11.455.03a19 19 0 0 0-.296-2.08c5.685-4.721 11.036-5.193 11.036-5.193c-4.198.019-8.384 2.378-11.237 4.43c-.131-.452-.279-.874-.465-1.229c.717.152 1.167.025 1.167-1.159c0-.165-.034-.314-.052-.472c3.771-4.054 9.738-9.518 14.538-9.518c7.446 0-5.214 5.982-1.735 9.412c3.905 3.849.483 5.514-1.736 7.703c-2.775 2.735 10.268 12.691-8.494 7.027m13.646.85c-.753-.021-1.341-.605-1.316-1.302c.027-.691.658-1.235 1.412-1.21s1.344.607 1.316 1.302c-.025.695-.658 1.237-1.412 1.21m-.379-5.232c-1.254-.04-2.235-1.008-2.192-2.168c.043-1.154 1.095-2.056 2.352-2.019c1.253.041 2.235 1.016 2.193 2.168c-.045 1.156-1.096 2.061-2.353 2.019m2.191-6.274c-.705.035-1.307-.465-1.344-1.115c-.036-.646.504-1.201 1.209-1.232c.704-.036 1.308.464 1.343 1.113c.038.647-.504 1.2-1.208 1.234m-.652-4.772c-1.086.052-2.014-.719-2.071-1.721s.778-1.855 1.863-1.906c1.089-.053 2.017.717 2.073 1.715c.058 1.004-.776 1.86-1.865 1.912m3.411-5.341c-.752.034-1.395-.497-1.434-1.191c-.04-.693.538-1.285 1.29-1.32c.754-.036 1.396.495 1.435 1.192c.041.692-.537 1.284-1.291 1.319"/></svg>

Cómo usar el icono Butterfly

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:butterfly" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:butterfly" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:butterfly" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--butterfly]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:butterfly"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:butterfly"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/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í. Emoji One (Monotone) icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Butterfly en React?

Instala @iconify/react y renderiza <Icon icon="emojione-monotone: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/emojione-monotone/butterfly.svg" alt="Icono Butterfly">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Emoji One (Monotone) →