Icône Single Neutral Actions Heart

streamline-ultimate-color:single-neutral-actions-heart

L'icône Single Neutral Actions Heart (streamline-ultimate-color:single-neutral-actions-heart) est une icône SVG gratuite de la collection Ultimate color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Ultimate 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: Ultimate color icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Utilisateurs
Mots-clés: singleneutral, neutralactions, actionsheart, singleneutralactionsheart, action

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#e3e3e3" d="M7.697 9.13a4.065 4.065 0 1 0 0-8.129a4.065 4.065 0 0 0 0 8.13M1 17.26a6.695 6.695 0 1 1 13.39 0z"/><path fill="#fff" d="M7.697 3.392a4.05 4.05 0 0 1 3.866 2.87c.126-.387.193-.79.199-1.196a4.065 4.065 0 0 0-8.13 0c.005.406.072.81.199 1.195a4.05 4.05 0 0 1 3.866-2.87m-.002 9.565a6.695 6.695 0 0 1 6.248 4.305h.447a6.695 6.695 0 0 0-13.39 0h.448a6.695 6.695 0 0 1 6.247-4.305"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.697 9.13a4.065 4.065 0 1 0 0-8.129a4.065 4.065 0 0 0 0 8.13m.955 8.129H1a6.696 6.696 0 0 1 9.565-6.05"/><path fill="#ff808c" d="M17.607 22.852a.48.48 0 0 1-.69 0L12.37 18.11a2.895 2.895 0 0 1 4.093-4.093l.798.799l.799-.799a2.895 2.895 0 0 1 4.093 4.093z"/><path fill="#ffbfc5" d="M22.694 14.774a2.894 2.894 0 0 0-4.635-.752l-.8.799l-.798-.8a2.889 2.889 0 0 0-4.754 3.048a6.92 6.92 0 0 0 5.553 2.421a6.92 6.92 0 0 0 5.552-2.42a2.9 2.9 0 0 0-.119-2.296"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.607 22.852a.48.48 0 0 1-.69 0L12.37 18.11a2.895 2.895 0 0 1 4.093-4.093l.798.799l.799-.799a2.895 2.895 0 0 1 4.093 4.093z"/></g></svg>

Comment utiliser l'icône Single Neutral Actions Heart

React

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

<Icon icon="streamline-ultimate-color:single-neutral-actions-heart" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:single-neutral-actions-heart" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:single-neutral-actions-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--single-neutral-actions-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:single-neutral-actions-heart"></div>

Web component

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

<iconify-icon icon="streamline-ultimate-color:single-neutral-actions-heart"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/single-neutral-actions-heart.svg" alt="Icône Single Neutral Actions Heart" width="24" height="24">

Icônes similaires dans Ultimate color icons

FAQ : Icône Single Neutral Actions Heart

L'icône Single Neutral Actions Heart est-elle gratuite pour un usage commercial ?

Oui. Les Ultimate 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 Single Neutral Actions Heart dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-ultimate-color:single-neutral-actions-heart" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Single Neutral Actions Heart à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/single-neutral-actions-heart.svg" alt="Icône Single Neutral Actions Heart">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Ultimate color icons →