ICONYZ
Français
Icône Kissing Face de Emoji One (Monotone)

Icône Kissing Face

emojione-monotone:kissing-face

L'icône Kissing Face (emojione-monotone:kissing-face) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) 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
Emoji One (Monotone)
Auteur
Emoji One
Licence
CC-BY-4.0
Taille
64 × 64
Catégorie
Personnes
Mots-clés
kissingface
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M31.999 2C15.432 2 2 15.432 2 32s13.432 30 29.999 30C48.567 62 62 48.568 62 32S48.567 2 31.999 2m0 57.5C16.836 59.5 4.5 47.164 4.5 32S16.836 4.5 31.999 4.5C47.163 4.5 59.5 16.836 59.5 32S47.163 59.5 31.999 59.5"/><path fill="currentColor" d="M41.542 38.631c-1.893-1.963-6.021-.479-8.58-3.131c0 2.152 1.805 4.5 5.18 4.5c0 0-2.295.926-2.295 4.5c0 3.576 2.295 4.5 2.295 4.5c-3.375 0-5.18 2.35-5.18 4.5c2.559-2.65 6.688-1.168 8.58-3.129c1.582-1.639-1.828-2.965-1.828-5.871c0-2.904 3.41-4.232 1.828-5.869"/><circle cx="20.499" cy="25.592" r="5" fill="currentColor"/><circle cx="43.499" cy="25.592" r="5" fill="currentColor"/><path fill="currentColor" d="M51.616 14.988a16.42 16.42 0 0 0-13.492-3.615c-.703.135-.193 2.27.385 2.156c4.17-.748 8.457.4 11.693 3.133c.444.387 1.955-1.205 1.414-1.674m-25.742-3.765a16.42 16.42 0 0 0-13.49 3.615c-.541.469.969 2.063 1.412 1.674a14.23 14.23 0 0 1 11.691-3.133c.578.113 1.09-2.022.387-2.156"/></svg>

Comment utiliser l'icône Kissing Face

React

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

<Icon icon="emojione-monotone:kissing-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:kissing-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:kissing-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--kissing-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:kissing-face"></div>

Web component

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

<iconify-icon icon="emojione-monotone:kissing-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/kissing-face.svg" alt="Icône Kissing Face" width="24" height="24">

Icônes similaires dans Emoji One (Monotone)

L'icône Kissing Face dans d'autres collections

FAQ : Icône Kissing Face

L'icône Kissing Face est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Monotone) 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 Kissing Face dans React ?

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

Comment ajouter l'icône Kissing Face à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/kissing-face.svg" alt="Icône Kissing Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Monotone) →