Ícone Heart With Arrow
emojione-v1:heart-with-arrow
O ícone Heart With Arrow (emojione-v1:heart-with-arrow) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (v1)
- Autor
- Emoji One
- Licença
- CC-BY-SA-4.0
- Tamanho
- 64 × 64
- Categoria
- Símbolos
- Tags
- heartwith, witharrow, heartwitharrow
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d13852" d="M59.11 20.914c-.226-3.531-.985-6.4-3.441-9.354c-4.929-5.908-16.25-6.891-21.318-1.204c-.883.836-1.718 1.844-2.556 3.048L29.9 16.127l-1.896-2.724c-.84-1.204-1.676-2.211-2.559-3.048C20.377 4.668 9.056 5.651 4.131 11.56C1.669 14.515.911 17.383.686 20.914c-.321 10.502 7.298 18.909 8.239 20.14c5.172 6.067 10.813 11.806 16.543 17.09a155 155 0 0 0 2.828 2.41c.539.44 1.069.885 1.604 1.322c.534-.438 1.064-.882 1.6-1.322c.899-.748 1.794-1.502 2.828-2.41c5.729-5.284 11.374-11.02 16.546-17.09c.938-1.232 8.559-9.639 8.236-20.14"/><path fill="#236798" d="M61.62 4.392c-.513-.599-1.63-.482-2.513.26l-24.39 20.593a2.3 2.3 0 0 1 1.032 1.264c.136.4.204.815.265 1.236c-.005-.003.006.039.014.105l24.91-21.03c.878-.742 1.186-1.832.682-2.429"/><path fill="#71a1b8" d="M62.67 6.96c-.357-.711-4.982 2.345-5.271 2.559L44.044 20.825c-.284.214-1.013.035-.646.747c.362.715.89 1.116 1.174.902l19.225-9.883c.296-.222-.76-4.915-1.127-5.631M42.471 18.963L55.854 7.692c.265-.246 4.051-4.296 3.405-4.771c-.638-.478-5.094-2.306-5.356-2.057L40.936 18.162c-.265.245.047.832.688 1.31s.586-.264.847-.509"/><path fill="#c43755" d="M35.648 26.15a7 7 0 0 1-.877-5.089c-1.51 1.68-1.848 4.171-.633 6.17c1.297 2.13 3.908 2.978 6.219 2.169a7 7 0 0 1-4.709-3.25"/><g fill="#236798"><path d="M19.02 47.25a8 8 0 0 0 .246-.557c.33-.871.369-1.711-.105-2.302c-.004-.005-.004-.009-.011-.012c-.02-.038-.058-.065-.089-.101c-.342-.332-2.096-.635-4.04.566c1.512-1.719 1.508-3.499 1.241-3.889c-.027-.034-.05-.078-.085-.104l-.012-.015c-.502-.568-1.333-.67-2.247-.491a5 5 0 0 0-.595.151c-1.4.429-3.03 1.451-4.137 2.851q-.244.286-.49.606C6.25 47.105 3.599 52.312 2.386 54.8l-.704 1.299l-.023.021s0 .008-.004.012l.012-.016h.007q-.006.002-.007.004l-.012.016q.005-.005.012-.004l.023-.02c.288-.098.766-.266 1.392-.482c2.663-.777 8.238-2.516 11.76-4.396q.356-.189.677-.382c1.561-.854 2.848-2.288 3.505-3.602"/><path d="M20.268 38.553L4.072 52.23c-.883.738-1.186 1.831-.681 2.43c.505.597 1.629.482 2.507-.264l16.17-13.646c-.699-.639-1.108-1.536-1.803-2.197"/></g></svg>
Como usar o ícone Heart With Arrow
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:heart-with-arrow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:heart-with-arrow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:heart-with-arrow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--heart-with-arrow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:heart-with-arrow"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:heart-with-arrow"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/heart-with-arrow.svg" alt="Ícone Heart With Arrow" width="24" height="24">
Ícones relacionados em Emoji One (v1)
O ícone Heart With Arrow em outras coleções
Perguntas frequentes sobre Ícone Heart With Arrow
O ícone Heart With Arrow é grátis para uso comercial?
Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Heart With Arrow no React?
Instale @iconify/react e renderize <Icon icon="emojione-v1:heart-with-arrow" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Heart With Arrow a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/heart-with-arrow.svg" alt="Ícone Heart With Arrow">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (v1) →
ICONYZ
