Icône Butterfly 20
energy-icons:butterfly-20
L'icône Butterfly 20 (energy-icons:butterfly-20) est une icône SVG gratuite de la collection Energy Icons par Sam Passmore. Elle est dessinée sur une grille de 20 × 20. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Energy Icons
- Auteur
- Sam Passmore
- Licence
- MIT
- Taille
- 20 × 20
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M9.5 14.999V5.832h1v9.167a.5.5 0 1 1-1 0"/><path fill="currentColor" d="M11.25 3.055a.5.5 0 0 1 .833.554l-1.667 2.5a.5.5 0 0 1-.832 0l-1.667-2.5a.5.5 0 0 1 .832-.554l1.25 1.876zM2.477 5.202c.53-.6 1.35-.866 2.244-.806c1.787.12 3.997 1.518 5.713 4.522l-.868.496c-1.616-2.829-3.573-3.93-4.911-4.02c-.668-.045-1.152.158-1.429.47c-.27.306-.419.803-.241 1.514c.371 1.485 1.279 2.302 2.491 2.722c1.246.431 2.823.441 4.462.236l.062.496l.062.496c-1.694.212-3.451.222-4.913-.284c-1.496-.518-2.672-1.576-3.134-3.424c-.239-.954-.075-1.812.462-2.418M10 12.582c-1.62 0-3.194.306-4.24.876c-.52.284-.873.614-1.06.967c-.178.337-.228.742-.06 1.249c.169.505.434.73.712.822c.302.1.72.072 1.23-.137c1.02-.417 2.192-1.474 2.984-2.858l.868.496c-.876 1.533-2.203 2.768-3.474 3.288c-.636.26-1.312.361-1.92.161c-.555-.182-.98-.59-1.244-1.188l-.104-.268c-.247-.743-.193-1.432.124-2.032c.308-.584.84-1.036 1.465-1.377c1.246-.68 3.006-.999 4.72-.999z"/><path fill="currentColor" d="M15.28 4.396c.894-.06 1.712.207 2.242.806c.537.606.702 1.464.463 2.418c-.462 1.848-1.639 2.907-3.134 3.424c-1.463.506-3.22.496-4.914.284l.125-.992c1.64.205 3.216.195 4.462-.236c1.213-.42 2.12-1.237 2.49-2.722c.178-.711.03-1.208-.24-1.513c-.276-.313-.76-.516-1.428-.471c-1.338.09-3.295 1.191-4.912 4.02l-.869-.496c1.717-3.004 3.927-4.403 5.714-4.522M10 11.582c1.713 0 3.473.32 4.719 1c.625.34 1.157.792 1.465 1.376c.277.525.353 1.118.202 1.756l-.078.276c-.249.745-.714 1.248-1.347 1.456c-.609.2-1.285.1-1.921-.16c-1.271-.52-2.599-1.756-3.475-3.289l.87-.496c.79 1.384 1.963 2.441 2.984 2.858c.51.209.927.236 1.23.137c.277-.091.541-.318.71-.822l.053-.186c.101-.421.044-.768-.112-1.063c-.187-.353-.54-.683-1.06-.967c-1.047-.57-2.62-.876-4.24-.876z"/></svg>Comment utiliser l'icône Butterfly 20
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:butterfly-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:butterfly-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:butterfly-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--butterfly-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:butterfly-20"></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"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/butterfly-20.svg" alt="Icône Butterfly 20" width="24" height="24">Icônes similaires dans Energy Icons
FAQ : Icône Butterfly 20
L'icône Butterfly 20 est-elle gratuite pour un usage commercial ?
Oui. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Butterfly 20 dans React ?
Installez @iconify/react et affichez <Icon icon="energy-icons:butterfly-20" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Butterfly 20 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/energy-icons/butterfly-20.svg" alt="Icône Butterfly 20">, ou collez le code SVG directement dans la page pour le styliser en CSS.