Icône Kiss

emojione-monotone:kiss

L'icône Kiss (emojione-monotone:kiss) 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

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.988 26c1.201-1.084 17.977-9.818 14.539-18.92c-3.196-8.459-13.578-4.664-14.539-.439c-1.32-4.502-11.443-7.859-14.533.443c-3.44 9.25 13.334 17.557 14.533 18.916"/><path fill="currentColor" d="M59.15 44.346c1.319-.339 2.85-1.369 2.85-4.326c0-2.997-1.293-3.75-2.178-3.916c-.164-9.796-2.737-13.999-13.643-14.103c-9.408-.09-12.261 6.226-12.16 12.68c-.485 2.043-.718 4.966-.718 9.021c0 4.378 2.393 9.118 6.17 11.279C35.182 56.868 32 58.9 32 60.776V36.672c0-12.399-8.122-12.167-8.122-12.167s-.611-2.506-6.877-2.506C7.297 21.999 2 28.331 2 36.672v25.326h30V62h30V47.778s-1.725.416-4.342 1.127c.811-1.349 1.359-2.864 1.492-4.559M4.719 37.06c.203 0 .406.032.599.083c.093.609.218 1.182.389 1.506c.31.58.939.91.939.91S18.46 35.5 24.425 29.622c0 0 5.88 1.943 5.88 14.235c0 5.25-3.664 11.321-9.574 11.321c-5.951 0-14.822-4.232-14.822-11.69C3.665 43.326 3 41.836 3 40.019c-.001-2.364.854-2.959 1.719-2.959M31 60.999H2.999V49.052c1.48.369 2.964.772 4.44 1.181c3.229 3.87 8.915 5.946 13.291 5.946a9 9 0 0 0 2.889-.485C28.078 57.604 31 59.429 31 60.776zm3.269-17.298c0-10.703 1.618-12.355 4.113-12.355c1.116 0 2.409.331 3.811.331c6.306 0 9.98-1.122 12.164-1.122c2.272.001 2.931 1.216 3.254 6.178c.059 1.648-.105 2.826-.105 2.826s.608-.33.907-.91c.168-.324.288-.896.378-1.506c.186-.051.383-.083.578-.083c.837 0 1.664.596 1.664 2.96c0 1.816-.644 3.307-2.815 3.469c0 7.458-8.582 11.69-14.339 11.69c-5.436 0-9.61-5.692-9.61-11.478m26.73 5.352v11.946H33v-.223c0-1.377 3.052-3.255 7.681-5.212a8.7 8.7 0 0 0 3.197.614c4.255 0 9.791-2.099 12.903-6.006a179 179 0 0 1 4.218-1.119"/><path fill="currentColor" d="M42.401 39.889c-.898-1.969-2.251-2.953-3.604-2.953c-1.35 0-2.703.984-3.602 2.953c-.089.199.373.557.605.361c.87-.73 1.911-1.023 2.996-1.023c1.087 0 2.129.293 3 1.023c.23.195.693-.162.605-.361m4.182.361c.87-.73 1.91-1.023 2.997-1.023s2.127.293 2.998 1.023c.229.195.693-.162.605-.361c-.898-1.969-2.251-2.953-3.604-2.953c-1.352 0-2.703.984-3.603 2.953c-.088.199.377.556.607.361m-4.818 8.53s1.105-.445 1.105-2.169s-1.105-2.168-1.105-2.168c1.627 0 2.497-1.129 2.497-2.166c-1.233 1.275-3.224.563-4.136 1.508c-.762.789.882 1.426.882 2.826c0 1.399-1.644 2.04-.882 2.827c.912.947 2.902.232 4.136 1.508c0-1.035-.87-2.166-2.497-2.166m-19.21-8.53c.87-.73 1.911-1.023 2.996-1.023s2.124.293 2.993 1.023c.231.195.693-.162.604-.361c-.896-1.969-2.249-2.953-3.598-2.953c-1.352 0-2.702.984-3.601 2.953c-.087.199.376.556.606.361m-10.77 0c.87-.73 1.91-1.023 2.994-1.023c1.087 0 2.125.293 2.994 1.023c.23.195.694-.162.604-.361c-.897-1.969-2.247-2.953-3.599-2.953c-1.351 0-2.701.984-3.599 2.953c-.087.199.377.556.606.361m8.308 10.696c1.231-1.276 3.22-.561 4.131-1.509c.761-.787-.881-1.428-.881-2.826c0-1.4 1.642-2.037.881-2.826c-.911-.945-2.899-.232-4.131-1.508c0 1.037.869 2.166 2.494 2.166c0 0-1.104.445-1.104 2.168s1.104 2.168 1.104 2.168c-1.625 0-2.494 1.131-2.494 2.167"/></svg>

Comment utiliser l'icône Kiss

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:kiss"></iconify-icon>

Image HTML

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

Icônes similaires dans Emoji One (Monotone)

L'icône Kiss dans d'autres collections

FAQ : Icône Kiss

L'icône Kiss 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 Kiss dans React ?

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

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

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

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