Icono Flower
zmdi:flower
El icono Flower (zmdi:flower) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 416 × 480. Material Design Iconic Font 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
- Material Design Iconic Font
- Autor
- MDI Community
- Licencia
- OFL-1.1
- Tamaño
- 416 × 480
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="416" height="480" viewBox="0 0 416 480"><path fill="currentColor" d="M350 249q30 17 47 47t17 63q-29 17-63 17.5T286 359q-9-5-17-11q2 10 2 20q0 35-17.5 64.5T207 479q-29-17-46.5-46.5T143 368q0-10 2-20q-9 7-17 11q-31 17-65 17T0 359q0-34 17-63.5T64 248q8-4 18-8q-10-4-18-9q-30-17-47-47T0 121q29-17 63-17.5t65 17.5q8 4 17 11q-2-10-2-20q0-35 17.5-64.5T207 1q29 17 46.5 46.5T271 112q0 10-2 20q9-7 17-11q31-18 65-17.5t63 17.5q0 33-17 63t-47 47q-8 5-18 9q10 4 18 9m-143 76q35 0 60-25t25-60t-25-60t-60-25t-60 25t-25 60t25 60t60 25"/></svg>Cómo usar el icono Flower
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:flower" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:flower" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:flower" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--flower]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:flower"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:flower"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/zmdi/flower.svg" alt="Icono Flower" width="24" height="24">Iconos relacionados en Material Design Iconic Font
El icono Flower en otras colecciones
Preguntas frecuentes sobre Icono Flower
¿El icono Flower es gratis para uso comercial?
Sí. Material Design Iconic Font 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="zmdi: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/zmdi/flower.svg" alt="Icono Flower">, o pega el código SVG en línea para darle estilo con CSS.