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

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

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

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="#debb90" 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="#a57939" 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 Light Skin Tone Medium Dark Skin Tone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Image HTML

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

Icônes similaires dans OpenMoji

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

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

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

Installez @iconify/react et affichez <Icon icon="openmoji:kiss-person-person-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 Kiss Person Person 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/kiss-person-person-medium-light-skin-tone-medium-dark-skin-tone.svg" alt="Icône Kiss Person Person 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 →