Ícone Heart With Ribbon
fluent-emoji-flat:heart-with-ribbon
O ícone Heart With Ribbon (fluent-emoji-flat:heart-with-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
- Carinhas e emoções
- Tags
- heartwith, withribbon, heartwithribbon
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="#f92f60" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="#ffb02e" d="m4.656 25.038l.88-.352a.5.5 0 0 1 .65.278l.366.915a.5.5 0 0 0 .923.011l1.623-3.786L8 20.994V19l-1.226 1.886l-2.057 1.936l-.702 1.544a.5.5 0 0 0 .641.672m10.688 0l-.88-.352a.5.5 0 0 0-.65.278l-.366.915a.5.5 0 0 1-.924.011l-1.627-3.797l.482-1.703L12 19l.917 1.873l2.375 1.968l.694 1.525a.5.5 0 0 1-.641.672"/><path fill="#ff822d" d="M4.688 22.885L6 20l2-1l2 1l-.923 2.154zm6.235-.731L10 20l2-1l2 1l1.311 2.885z"/><path fill="#ff6723" d="M4.027 21.75C5.803 21.75 7.58 20 7.58 20s-1.777-1.75-3.553-1.75c-.982 0-1.777.784-1.777 1.75s.795 1.75 1.777 1.75m11.946 0c-1.776 0-3.553-1.75-3.553-1.75s1.777-1.75 3.553-1.75c.982 0 1.777.784 1.777 1.75s-.795 1.75-1.777 1.75"/><path fill="#ffb02e" d="M29.029 15H18v5h8.938c.54-.866 1.01-1.773 1.387-2.714A9.3 9.3 0 0 0 29.029 15m-21.101.179c.04-.098.059-.202.078-.306l.012-.064A1 1 0 0 1 9 14h2a1 1 0 0 1 .994.873c.019.104.038.208.078.306L13 17.5l-.928 2.321c-.04.098-.059.202-.078.306l-.012.065A1 1 0 0 1 11 21H9a1 1 0 0 1-.982-.808l-.012-.065a1.6 1.6 0 0 0-.078-.306L7 17.5z"/><path fill="#fcd53f" d="M4 13c2 0 4 2 4 2v5s-.136.136-.371.336C6.959 20.906 5.479 22 4 22a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2m3.252 7a9 9 0 0 0-.78-.584C5.749 18.933 4.85 18.5 4 18.5a1.5 1.5 0 0 0 0 3c.85 0 1.748-.433 2.473-.916c.311-.208.578-.416.779-.584M16 13c-2 0-4 2-4 2v5s.136.136.371.336c.67.57 2.15 1.664 3.629 1.664a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2m-3.252 7c.201-.168.468-.376.78-.584c.724-.483 1.622-.916 2.472-.916a1.5 1.5 0 0 1 0 3c-.85 0-1.748-.433-2.473-.916a9 9 0 0 1-.779-.584"/></g></svg>
Como usar o ícone Heart With Ribbon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:heart-with-ribbon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:heart-with-ribbon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:heart-with-ribbon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--heart-with-ribbon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:heart-with-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:heart-with-ribbon"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/heart-with-ribbon.svg" alt="Ícone Heart With Ribbon" width="24" height="24">
Ícones relacionados em Fluent Emoji Flat
O ícone Heart With Ribbon em outras coleções
Perguntas frequentes sobre Ícone Heart With Ribbon
O ícone Heart With 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 Heart With Ribbon no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:heart-with-ribbon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Heart With 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/heart-with-ribbon.svg" alt="Ícone Heart With Ribbon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
