Icône Fuchsia
logos:fuchsia
L'icône Fuchsia (logos:fuchsia) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 229. Les SVG Logos icons sont publiées sous la licence CC0, 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
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 256 × 229
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="229" viewBox="0 0 256 229"><path fill="#ed1d7f" d="M106.64.245c62.915-4.092 117.135 43.479 121.739 105.883v13.81c0 1.535-1.024 2.558-2.558 2.558h-.512c-1.023 0-1.534-.511-2.046-1.023s-.511-1.534-.511-2.046c.511-4.092.511-8.696 0-12.788C218.66 46.793 166.997 1.78 107.15 5.872C47.304 9.964 2.29 61.627 6.384 121.473c4.092 59.847 55.754 104.86 114.578 100.767c11.764-1.023 22.506-3.58 33.248-7.672h1.023c1.534-.512 2.557.511 3.069 1.534c.511 1.535 0 3.07-1.535 3.58c-11.253 4.604-23.018 7.162-34.782 8.185C59.069 232.471 4.337 184.9.245 121.985S43.724 4.849 106.64.245m130.434 139.642C248.84 149.095 256 162.905 256 178.762c0 27.622-24.04 50.128-51.15 50.128s-49.617-21.995-49.617-49.616c0-10.742 3.58-20.46 9.207-28.645c19.437-28.133 12.788-67.008-15.345-86.956c-28.133-19.438-67.008-12.788-86.957 15.345c-19.437 28.133-12.788 67.008 15.345 86.956c23.018 15.857 52.686 14.323 73.658-1.534c-2.558 9.719-2.558 19.949 0 29.156c-27.11 13.3-60.87 11.765-87.468-7.161c-39.898-28.133-49.105-82.353-21.484-121.74c28.133-39.897 82.353-49.104 121.74-21.483c39.897 28.133 49.104 82.353 21.483 121.74c-3.07 4.091-4.604 9.207-4.604 14.322c0 13.81 11.253 25.064 25.064 25.064s25.064-11.254 25.064-25.064c0-7.673-3.58-14.834-9.207-19.438c-4.092-3.58-9.207-5.626-15.345-5.626c-2.046 0-4.092 0-6.139.511c3.581-8.184 6.139-16.368 7.673-25.575c10.742 0 20.972 4.092 29.156 10.741"/></svg>Comment utiliser l'icône Fuchsia
React
import { Icon } from "@iconify/react";
<Icon icon="logos:fuchsia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:fuchsia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:fuchsia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--fuchsia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:fuchsia"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:fuchsia"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/fuchsia.svg" alt="Icône Fuchsia" width="24" height="24">FAQ : Icône Fuchsia
L'icône Fuchsia est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Fuchsia dans React ?
Installez @iconify/react et affichez <Icon icon="logos:fuchsia" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Fuchsia à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/fuchsia.svg" alt="Icône Fuchsia">, ou collez le code SVG directement dans la page pour le styliser en CSS.