Ícone Flower
mynaui:flower
O ícone Flower (mynaui:flower) é um ícone SVG gratuito da coleção Myna UI Icons de Praveen Juge. Ele é desenhado em uma grade de 24 × 24. Myna UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Myna UI Icons
- Autor
- Praveen Juge
- Licença
- MIT
- Tamanho
- 24 × 24
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-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 10c-.679-1.266-1.75-3.272-1.75-4.28C9.25 4.228 10.515 3 12 3s2.75 1.227 2.75 2.72c0 1.008-1.071 3.014-1.75 4.28m.319.184c.757-1.221 1.958-3.151 2.83-3.655c1.295-.747 2.99-.265 3.732 1.021c.743 1.286.313 2.995-.981 3.742c-.873.504-3.145.579-4.581.624m0 .368c1.435.045 3.708.12 4.58.624c1.295.747 1.725 2.456.982 3.742s-2.437 1.768-3.731 1.021c-.873-.504-2.074-2.434-2.831-3.655M13 14.2c.679 1.266 1.75 3.272 1.75 4.28c0 1.494-1.264 2.72-2.75 2.72s-2.75-1.226-2.75-2.72c0-1.008 1.071-3.014 1.75-4.28m-.319-.184c-.757 1.221-1.958 3.151-2.83 3.655c-1.295.747-2.99.265-3.732-1.021c-.743-1.286-.313-2.995.981-3.742c.873-.504 3.146-.579 4.581-.624m0-.368c-1.435-.045-3.708-.12-4.58-.624c-1.295-.747-1.725-2.456-.982-3.742S6.556 5.782 7.85 6.529c.873.504 2.074 2.434 2.831 3.655M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>
Como usar o ícone Flower
React
import { Icon } from "@iconify/react";
<Icon icon="mynaui:flower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mynaui:flower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mynaui:flower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--flower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:flower"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mynaui:flower"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/mynaui/flower.svg" alt="Ícone Flower" width="24" height="24">
Ícones relacionados em Myna UI Icons
O ícone Flower em outras coleções
Perguntas frequentes sobre Ícone Flower
O ícone Flower é grátis para uso comercial?
Sim. Myna UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Flower no React?
Instale @iconify/react e renderize <Icon icon="mynaui:flower" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Flower a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mynaui/flower.svg" alt="Ícone Flower">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Myna UI Icons →
ICONYZ
