ICONYZ
Français
Icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone de OpenMoji

Icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone

openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone

L'icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone (openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
OpenMoji
Auteur
OpenMoji
Licence
CC-BY-SA-4.0
Taille
72 × 72
Catégorie
Personnes et corps
Mots-clés
peopleholding, holdinghands, handsmedium, mediumlight, lightskin, skintone, tonemedium, mediumdark, darkskin, hand
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGkpgtSb9x" d="M52 23.8c-.5 2.5-.1 6.7.2 8.2s.5 4.9.6 5.6c.3 3 1.1 24.2 1.1 24.2c.1 1.1-.7 1.8-1.5 1.8s-1.4-.6-1.5-1.3L48.2 39c-.1-.6-.5-1.1-1.2-1.1s-1.1.5-1.2 1.1l-2.7 23.3c-.1.7-.7 1.3-1.5 1.3s-1.6-.7-1.5-1.8c0 0 .8-21.2 1.1-24.2c0-.7.3-4.2.6-5.6c.3-1.5.7-5.7.2-8.2"/></defs><g fill="#a57939"><circle cx="47" cy="11" r="3"/><path d="M56 42.9c-3.3 0-5.5-18.3-9-18.3s-7.2 18.3-11 18.3c0 0 2.1-5.7 2.5-10.6c.2-2.5.3-9.3.3-9.3c.1-2.8 2.4-5 5.2-5h6c2.8 0 5.1 2.2 5.2 5z"/><use href="#SVGkpgtSb9x"/></g><g fill="#debb90"><circle cx="25" cy="11" r="3"/><path d="M16.8 23c.1-2.8 2.4-5 5.2-5h6c2.8 0 5.1 2.2 5.2 5c0 0 .1 6.7.3 9.3c.4 4.9 2.5 10.6 2.5 10.6c-3.8 0-7.5-18.3-11-18.3s-5.7 18.3-9 18.3z"/><path d="M30 23.8c-.5 2.5-.1 6.7.2 8.2s.5 4.9.6 5.6c.3 3 1.1 24.2 1.1 24.2c.1 1.1-.7 1.8-1.5 1.8s-1.4-.6-1.5-1.3L26.2 39c-.1-.6-.5-1.1-1.2-1.1s-1.1.5-1.2 1.1l-2.7 23.3c-.1.7-.7 1.3-1.5 1.3s-1.6-.7-1.5-1.8c0 0 .8-21.2 1.1-24.2c0-.7.3-4.2.6-5.6c.3-1.5.7-5.7.2-8.2"/></g><g fill="none" stroke="#000" stroke-width="2"><circle cx="25" cy="11" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m16 41.9l.8-18.9c.1-2.8 2.4-5 5.2-5h6c2.8 0 5.1 2.2 5.2 5c0 0 .1 6.7.3 9.3c.4 4.9 2.5 9.6 2.5 9.6"/><circle cx="47" cy="11" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M36 41.9s2.1-4.7 2.5-9.6c.2-2.5.3-9.3.3-9.3c.1-2.8 2.4-5 5.2-5h6c2.8 0 5.1 2.2 5.2 5l.8 18.9M30 23.8c-.5 2.5-.1 6.7.2 8.2s.5 4.9.6 5.6c.3 3 1.1 24.2 1.1 24.2c.1 1.1-.7 1.8-1.5 1.8s-1.4-.6-1.5-1.3L26.2 39c-.1-.6-.5-1.1-1.2-1.1s-1.1.5-1.2 1.1l-2.7 23.3c-.1.7-.7 1.3-1.5 1.3s-1.6-.7-1.5-1.8c0 0 .8-21.2 1.1-24.2c0-.7.3-4.2.6-5.6c.3-1.5.7-5.7.2-8.2"/><use href="#SVGkpgtSb9x" stroke-linecap="round" stroke-linejoin="round"/></g></svg>

Comment utiliser l'icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone

React

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

<Icon icon="openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone"></div>

Web component

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

<iconify-icon icon="openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone" width="24" height="24">

Icônes similaires dans OpenMoji

L'icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone dans d'autres collections

FAQ : Icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone

L'icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone est-elle gratuite pour un usage commercial ?

Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone dans React ?

Installez @iconify/react et affichez <Icon icon="openmoji:people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/people-holding-hands-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Icône People Holding Hands Medium Light Skin Tone Medium Dark Skin Tone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes OpenMoji →