Icône Heart With Arrow
streamline-emojis:heart-with-arrow
L'icône Heart With Arrow (streamline-emojis:heart-with-arrow) est une icône SVG gratuite de la collection Streamline Emojis par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Streamline Emojis 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
- Streamline Emojis
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Symboles
- Mots-clés
- heartwith, witharrow, heartwitharrow
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M15.5 45.5a9.5 1.5 0 1 0 19 0a9.5 1.5 0 1 0-19 0" opacity=".15"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.497 13.117L41.6 6.192l2.311 2.37l-7.102 6.925z"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.15 3.93a.83.83 0 0 0-1.4-.53l-2.52 2.45a3.66 3.66 0 0 0-.36 5l4.74-4.65a11.4 11.4 0 0 1-.46-2.27m5.02 5.15a.83.83 0 0 1 .5 1.42L44.15 13a3.63 3.63 0 0 1-5 .23l4.73-4.61a12 12 0 0 0 2.29.46"/><path fill="#ff6242" d="M21.19 18a8.25 8.25 0 0 0-9.8-6.36C5.74 12.81 4.51 19 5.45 23.43C8 35.19 20.74 40.39 25 41.81a2.45 2.45 0 0 0 2.44-.52c3.29-3 12.87-13 10.37-24.73c-.96-4.46-4.59-9.56-10.25-8.39A8.28 8.28 0 0 0 21.19 18"/><path fill="#ff866e" d="M28.83 12.13a8.68 8.68 0 0 0-6.69 6.69a.82.82 0 0 1-1.46.31a8.69 8.69 0 0 0-8.83-3.4c-4 .86-5.93 4.13-6.42 7.6c-.91-4.45.34-10.53 6-11.72A8.25 8.25 0 0 1 21.19 18a8.28 8.28 0 0 1 6.37-9.8c5.62-1.2 9.23 3.8 10.21 8.27c-1.85-2.98-4.9-5.2-8.94-4.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.19 18a8.25 8.25 0 0 0-9.8-6.36C5.74 12.81 4.51 19 5.45 23.43C8 35.19 20.74 40.39 25 41.81a2.45 2.45 0 0 0 2.44-.52c3.29-3 12.87-13 10.37-24.73c-.96-4.46-4.59-9.56-10.25-8.39A8.28 8.28 0 0 0 21.19 18"/><path fill="#c0dceb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m8.37 41.84l4.34-1.39a1.23 1.23 0 0 0 .51-2l-1.82-1.9a1.23 1.23 0 0 0-2.05.45l-1.5 4.31a.42.42 0 0 0 .52.53"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.7 28.15a4.6 4.6 0 0 1-2-.22l-8.57 8.36l2.31 2.37l8.77-8.56a3.93 3.93 0 0 1-.51-1.95"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.39 26.57c0 1 1.55 1.74 3.31 1.58c0 2.12 2.24 4.48 3.51 3.73M6.45 10.37a6.62 6.62 0 0 0-5.14 7.82M7.22 7.51a3.72 3.72 0 0 0-4.84 2.07"/></svg>
Comment utiliser l'icône Heart With Arrow
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:heart-with-arrow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:heart-with-arrow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:heart-with-arrow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--heart-with-arrow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis: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="streamline-emojis:heart-with-arrow"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/heart-with-arrow.svg" alt="Icône Heart With Arrow" width="24" height="24">
Icônes similaires dans Streamline Emojis
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 Streamline Emojis 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="streamline-emojis: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/streamline-emojis/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 Streamline Emojis →
ICONYZ
