Icône Image File Favorite Heart
streamline-freehand-color:image-file-favorite-heart
L'icône Image File Favorite Heart (streamline-freehand-color:image-file-favorite-heart) est une icône SVG gratuite de la collection Freehand color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand color 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
- Freehand color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Images et photographie
- Mots-clés
- imagefile, filefavorite, favoriteheart, imagefilefavoriteheart
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" fill-rule="evenodd" d="M23.148 14.097a3.115 3.115 0 0 0-3.667-.11c-.512.271-.96.65-1.312 1.112a3.7 3.7 0 0 0-.511-.591a2.38 2.38 0 0 0-2.134-.842a4.5 4.5 0 0 0-2.064.731c-1.623 1.143-1.172 3.527.18 5.19a15.4 15.4 0 0 0 4.148 3.126a.27.27 0 1 0 .27-.46a16.2 16.2 0 0 1-3.826-3.127a3.8 3.8 0 0 1-.822-3.136a2.18 2.18 0 0 1 1.914-1.252a1.5 1.5 0 0 1 1.623.541c.61.591.49.772.781 1.082a.58.58 0 0 0 .942-.1c.08-.12.15-.32.21-.4a3.45 3.45 0 0 1 1.784-1.253a1.733 1.733 0 0 1 2.414 2.054c-.49 2.094-2.304 3.827-4.087 5.01a.31.31 0 0 0 .33.52a12.6 12.6 0 0 0 3.627-3.316c1.072-1.623 1.613-3.527.2-4.779" clip-rule="evenodd"/><path fill="#0c6fff" d="M7.198 3.287c-1.903.37-2.484 1.452-2.214 2.755c.521 2.935 5.6 1.743 4.459-1.383a2.004 2.004 0 0 0-2.245-1.372M5.866 5.82C5.345 3.968 8.04 3.177 8.48 4.97s-2.224 2.214-2.615.851"/><path fill="#020202" d="M18.33 1.864a.3.3 0 0 0-.421 0c-.14.15 0 .16 0 .741s-.521 9.899.41 9.929a.33.33 0 0 0 .35-.33c.101-1.123.221-2.395.271-3.657c.07-2.886-.32-6.452-.61-6.683M1.778 15.55c-.59-.16-.41-.14-.44-.592c-.03-.45-.361-11.19.03-12.423c1.001-.26 7.744-.4 9.016-.38c6.603.07 6.793.32 6.803-.21a.35.35 0 0 0-.33-.361C.547.892.416 1.223.195 2.395C-.185 4.45.025 15.24.526 15.991c.862 1.192 9.017.871 10.46.811a.311.311 0 0 0 0-.611c-.642-.03-6.913-.02-9.208-.641"/><path fill="#0c6fff" d="M17.468 9.478c-1.293-2.003-3.186-3.236-5.43-2.003c-2.004 1.182-3.006 3.726-3.858 5.84c0 .11 0 .14-.2-.22a4.4 4.4 0 0 0-2.004-1.723c-2.244-.842-3.316-.34-4.398.882c-.28.35-.15 1.182.15.871c1.132-1.242 1.613-1.422 3.878-.671a4.18 4.18 0 0 1 2.304 1.783c0 .13-.22.812-.36 1.283c-.07.28.59.57.7 0c1.002-3.006 3.507-8.226 6.312-7.414a5.7 5.7 0 0 1 2.084 1.412q.3.33.651.601c.27.241.361-.4.17-.64"/></g></svg>Comment utiliser l'icône Image File Favorite Heart
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:image-file-favorite-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:image-file-favorite-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:image-file-favorite-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--image-file-favorite-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:image-file-favorite-heart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:image-file-favorite-heart"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/image-file-favorite-heart.svg" alt="Icône Image File Favorite Heart" width="24" height="24">Icônes similaires dans Freehand color icons
L'icône Image File Favorite Heart dans d'autres collections
FAQ : Icône Image File Favorite Heart
L'icône Image File Favorite Heart est-elle gratuite pour un usage commercial ?
Oui. Les Freehand color 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 Image File Favorite Heart dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-freehand-color:image-file-favorite-heart" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Image File Favorite Heart à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/image-file-favorite-heart.svg" alt="Icône Image File Favorite Heart">, ou collez le code SVG directement dans la page pour le styliser en CSS.