Ícone Flower

jam:flower

O ícone Flower (jam:flower) é um ícone SVG gratuito da coleção Jam Icons de Michael Amprimo. Ele é desenhado em uma grade de 24 × 24. Jam 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: Jam Icons
Autor: Michael Amprimo
Licença: MIT
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.094 11.59a6 6 0 0 1 .346-.466a3.5 3.5 0 0 1-.406-1.637A3.5 3.5 0 0 1 7.01 4.54a3.5 3.5 0 0 1 3.473-3.472A3.5 3.5 0 0 1 13 0c.943 0 1.799.373 2.428.98a3.504 3.504 0 0 1 3.521 3.5A3.57 3.57 0 0 1 20 7c0 .95-.379 1.813-.994 2.443V9.5A3.5 3.5 0 0 1 15.45 13c-.631.618-1.496 1-2.45 1c-.96 0-1.83-.387-2.463-1.013a3.5 3.5 0 0 1-1.68-.428a3.775 3.775 0 0 0 .127 4.623l1.79 2.184a1 1 0 1 1-1.547 1.268l-1.79-2.184a5.8 5.8 0 0 1-.964-1.692a3.21 3.21 0 0 1-3.404-.177q-1.452-1.018-2.48-6.547q4.713.266 6.166 1.283q.18.127.34.274zm4.265-.604l.586.58c.28.277.653.434 1.055.434c.4 0 .77-.154 1.05-.429l.596-.584l.835.013c.854 0 1.525-.671 1.525-1.5l-.013-.857l.581-.596C17.847 7.767 18 7.398 18 7c0-.41-.163-.79-.45-1.072l-.606-.593l.005-.847c0-.837-.671-1.509-1.5-1.509l-.823.005l-.585-.564A1.5 1.5 0 0 0 13 2a1.5 1.5 0 0 0-1.079.458l-.583.603l-.84.007A1.5 1.5 0 0 0 9.01 4.556l-.006.812l-.571.578C8.156 6.226 8 6.598 8 7c0 .407.16.783.443 1.065l.592.587v.834a1.5 1.5 0 0 0 1.5 1.5zM13 9a2 2 0 1 1 0-4a2 2 0 0 1 0 4m-8.783 5.942a1.213 1.213 0 0 0 1.39-1.986c-.358-.251-1.198-.491-2.47-.674c.42 1.566.826 2.483 1.08 2.66"/></svg>

Como usar o ícone Flower

React

import { Icon } from "@iconify/react";

<Icon icon="jam:flower" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="jam:flower" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="jam:flower" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--flower]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/jam -->
<div class="i-jam:flower"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="jam:flower"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/jam/flower.svg" alt="Ícone Flower" width="24" height="24">

O ícone Flower em outras coleções

Perguntas frequentes sobre Ícone Flower

O ícone Flower é grátis para uso comercial?

Sim. Jam 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="jam: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/jam/flower.svg" alt="Ícone Flower">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Jam Icons →