Ícone Rosette
fluent-emoji-flat:rosette
O ícone Rosette (fluent-emoji-flat:rosette) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat 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
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Animais e natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ff822d" d="M22.463 6.649s2-.79 3.41-.12c2.506 1.199 2.863 3.414 2.142 5.17c1.638.964 2.683 2.945 1.408 5.41c-.71 1.38-2.79 1.96-2.79 1.96s1.37 1.66 1.17 3.21c-.36 2.74-2.343 3.768-4.24 3.63c-.408 1.862-1.968 3.474-4.71 3.02c-1.54-.25-2.73-2.05-2.73-2.05s-1.16 1.82-2.69 2.1c-2.728.504-4.316-1.064-4.768-2.911c-1.897.186-3.913-.797-4.332-3.55c-.23-1.54 1.11-3.23 1.11-3.23s-2.09-.54-2.83-1.91c-1.324-2.431-.323-4.428 1.292-5.432c-.76-1.745-.445-3.966 2.038-5.207c1.4-.7 3.42.05 3.42.05s-.13-2.15.94-3.28c1.91-2.01 4.12-1.674 5.566-.446c1.424-1.272 3.64-1.667 5.594.316c1.09 1.11 1 3.27 1 3.27"/><path fill="#ffb02e" d="M21.773 13.579c.72-.26 1.46-.44 2.16-.4c1.57.08 3.22 1.61 2.15 3.72c-.44.85-1.72 1.21-1.72 1.21s.84 1.02.72 1.97c-.31 2.34-2.55 2.65-3.88 1.82c-.57-.35-1.06-.89-1.49-1.48q-.015.008-.03.02t-.03.02c.44.58.81 1.2.98 1.85c.4 1.52-.54 3.57-2.87 3.18c-.95-.16-1.68-1.26-1.68-1.26s-.71 1.12-1.65 1.29c-2.32.43-3.3-1.6-2.93-3.12c.16-.65.52-1.28.95-1.87a.1.1 0 0 1-.025-.02a.1.1 0 0 0-.025-.02c-.41.61-.89 1.15-1.46 1.52c-1.32.85-3.56.59-3.91-1.75c-.14-.95.68-1.99.68-1.99s-1.28-.33-1.74-1.17c-1.13-2.07.5-3.63 2.06-3.75c.7-.06 1.44.1 2.16.35c0-.03.01-.05.02-.07c-.73-.21-1.43-.5-1.97-.94c-1.22-.99-1.66-3.2.45-4.26c.86-.43 2.1.03 2.1.03s-.08-1.32.58-2.01c1.63-1.72 3.61-.65 4.21.8c.27.66.35 1.43.33 2.21h.06c-.03-.78.03-1.55.28-2.23c.56-1.46 2.53-2.56 4.19-.88c.68.69.62 2.01.62 2.01s1.24-.48 2.1-.07c2.14 1.02 1.74 3.24.54 4.25c-.54.45-1.22.76-1.95.98q.007.015.01.03z"/><path fill="#ff6723" d="M18.123 12.829c2.16 0 3.06 2.76 1.31 4.03c.67 2.05-1.68 3.76-3.43 2.49c-1.75 1.27-4.1-.44-3.43-2.49c-1.75-1.27-.85-4.03 1.31-4.03c.67-2.05 3.57-2.05 4.24 0"/><path fill="#f4f4f4" d="M16.003 17.169a1.63 1.63 0 1 0 0-3.26a1.63 1.63 0 0 0 0 3.26"/></g></svg>
Como usar o ícone Rosette
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:rosette" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:rosette" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:rosette" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--rosette]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:rosette"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:rosette"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/rosette.svg" alt="Ícone Rosette" width="24" height="24">
O ícone Rosette em outras coleções
Perguntas frequentes sobre Ícone Rosette
O ícone Rosette é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Rosette no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:rosette" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Rosette a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/rosette.svg" alt="Ícone Rosette">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
