Ícone Kiss

twemoji:kiss

O ícone Kiss (twemoji:kiss) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Twitter Emoji
Autor: Twitter
Licença: CC-BY-4.0
Tamanho: 36 × 36
Categoria: Pessoas e corpo

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M5 8.316c-1.787 0-3.476.401-5 1.102v21.16c1.53 1 3.342 1.625 5.318 1.723l.047.005c5.241.23 9.807-3.307 11.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12"/><path fill="#662113" d="M10 22.542c1.977 0 2.5-1.636 2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1m-2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1c1.977 0 2.5-1.636 2.5-2.5"/><path fill="#c1694f" d="M9.995 26.542a.501.501 0 0 0-.006 1H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5 0 0 0-.49.506a.497.497 0 0 0 .496.494c.602 0 1.5-.399 1.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5 0 0 0-.005 1c.23.006.505.098.505.5s-.274.494-.505.5"/><path fill="#ffac33" d="M2.543 18.54c-1.17.957-1.657 2.437-1.576 3.417c2.691-4.234 8.495-2.335 10.977-7.127c0 0 5.82 1.809 4.529 8.956c0 0 2.474-2.568 2.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019 6.245 4.857 5.054 0 6.525v13.319c.821-.799 1.704-1.29 2.543-1.304"/><path fill="#ffdc5d" d="M31 8.316c-6.626 0-12 5.373-12 12c0 1.334.227 2.614.629 3.813c1.198 4.87 5.765 8.406 11.006 8.177l.047-.005A10.64 10.64 0 0 0 36 30.578V9.418a11.9 11.9 0 0 0-5-1.102"/><path fill="#662113" d="M26 21.542c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1m5 0c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1"/><path fill="#c1694f" d="M26.005 25.542a.501.501 0 0 0-.005-1c-.602 0-1.5.399-1.5 1.5c0 .438.143.765.352 1c-.209.235-.352.562-.352 1c0 1.101.898 1.5 1.5 1.5c.273 0 .493-.22.496-.494a.503.503 0 0 0-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5 0 0 0-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5"/><path fill="#ffac33" d="M22.588 8.918c-4.54.855-5.534 6.614-5.534 9.725c0 2.575 2.474 5.143 2.474 5.143c-1.291-7.147 4.529-8.956 4.529-8.956c2.482 4.792 8.286 2.893 10.977 7.127c.08-.98-.406-2.459-1.576-3.417c.839.014 1.722.505 2.543 1.304V6.525c-4.858-1.471-11.02-.28-13.413 2.393"/><path fill="#dd2e44" d="M26.539 6.711A4.71 4.71 0 0 0 21.828 2c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 14.172 2a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.065 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.081-.344.128-.702.128-1.071"/></svg>

Como usar o ícone Kiss

React

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

<Icon icon="twemoji:kiss" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:kiss" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:kiss" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="twemoji:kiss"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Twitter Emoji

O ícone Kiss em outras coleções

Perguntas frequentes sobre Ícone Kiss

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

Sim. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Kiss no React?

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

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

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

Ver todos os Ícones Twitter Emoji →