Icono Flower 5 Line
mingcute:flower-5-line
El icono Flower 5 Line (mingcute:flower-5-line) es un icono SVG gratuito de la colección MingCute Icon de MingCute Design. Está dibujado en una cuadrícula de 24 × 24. MingCute Icon icons se publican bajo la licencia Apache 2.0, 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
- MingCute Icon
- Autor
- MingCute Design
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Etiquetas
- flowerline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M9.409 5.744c-1.522-.786-2.991-.89-3.773-.108c-.782.781-.678 2.25.108 3.772m3.665-3.664a9.1 9.1 0 0 1 2.237 1.66c1.05 1.049 1.476 1.98 1.348 2.86m.937 1.212C14.644 10.943 15 9.984 15 8.5a9.1 9.1 0 0 0-.409-2.756C14.071 4.112 13.105 3 12 3S9.93 4.112 9.409 5.744m5.182 0c1.522-.786 2.992-.89 3.773-.108c.782.781.678 2.251-.108 3.773m-5.732 4.522c.533.713 1.492 1.07 2.976 1.07a9.1 9.1 0 0 0 2.756-.41c1.631-.52 2.744-1.485 2.744-2.59c0-1.106-1.113-2.072-2.744-2.592m0 0a9.2 9.2 0 0 1-1.66 2.237c-1.049 1.05-1.98 1.476-2.86 1.348m-2.73.742c-.128.88.298 1.811 1.348 2.86a9.2 9.2 0 0 0 2.237 1.66c1.522.786 2.991.89 3.773.108c.781-.781.678-2.25-.108-3.772m-8.187-2.068C9.356 13.057 9 14.016 9 15.5c0 .999.149 1.942.409 2.756C9.929 19.888 10.895 21 12 21s2.07-1.112 2.591-2.744m-4.327-7.25c-.88-.128-1.811.299-2.86 1.348a9.2 9.2 0 0 0-1.66 2.237c-.786 1.522-.89 2.992-.108 3.773s2.251.678 3.773-.108m2.067-8.187C10.943 9.356 9.984 9 8.5 9a9.1 9.1 0 0 0-2.756.41C4.113 9.928 3 10.894 3 11.998c0 1.106 1.113 2.072 2.744 2.592m5.732-4.522a2 2 0 0 1 1.518.195m-1.518-.195c-.517.14-.95.482-1.212.937m3.472 1.988a2 2 0 0 0 .195-1.518a2 2 0 0 0-.936-1.212m.74 2.73a2 2 0 0 1-1.21.937m0 0a2 2 0 0 1-1.52-.195m-.74-2.73a2 2 0 0 0-.196 1.518c.14.517.482.95.936 1.212"/></svg>
Cómo usar el icono Flower 5 Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:flower-5-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:flower-5-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:flower-5-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--flower-5-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:flower-5-line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:flower-5-line"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/mingcute/flower-5-line.svg" alt="Icono Flower 5 Line" width="24" height="24">
Iconos relacionados en MingCute Icon
Preguntas frecuentes sobre Icono Flower 5 Line
¿El icono Flower 5 Line es gratis para uso comercial?
Sí. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Flower 5 Line en React?
Instala @iconify/react y renderiza <Icon icon="mingcute:flower-5-line" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Flower 5 Line a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mingcute/flower-5-line.svg" alt="Icono Flower 5 Line">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos MingCute Icon →
ICONYZ
