Ícone Flower3
bi:flower3
O ícone Flower3 (bi:flower3) é um ícone SVG gratuito da coleção Bootstrap Icons de The Bootstrap Authors. Ele é desenhado em uma grade de 24 × 24. Bootstrap 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
- Bootstrap Icons
- Autor
- The Bootstrap Authors
- 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="currentColor" d="M11.424 8c.437-.052.811-.136 1.04-.268a2 2 0 0 0-2-3.464c-.229.132-.489.414-.752.767C9.886 4.63 10 4.264 10 4a2 2 0 1 0-4 0c0 .264.114.63.288 1.035c-.263-.353-.523-.635-.752-.767a2 2 0 0 0-2 3.464c.229.132.603.216 1.04.268c-.437.052-.811.136-1.04.268a2 2 0 1 0 2 3.464c.229-.132.489-.414.752-.767C6.114 11.37 6 11.736 6 12a2 2 0 1 0 4 0c0-.264-.114-.63-.288-1.035c.263.353.523.635.752.767a2 2 0 1 0 2-3.464c-.229-.132-.603-.216-1.04-.268M9 4a2 2 0 0 1-.045.205q-.059.2-.183.484a13 13 0 0 1-.637 1.223L8 6.142l-.135-.23a13 13 0 0 1-.637-1.223a4 4 0 0 1-.183-.484A2 2 0 0 1 7 4a1 1 0 1 1 2 0M3.67 5.5a1 1 0 0 1 1.366-.366a2 2 0 0 1 .156.142q.142.15.326.4c.245.333.502.747.742 1.163l.13.232l-.265.002a13 13 0 0 1-1.379-.06a4 4 0 0 1-.51-.083a2 2 0 0 1-.2-.064A1 1 0 0 1 3.67 5.5m1.366 5.366a1 1 0 0 1-1-1.732l.047-.02q.055-.02.153-.044q.202-.048.51-.083a13 13 0 0 1 1.379-.06q.135 0 .266.002l-.131.232c-.24.416-.497.83-.742 1.163a4 4 0 0 1-.327.4a2 2 0 0 1-.155.142M9 12a1 1 0 0 1-2 0a2 2 0 0 1 .045-.206q.058-.198.183-.483c.166-.378.396-.808.637-1.223L8 9.858l.135.23c.241.415.47.845.637 1.223q.124.285.183.484A1.3 1.3 0 0 1 9 12m3.33-6.5a1 1 0 0 1-.366 1.366a2 2 0 0 1-.2.064q-.202.048-.51.083c-.412.045-.898.061-1.379.06q-.135 0-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4 4 0 0 1 .327-.4q.07-.074.114-.11l.041-.032a1 1 0 0 1 1.366.366m-1.366 5.366a2 2 0 0 1-.155-.141a4 4 0 0 1-.327-.4A13 13 0 0 1 9.74 9.16l-.13-.232l.265-.002c.48-.001.967.015 1.379.06q.308.035.51.083q.098.024.153.044l.048.02a1 1 0 1 1-1 1.732zM8 9a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>Como usar o ícone Flower3
React
import { Icon } from "@iconify/react";
<Icon icon="bi:flower3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bi:flower3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bi:flower3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--flower3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:flower3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bi:flower3"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/bi/flower3.svg" alt="Ícone Flower3" width="24" height="24">Perguntas frequentes sobre Ícone Flower3
O ícone Flower3 é grátis para uso comercial?
Sim. Bootstrap Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Flower3 no React?
Instale @iconify/react e renderize <Icon icon="bi:flower3" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Flower3 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/bi/flower3.svg" alt="Ícone Flower3">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.