Icône Heart With Ribbon

emojione-monotone:heart-with-ribbon

L'icône Heart With Ribbon (emojione-monotone:heart-with-ribbon) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) 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: Emoji One (Monotone)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Symboles
Mots-clés: heartwith, withribbon, heartwithribbon

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="currentColor" d="M61.092 27.057a8 8 0 0 0-.75.464a19.4 19.4 0 0 1-.98 2.97l-1.121-1.145c-.798.84-1.498 1.758-1.92 2.584c-.896 1.762-3.268.965-5.27-1.768l-.469-.643c-1.2 2.548-2.111 5.934-1.555 9.949l-4.835-4.939l-4.903 4.988s.855-9.002 7.799-17.573c.426.374 1.035.542 1.704.496c-.198 1.555.278 3.454 1.39 4.972l1.6 2.189q.422.577.873 1.037c1.035 1.059 1.89 1.359 2.345 1.287c.151-.025.557-.008.557-.381c0-4.27-6.229-8.768-6.714-9.111a4.1 4.1 0 0 0 2.125-.848l.131-.102c.105.066.222.141.293.178l.851.447c1.484.784 1.862.317.838-1.031l-.584-.771c-.059-.078-.122-.144-.184-.214l.004-.008l-.008.004l-.012-.015c-.006.012-.016.02-.021.031c-1.272.766-2.799.793-3.57.005c-.771-.79-.746-2.345.004-3.643c.012-.006.02-.019.032-.024l-.015-.013l.004-.007l-.007.004c-.069-.065-.136-.131-.214-.192l-.754-.597c-1.322-1.048-1.778-.659-1.01.856l.436.868c.033.065.098.207.158.335l-.076.103a4.3 4.3 0 0 0-.832 2.169c-.306-.45-4.728-6.862-8.924-6.862c-.367 0-.35.414-.373.569c-.07.465.223 1.339 1.26 2.396c.297.304.639.604 1.014.889l2.145 1.635c1.487 1.136 3.347 1.623 4.871 1.419c-.047.683.117 1.305.482 1.741c-8.395 7.088-17.212 7.958-17.212 7.958l4.889-5l-4.835-4.941c3.933.569 7.248-.361 9.743-1.586l-.629-.48c-2.678-2.044-3.455-4.465-1.732-5.383c.809-.43 1.707-1.144 2.529-1.958l-.74-.751a19 19 0 0 1 2.062-.738c.335-.439.621-.876.845-1.295c-4.087.978-7.752 3.215-9.885 6.018C28.959 9.75 23.349 7 17.721 7h-.002C10.904 7 5.536 10.957 2.993 17.855c-5.789 15.711 15.23 29.479 24.204 35.357c1.446.946 3.083 2.02 3.405 2.354L31.855 57l1.397-1.291c.232-.205 1.305-.892 2.343-1.556c7.019-4.492 23.51-15.054 26.072-27.57a1.8 1.8 0 0 1-.575.474"/><path fill="currentColor" d="M61.002 17.835c-2.566-6.857-7.942-10.79-14.746-10.79c-.417 0-.833.019-1.249.047c.714.456 1.462 1.17 2.165 2.131l1.6 2.189c1.099 1.505 1.638 3.311 1.606 4.939c.428.125.841.354 1.196.718l.107.109c.355.364.581.786.704 1.222c1.592-.032 3.357.515 4.829 1.637l2.146 1.635c1.406 1.074 2.283 2.25 2.554 3.26a15.46 15.46 0 0 0-.912-7.097"/></svg>

Comment utiliser l'icône Heart With Ribbon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:heart-with-ribbon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:heart-with-ribbon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:heart-with-ribbon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--heart-with-ribbon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:heart-with-ribbon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:heart-with-ribbon"></iconify-icon>

Image HTML

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

Icônes similaires dans Emoji One (Monotone)

L'icône Heart With Ribbon dans d'autres collections

FAQ : Icône Heart With Ribbon

L'icône Heart With Ribbon est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Monotone) 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 Ribbon dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-monotone:heart-with-ribbon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Heart With Ribbon à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/heart-with-ribbon.svg" alt="Icône Heart With Ribbon">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Monotone) →