Ícone Ribbon
fluent-emoji-flat:ribbon
O ícone Ribbon (fluent-emoji-flat:ribbon) é 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
- Atividades
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="#f8312f" d="M15.995 9.772L7.46 5.413C4.96 4.143 2 5.953 2 8.753v7.98c0 2.8 2.96 4.62 5.46 3.34l.69-.352l-2.84 7.363c-.23.587.38 1.153.95.895l2.26-1.014c.36-.159.78 0 .94.358l.99 2.256c.25.576 1.08.556 1.31-.03l4.23-10.978l4.23 10.978c.23.586 1.06.606 1.31.03l.99-2.256c.16-.358.58-.517.94-.358l2.26 1.014c.57.258 1.18-.308.95-.895l-2.842-7.37l.702.36c2.5 1.28 5.46-.54 5.46-3.34v-7.98c0-2.8-2.96-4.61-5.46-3.34z"/><path fill="#ca0b4a" d="M14.254 6h3.492C18.993 6 20 6.998 20 8.21v8.371l4.54-2.318c2.36-1.2 5.14.36 5.43 2.91c-.28 2.55-3.06 4.12-5.43 2.91l-4.725-2.412A2.25 2.25 0 0 1 17.745 19h-3.49c-.93 0-1.726-.548-2.072-1.333L7.45 20.083c-2.36 1.21-5.15-.36-5.43-2.91c.28-2.55 3.06-4.12 5.43-2.91L12 16.586V8.21C12 6.987 13.007 6 14.254 6"/></g></svg>
Como usar o ícone Ribbon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:ribbon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:ribbon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:ribbon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--ribbon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:ribbon"></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:ribbon"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ribbon.svg" alt="Ícone Ribbon" width="24" height="24">
O ícone Ribbon em outras coleções
Perguntas frequentes sobre Ícone Ribbon
O ícone Ribbon é 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 Ribbon no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:ribbon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ribbon 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/ribbon.svg" alt="Ícone Ribbon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
