Icône Kissing Cat Face

emojione:kissing-cat-face

L'icône Kissing Cat Face (emojione:kissing-cat-face) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) 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 (Colored)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Personnes
Mots-clés: kissingcat, catface, kissingcatface, kissing cat face with closed eyes

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="#dadee0" d="M60.9 2c1.8 13.4 1.5 24.2-1.2 31.1L34.9 14.7C39.8 9.6 49.8 3.5 60.9 2"/><path fill="#f7a4a4" d="M57.7 32.2L47.5 18.9s1.9-7.3 11.6-12.4c2.9 11.6-1.4 25.7-1.4 25.7"/><path fill="#f78d8d" d="M53.8 29.2L47.5 21s2.6-5 8.6-8.2c-3.5 7.5-2.3 16.4-2.3 16.4"/><path fill="#dadee0" d="M3.1 2C1.3 15.4 1.6 26.2 4.3 33.1l24.8-18.5C24.2 9.6 14.2 3.5 3.1 2"/><path fill="#f7a4a4" d="m6.3 32.2l10.3-13.3S14.7 11.6 5 6.5C2 18.1 6.3 32.2 6.3 32.2"/><path fill="#f78d8d" d="m10.2 29.2l6.4-8.2S14 16 8 12.8c3.4 7.5 2.2 16.4 2.2 16.4"/><path fill="#dadee0" d="M58.2 50.8c.8-.9 1.4-1.6 1.7-2.2c1.6-2.6 2.1-5.3 2.1-5.3l-2 .4s2.3-2.5 1.7-7.8l-2 2.1s1.9-5.4.3-10.4l-2.2 1.6s.7-2 .1-3.4l-.9.7s1.7-4.7.2-6.6c-.9 2.8-1.9 2.8-1.9 2.8s1.2-2.1.3-3c-1 1.6-1.8.6-1.8.1c.1-.6-.2-1.5 2.7-2c-2.3-1.4-5.1-.4-5.1-.4s.1-1.5 2.1-1.4c-1.9-1.6-4.5-.6-4.5-.6c-4.1-3.1-9.6-4.9-17.1-4.9c-7.4 0-12.9 1.8-17.1 4.9c0 0-2.6-.9-4.5.6c2-.1 2.1 1.4 2.1 1.4s-2.7-1-5.1.4c2.9.4 2.7 1.3 2.7 2c0 .5-.8 1.5-1.8-.1c-1 .9.3 3 .3 3s-1 0-1.9-2.8c-1.5 2 .2 6.6.2 6.6l-.9-.7c-.6 1.4.1 3.4.1 3.4l-2-1.6c-1.7 5 .3 10.4.3 10.4l-1.9-2.1C1.7 41.2 4 43.7 4 43.7l-2-.4s.5 2.7 2.1 5.3c.2.5.8 1.3 1.7 2.2l.1.1C10 55 20.1 62 32 62s22-7 26.1-11.1c0-.1.1-.1.1-.1"/><path fill="#94989b" d="M37.7 10.8c-1.8-.3-3.7-.4-5.7-.4s-3.9.1-5.7.4c.7 3.9 2.8 6.6 5.7 11.6c3-5.1 5-7.8 5.7-11.6m9.1 3c-1.9-1.1-4.1-1.9-6.5-2.5c.6 2.3 1.9 3.9 3.6 6.9c1.3-2.1 2.2-2.7 2.9-4.4m-23.1-2.5c-2.5.6-4.6 1.4-6.5 2.5c.7 1.8 1.7 2.3 2.9 4.4c1.8-3.1 3-4.7 3.6-6.9"/><path fill="#4c5359" d="M41.4 53.8c1.6-1.6-1.8-3-1.8-5.9s3.4-4.2 1.8-5.9c-1.9-2-6-.5-8.6-3.1c0 2.2 1.8 4.5 5.2 4.5c0 0-2.3.9-2.3 4.5s2.3 4.5 2.3 4.5c-3.4 0-5.2 2.3-5.2 4.5c2.5-2.7 6.7-1.2 8.6-3.1"/><path fill="#ff717f" d="M23 34.7c-1.7-2.8-7-3.8-11.8-2.1S3.9 38 5.6 40.8s7 3.8 11.8 2.1s7.3-5.4 5.6-8.2m18 0c1.7-2.8 7-3.8 11.8-2.1s7.3 5.4 5.6 8.2s-7 3.8-11.8 2.1s-7.3-5.4-5.6-8.2" opacity=".8"/><path fill="#4c5359" d="M35.9 25.6c4.2 8 12.7 8 16.9 0c.2-.4-.3-.6-1-1c-4.2 3.3-11.1 3-14.9 0c-.6.4-1.2.6-1 1m-24.7 0c4.2 8 12.7 8 16.9 0c.2-.4-.3-.6-1-1c-4.2 3.3-11.1 3-14.9 0c-.7.4-1.2.6-1 1"/></svg>

Comment utiliser l'icône Kissing Cat Face

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

Icônes similaires dans Emoji One (Colored)

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

FAQ : Icône Kissing Cat Face

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

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

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

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

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

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