Icono Flower
whh:flower
El icono Flower (whh:flower) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1026 × 1026. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1026 × 1026
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1026" viewBox="0 0 1026 1026"><path fill="currentColor" d="M925 595q-27 11-69.5 9.5T759 584q10-35 10-71q0-110-80-186q33-38 65-61t71-35h3q45-14 83 4t47 57q11 48-21 100q32 10 55.5 32t30.5 47q10 38-18.5 74T926 595zM513 257q-78 0-142 43q-32-49-41-87t-9-85q0-53 28-90.5T417 0q25 0 51.5 15.5T513 57q18-26 44.5-41.5T609 0q40 0 68 37.5t28 90.5q0 47-9 85t-41 87q-64-43-142-43M257 512q0 37 10 72q-55 19-97 20.5t-70-9.5q-50-14-78.5-50T3 471q7-25 30.5-47T89 392q-32-52-21-100q9-39 47-57t83-4h3q39 12 71 35t65 61q-80 76-80 185M150 754v-1q1-1 2-3.5t2-4t2.5-3.5t1.5-3q23-38 51.5-63t74.5-49q30 60 86.5 98T496 768q-5 58-10 97q1 34-12 68q1 8-8 18q3-4 7-16q-5 11-7 16q-25 46-66 65t-74-1q-22-14-36.5-44T274 907q-28 18-61.5 20.5T157 917q-28-15-28.5-68t20.5-94zm171-241.5q0-79.5 56-135.5t135.5-56t136 56T705 512.5t-56.5 136t-136 56.5T377 648.5t-56-136M742 627q46 24 74.5 49t50.5 63q1 1 2.5 3t2.5 3.5t2 4.5t2 3v1l1 1q21 40 20.5 93.5T869 917q-22 13-55.5 10.5T752 907q-1 34-15.5 64t-36.5 44q-33 20-74 1t-66-66q-1-3-7-15q4 12 7 15q-9-9-8-17q-13-34-12-68q-5-39-10-97q69-5 125.5-43t86.5-98"/></svg>
Cómo usar el icono Flower
React
import { Icon } from "@iconify/react";
<Icon icon="whh:flower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:flower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:flower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--flower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:flower"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:flower"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/flower.svg" alt="Icono Flower" width="24" height="24">
Iconos relacionados en WebHostingHub Glyphs
El icono Flower en otras colecciones
Preguntas frecuentes sobre Icono Flower
¿El icono Flower es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Flower en React?
Instala @iconify/react y renderiza <Icon icon="whh: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/whh/flower.svg" alt="Icono Flower">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos WebHostingHub Glyphs →
ICONYZ
