Icône Kiss Mark

openmoji:kiss-mark

L'icône Kiss Mark (openmoji:kiss-mark) 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: Smileys et émotions
Mots-clés: kissmark

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="#d22f27" d="m59.557 52.3l.006-.01q.002-.008.006-.014a1.8 1.8 0 0 0-.008-1.86c-2.376-5.349-2.471-10.544-2.54-14.728c-.068-4.264-.123-7.633-2.443-9.722c-1.508-1.359-3.664-1.866-6.78-1.59c-2.09.187-2.352.45-3.392-.195s-.92-.997-1.68-2.957c-1.146-2.944-2.563-4.663-4.458-5.413c-2.89-1.142-5.908.304-9.73 2.133c-3.77 1.806-8.455 4.037-14.324 4.29c-.684-.085-1.393.199-1.773.811c-.572.921-.146 2.078.599 2.546c.468.674.95 3.243 1.339 5.336c1.284 6.89 3.224 17.304 11.794 22.624s18.763 2.44 25.508.533c2.048-.58 4.565-1.288 5.377-1.167c.87.535 1.997.192 2.499-.616"/><path fill="#fff" d="M38.368 33.753s-1.02-2.276-2.385-3.123c-1.522-.945-2.75-.61-4.593.054c-1.257.451-2.618.941-4.299.73c-.56-.07-.877.631-.472 1.024c3.462 3.357 5.192 7.555 5.832 9.412c.093.271.29.502.5.629c.206.132.5.205.785.169c1.949-.25 6.478-.563 11.023 1.051c.531.19 1.018-.406.707-.877c-.934-1.413-1.099-2.85-1.252-4.177c-.222-1.946-.467-3.195-1.99-4.14c-1.364-.847-3.856-.753-3.856-.753"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path d="m59.557 52.3l.006-.01q.002-.008.006-.014a1.8 1.8 0 0 0-.008-1.86c-2.376-5.349-2.471-10.544-2.54-14.728c-.068-4.264-.123-7.633-2.443-9.722c-1.508-1.359-3.664-1.866-6.78-1.59c-2.09.187-2.352.45-3.392-.195s-.92-.997-1.68-2.957c-1.146-2.944-2.563-4.663-4.458-5.413c-2.89-1.142-5.908.304-9.73 2.133c-3.77 1.806-8.455 4.037-14.324 4.29c-.684-.085-1.393.199-1.773.811c-.572.921-.146 2.078.599 2.546c.468.674.95 3.243 1.339 5.336c1.284 6.89 3.224 17.304 11.794 22.624s18.763 2.44 25.508.533c2.048-.58 4.565-1.288 5.377-1.167c.87.535 1.997.192 2.499-.616z"/><path d="M38.368 33.753s-1.02-2.276-2.385-3.123c-1.522-.945-2.75-.61-4.593.054c-1.257.451-2.618.941-4.299.73c-.56-.07-.877.631-.472 1.024c3.462 3.357 5.192 7.555 5.832 9.412c.093.271.29.502.5.629c.206.132.5.205.785.169c1.949-.25 6.478-.563 11.023 1.051c.531.19 1.018-.406.707-.877c-.934-1.413-1.099-2.85-1.252-4.177c-.222-1.946-.467-3.195-1.99-4.14c-1.364-.847-3.856-.753-3.856-.753z"/></g></svg>

Comment utiliser l'icône Kiss Mark

React

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

<Icon icon="openmoji:kiss-mark" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:kiss-mark" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:kiss-mark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:kiss-mark"></iconify-icon>

Image HTML

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

Icônes similaires dans OpenMoji

L'icône Kiss Mark dans d'autres collections

FAQ : Icône Kiss Mark

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

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

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

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

Voir toutes les Icônes OpenMoji →