Icono Flower
cil:flower
El icono Flower (cil:flower) es un icono SVG gratuito de la colección CoreUI Free de creativeLabs Łukasz Holeczek. Está dibujado en una cuadrícula de 512 × 512. CoreUI Free 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
- CoreUI Free
- Autor
- creativeLabs Łukasz Holeczek
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M408 304a168.21 168.21 0 0 0-152 96.5A168.21 168.21 0 0 0 104 304H16v16c0 92.636 75.364 168 168 168h144c92.636 0 168-75.364 168-168v-16ZM184 456c-69.581 0-127.124-52.519-135.064-120H104c69.581 0 127.124 52.519 135.064 120Zm144 0h-55.064c7.94-67.481 65.483-120 135.064-120h55.064c-7.94 67.481-65.483 120-135.064 120"/><path fill="currentColor" d="M169.227 262.773a87.36 87.36 0 0 0 24.547 47.453l4.687 4.686h6.627A87.35 87.35 0 0 0 256 298.716a87.36 87.36 0 0 0 50.912 16.2h6.627l4.687-4.686a87.36 87.36 0 0 0 24.547-47.453a87.36 87.36 0 0 0 47.453-24.547l4.686-4.687v-6.627A87.35 87.35 0 0 0 378.716 176a87.36 87.36 0 0 0 16.2-50.912v-6.627l-4.686-4.687a87.36 87.36 0 0 0-47.453-24.547a87.36 87.36 0 0 0-24.547-47.453l-4.687-4.686h-6.627A87.36 87.36 0 0 0 256 53.284a87.35 87.35 0 0 0-50.912-16.2h-6.627l-4.687 4.686a87.36 87.36 0 0 0-24.547 47.453a87.36 87.36 0 0 0-47.453 24.547l-4.686 4.687v6.627A87.36 87.36 0 0 0 133.284 176a87.35 87.35 0 0 0-16.2 50.912v6.627l4.686 4.687a87.36 87.36 0 0 0 47.457 24.547m-3.736-98.086a55.57 55.57 0 0 1-16-32.8A55.57 55.57 0 0 1 184 120h16v-16a55.57 55.57 0 0 1 11.884-34.506a55.57 55.57 0 0 1 32.8 16L256 96.8l11.313-11.313a55.57 55.57 0 0 1 32.8-16A55.57 55.57 0 0 1 312 104v16h16a55.57 55.57 0 0 1 34.506 11.884a55.57 55.57 0 0 1-16 32.8L335.2 176l11.314 11.314a55.57 55.57 0 0 1 16 32.8A55.57 55.57 0 0 1 328 232h-16v16a55.57 55.57 0 0 1-11.884 34.506a55.57 55.57 0 0 1-32.8-16L256 255.2l-11.314 11.31a55.57 55.57 0 0 1-32.8 16A55.57 55.57 0 0 1 200 248v-16h-16a55.57 55.57 0 0 1-34.506-11.884a55.57 55.57 0 0 1 16-32.8L176.8 176Z"/></svg>
Cómo usar el icono Flower
React
import { Icon } from "@iconify/react";
<Icon icon="cil:flower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:flower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:flower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--flower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:flower"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:flower"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/cil/flower.svg" alt="Icono Flower" width="24" height="24">
El icono Flower en otras colecciones
Preguntas frecuentes sobre Icono Flower
¿El icono Flower es gratis para uso comercial?
Sí. CoreUI Free 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 Flower en React?
Instala @iconify/react y renderiza <Icon icon="cil:flower" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Flower a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cil/flower.svg" alt="Icono Flower">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos CoreUI Free →
ICONYZ
