Icône Heart With Arrow
twemoji:heart-with-arrow
L'icône Heart With Arrow (twemoji:heart-with-arrow) est une icône SVG gratuite de la collection Twitter Emoji par Twitter. Elle est dessinée sur une grille de 36 × 36. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Twitter Emoji
- Auteur
- Twitter
- Licence
- CC-BY-4.0
- Taille
- 36 × 36
- Catégorie
- Smileys et émotions
- Mots-clés
- heartwith, witharrow, heartwitharrow
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M16.13 17.444L2.129 3.445c-.391-.39 1.023-1.804 1.414-1.415l14.001 14c.391.391-1.219 1.61-1.414 1.414"/><path fill="#dd2e44" d="M34.197 14.488a8.764 8.764 0 0 0-8.764-8.764a8.75 8.75 0 0 0-7.121 3.667a8.75 8.75 0 0 0-7.121-3.667a8.764 8.764 0 0 0-8.764 8.764c0 .686.087 1.351.236 1.99c1.217 7.562 9.624 15.538 15.649 17.729c6.024-2.19 14.432-10.167 15.647-17.728c.151-.64.238-1.305.238-1.991"/><path fill="#ffcc4d" d="M34.648 25.764s-4.509-4.45-6.41-4.45l-5.657-.009l-1.195 1.195l.009 5.657c0 1.901 4.45 6.41 4.45 6.41c.858.787 1.925 1.204 2.695 1.204c.634 0 1.14-.276 1.505-.775c.31-.427.426-.992.426-1.682c0-1.254-.556-2.864-1.39-4.313c1.449.833 3.059 1.39 4.313 1.39c.689 0 1.255-.116 1.682-.426c.499-.365.775-.871.775-1.505c.001-.771-.416-1.837-1.203-2.696"/><path fill="#ffac33" d="M31.569 32.542c-.256 0-.487-.122-.683-.317L17.497 18.827c-.391-.391 1.023-1.805 1.414-1.415l13.39 13.399a1.015 1.015 0 0 1-.013 1.427a1.04 1.04 0 0 1-.719.304"/><path fill="#ffcc4d" d="M.161 1.123A1.003 1.003 0 0 1 1.402.152l6.541 1.625c.452.113.73.521.759.989a1 1 0 0 1-.793.961c-.144.031-3.636.833-4.005 4.051a.999.999 0 0 1-1.959.145L.195 1.381a1 1 0 0 1-.034-.258"/><path fill="#a0041e" d="M22.184 16.015a1 1 0 0 1-.916.931c-3.268.269-3.75 2.12-4.217 3.91l-.108.411a1 1 0 0 1-1.929-.529l.103-.386c.489-1.875 1.306-5.013 5.988-5.399a1 1 0 0 1 1.079 1.062"/></svg>
Comment utiliser l'icône Heart With Arrow
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:heart-with-arrow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:heart-with-arrow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:heart-with-arrow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--heart-with-arrow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji: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="twemoji:heart-with-arrow"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/twemoji/heart-with-arrow.svg" alt="Icône Heart With Arrow" width="24" height="24">
Icônes similaires dans Twitter Emoji
L'icône Heart With Arrow dans d'autres collections
FAQ : Icône Heart With Arrow
L'icône Heart With Arrow est-elle gratuite pour un usage commercial ?
Oui. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Heart With Arrow dans React ?
Installez @iconify/react et affichez <Icon icon="twemoji:heart-with-arrow" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Heart With Arrow à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/twemoji/heart-with-arrow.svg" alt="Icône Heart With Arrow">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Twitter Emoji →
ICONYZ
