Icono Fuchsia
logos:fuchsia
El icono Fuchsia (logos:fuchsia) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 229. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 229
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/fuchsia.svg" alt="Icono Fuchsia" width="24" height="24">Preguntas frecuentes sobre Icono Fuchsia
¿El icono Fuchsia es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Fuchsia en React?
Instala @iconify/react y renderiza <Icon icon="logos:fuchsia" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fuchsia a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/fuchsia.svg" alt="Icono Fuchsia">, o pega el código SVG en línea para darle estilo con CSS.