Icône People Hugging

noto:people-hugging

L'icône People Hugging (noto:people-hugging) est une icône SVG gratuite de la collection Noto Emoji par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Noto Emoji
Auteur: Google Inc
Licence: Apache-2.0
Taille: 128 × 128
Catégorie: Personnes et corps
Mots-clés: peoplehugging

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVG4nNzAdWX" cx="71.353" cy="54.761" r="41.042" gradientTransform="rotate(3.865 250.515 86.799)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#42A5F5"/><stop offset="1" stop-color="#FCE8B2"/></radialGradient><path fill="url(#SVG4nNzAdWX)" d="M82.58 5.72c-10.59-.71-27.85 9.87-23.63 34.9c2.61 15.47 12.62 23.12 19.68 23.6s18.01-5.76 22.68-20.74c7.54-24.23-8.14-37.05-18.73-37.76"/><linearGradient id="SVGcDS3Gcmx" x1="75.601" x2="66.573" y1="30.528" y2="114.104" gradientUnits="userSpaceOnUse"><stop offset=".128" stop-color="#FCE8B2"/><stop offset=".64" stop-color="#42A5F5"/></linearGradient><path fill="url(#SVGcDS3Gcmx)" d="M117.94 83.27c-4.15-16.61-16.84-25.96-30.58-27.66c-5.48-.68-11.04-.92-16.48.01c-1.27.22-2.7.82-3.97.86c-.98.03-32.26-12.01-33.57-12.46C29.68 42.73 22.17 43 19.17 51c-3.93 10.47 12 18 35 36l-.94 37h66.79s1.08-28.09-2.08-40.73"/><linearGradient id="SVGv9IJhbkQ" x1="28.109" x2="63.83" y1="135.296" y2="46.551" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0D47A1"/><stop offset=".679" stop-color="#1976D2"/></linearGradient><path fill="url(#SVGv9IJhbkQ)" d="M89.17 70c-3-5-9.75-1.11-12 1c-16 15-19.7 17.19-22.96 15.43c-.99-.53-2.94-1.91-8.22-5.99S22.17 62 22.17 62c-18 15-13.96 62-13.96 62h45.02l.81-14.92c5.68.91 9.99-1.04 14.12-4.08c7.61-5.62 13.02-10.7 18-19c3.01-5 6.01-11 3.01-16"/><radialGradient id="SVGEvLa51zV" cx="45.628" cy="49.205" r="46.585" gradientTransform="rotate(-22.626 44.006 45.518)" gradientUnits="userSpaceOnUse"><stop offset=".527" stop-color="#1565C0"/><stop offset="1" stop-color="#FADA80"/></radialGradient><path fill="url(#SVGEvLa51zV)" d="M39.45 7.91c-9.8 4.08-20.53 21.26-5.58 41.78c9.23 12.68 21.61 15.06 28.14 12.34s13.55-13.19 11.05-28.67C69 8.3 49.25 3.83 39.45 7.91"/><path fill="#1976D2" d="M103.75 60.18S93.18 67 89.18 60c-3.58-6.26 7.1-12.75 7.1-12.75c3.11-1.79 7.23-1.56 9.56 2.53c2.79 4.89 1.02 8.61-2.09 10.4"/></svg>

Comment utiliser l'icône People Hugging

React

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

<Icon icon="noto:people-hugging" width="24" />

Vue

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

<template>
  <Icon icon="noto:people-hugging" width="24" />
</template>

Svelte

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

<Icon icon="noto:people-hugging" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--people-hugging]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:people-hugging"></div>

Web component

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

<iconify-icon icon="noto:people-hugging"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto/people-hugging.svg" alt="Icône People Hugging" width="24" height="24">

Icônes similaires dans Noto Emoji

L'icône People Hugging dans d'autres collections

FAQ : Icône People Hugging

L'icône People Hugging est-elle gratuite pour un usage commercial ?

Oui. Les Noto Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône People Hugging dans React ?

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

Comment ajouter l'icône People Hugging à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto/people-hugging.svg" alt="Icône People Hugging">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Noto Emoji →