Ícone Butterfly 20 Bold
energy-icons:butterfly-20-bold
O ícone Butterfly 20 Bold (energy-icons:butterfly-20-bold) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 20 × 20. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 20 × 20
- Tags
- butterflybold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.375 14.999V5.832h1.25v9.167a.625.625 0 1 1-1.25 0"/><path fill="currentColor" d="M11.148 2.985a.624.624 0 1 1 1.039.693l-1.667 2.5a.624.624 0 0 1-1.04 0l-1.666-2.5a.624.624 0 1 1 1.039-.693L10 4.705zM2.384 5.118c.562-.635 1.422-.908 2.346-.847c1.843.123 4.084 1.558 5.813 4.584l-1.085.62c-1.604-2.807-3.53-3.871-4.811-3.957c-.64-.042-1.082.152-1.327.429c-.237.268-.384.72-.213 1.4c.36 1.44 1.234 2.227 2.41 2.634c1.22.422 2.773.435 4.406.23l.077.62l.078.62c-1.7.213-3.48.226-4.97-.29c-1.531-.53-2.741-1.618-3.214-3.51c-.247-.986-.08-1.89.49-2.533"/><path fill="currentColor" d="M10 12.707c-1.607 0-3.158.305-4.18.861c-.506.277-.838.591-1.009.915c-.14.267-.196.582-.1.977l.05.174c.158.474.397.667.63.744c.264.087.65.067 1.144-.135c.989-.404 2.142-1.439 2.923-2.804l1.085.62c-.887 1.551-2.233 2.81-3.536 3.341c-.651.267-1.36.378-2.006.165c-.678-.222-1.168-.76-1.426-1.535l-.082-.288c-.158-.665-.08-1.29.213-1.843c.323-.613.878-1.08 1.516-1.428c1.271-.694 3.054-1.014 4.779-1.014z"/><path fill="currentColor" d="M15.27 4.271c.924-.061 1.784.212 2.347.847c.57.643.736 1.547.49 2.532c-.473 1.893-1.683 2.982-3.215 3.512c-1.489.515-3.269.502-4.969.29l.155-1.24c1.632.204 3.186.191 4.406-.23c1.177-.408 2.05-1.195 2.41-2.635c.17-.68.024-1.132-.213-1.4c-.245-.277-.688-.471-1.327-.429c-1.282.086-3.207 1.15-4.81 3.957L10 9.165l-.543-.31c1.73-3.026 3.971-4.46 5.814-4.584"/><path fill="currentColor" d="M10 11.457c1.726 0 3.508.32 4.779 1.014c.639.348 1.193.815 1.516 1.428c.334.633.389 1.359.131 2.131c-.258.775-.748 1.313-1.426 1.535c-.647.213-1.355.102-2.007-.165c-1.303-.532-2.65-1.79-3.536-3.34l1.086-.622c.781 1.366 1.934 2.4 2.923 2.805c.494.202.88.222 1.144.135c.233-.077.473-.27.63-.744c.16-.478.11-.846-.05-1.15c-.171-.325-.503-.64-1.01-.916c-1.02-.556-2.571-.861-4.18-.861z"/></svg>Como usar o ícone Butterfly 20 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:butterfly-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:butterfly-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:butterfly-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--butterfly-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:butterfly-20-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:butterfly-20-bold"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/butterfly-20-bold.svg" alt="Ícone Butterfly 20 Bold" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Butterfly 20 Bold
O ícone Butterfly 20 Bold é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Butterfly 20 Bold no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:butterfly-20-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Butterfly 20 Bold a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/butterfly-20-bold.svg" alt="Ícone Butterfly 20 Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.