Icône Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone

openmoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone

L'icône Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone (openmoji:kiss-person-person-medium-dark-skin-tone-medium-light-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: kissperson, personperson, personmedium, mediumdark, darkskin, skintone, tonemedium, mediumlight, lightskin

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ea5a47" d="M36 14.7c1.1-2.4 4-3.4 6.3-2.2s3.3 4 2.2 6.4c-.1.3-.3.5-.4.7L36 30l-8.1-10.4c-.2-.2-.3-.5-.4-.7c-1.1-2.4-.1-5.2 2.2-6.4s5.2-.2 6.3 2.2"/><path fill="#a57939" d="M9.5 35.8c.6-8.8 7.3-8.9 10.6-8.3c.3.1 1.2 0 1.5 0c6.1-.8 9.1 6.1 9.1 9.1c0 1.1 0 3.8-1.5 5.3c0 0-3.5-4.2-3.6-6.6c0 0-11.5 4.4-12.3.6c0 0-.8 3-1.5 3.8v3c0-.1-2.6-3.2-2.3-6.9M38.7 55c-3-4.5-.6-8.8.8-12.3c1.2-3.2-.2-4.9 1-9.1c1.1-4.2 5.5-6.8 10.4-6.8c4.1 0 6.1 2.3 6.1 2.3c3.2.3 5.6 2.9 5.6 6.1c.3 5.4.8 5.4 2.6 9.7c1.3 3.1.8 7.6-1.4 10.2"/><path fill="#a57939" d="M25.6 35.3s-11.5 4.4-12.3.6c0 0-.735 2.753-1.413 3.685c-.051.497-.087 1-.087 1.515c0 6.24 3.895 11.3 8.7 11.3c4.606 0 8.367-4.653 8.67-10.536c-.3-.365-3.475-4.277-3.57-6.564"/><path fill="#debb90" d="M43.2 41.9c0 6.1 3.8 10.6 8.3 10.6s8.3-4.5 8.3-10.6c0-3.8-1.5-6.1-4.5-9.1c-3 3-12.1 6.8-12.1 8.3z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-miterlimit="10" d="M29.2 40.2v.9c0 6.3-3.9 11.3-8.7 11.3s-8.7-5.1-8.7-11.3v-.7"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.2 47.4c.6.7 1.4.7 2.1 0"/><path stroke-linecap="round" stroke-miterlimit="10" d="M22.5 41.8s1.5 1.5 3 0m-10.6-.7s1.5 1.5 3 0"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.5 35.8c.6-8.8 7.3-8.9 10.6-8.3c.3.1 1.2 0 1.5 0c6.1-.8 9.1 6.1 9.1 9.1c0 1.1 0 3.8-1.5 5.3c0 0-3.5-4.2-3.6-6.6c0 0-11.5 4.4-12.3.6c0 0-.8 3-1.5 3.8v3c0-.1-2.6-3.2-2.3-6.9M36 14.7c1.1-2.4 4-3.4 6.3-2.2s3.3 4 2.2 6.4c-.1.3-.3.5-.4.7L36 30l-8.1-10.4c-.2-.2-.3-.5-.4-.7c-1.1-2.4-.1-5.2 2.2-6.4s5.2-.2 6.3 2.2M38.7 54c-3-4.5-.6-7.8.8-11.3c1.2-3.2-.2-4.9 1-9.1c1.1-4.2 5.5-6.8 10.4-6.8c4.1 0 6.1 2.3 6.1 2.3c3.2.3 5.6 2.9 5.6 6.1c.3 5.4.8 5.4 2.6 9.7c1.3 3.1.8 6.6-1.4 9.2"/><path stroke-linejoin="round" stroke-miterlimit="10" d="M43.2 41.9c0 6.1 3.8 10.6 8.3 10.6s8.3-4.5 8.3-10.6c0-3.8-1.5-6.1-4.5-9.1c-3 3-12.1 6.8-12.1 8.3z"/><path stroke-linecap="round" stroke-linejoin="round" d="M49.2 47.4c.6.8 1.4.8 2.1 0"/><path stroke-linecap="round" stroke-miterlimit="10" d="M53.9 41.1s1.5 1.5 3 0m-10.6.7s1.5 1.5 3 0"/></g></svg>

Comment utiliser l'icône Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone

React

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

<Icon icon="openmoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:kiss-person-person-medium-dark-skin-tone-medium-light-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:kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/kiss-person-person-medium-dark-skin-tone-medium-light-skin-tone.svg" alt="Icône Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone" width="24" height="24">

Icônes similaires dans OpenMoji

L'icône Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone dans d'autres collections

FAQ : Icône Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone

L'icône Kiss Person Person Medium Dark Skin Tone Medium Light 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 Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone dans React ?

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

Comment ajouter l'icône Kiss Person Person Medium Dark Skin Tone Medium Light Skin Tone à une page web ?

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

Voir toutes les Icônes OpenMoji →