Ícone Kiss Mark

openmoji:kiss-mark

O ícone Kiss Mark (openmoji:kiss-mark) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: OpenMoji
Autor: OpenMoji
Licença: CC-BY-SA-4.0
Tamanho: 72 × 72
Categoria: Carinhas e emoções
Tags: kissmark

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em OpenMoji

O ícone Kiss Mark em outras coleções

Perguntas frequentes sobre Ícone Kiss Mark

O ícone Kiss Mark é grátis para uso comercial?

Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Kiss Mark no React?

Instale @iconify/react e renderize <Icon icon="openmoji:kiss-mark" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Kiss Mark a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/kiss-mark.svg" alt="Ícone Kiss Mark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones OpenMoji →