Icône Heart With Arrow

emojione-v1:heart-with-arrow

L'icône Heart With Arrow (emojione-v1:heart-with-arrow) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (v1)
Auteur: Emoji One
Licence: CC-BY-SA-4.0
Taille: 64 × 64
Catégorie: Symboles
Mots-clés: heartwith, witharrow, heartwitharrow

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/heart-with-arrow.svg" alt="Icône Heart With Arrow" width="24" height="24">

Icônes similaires dans Emoji One (v1)

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 Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Heart With Arrow dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1: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/emojione-v1/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 Emoji One (v1) →