ICONYZ
Português (Brasil)
Ícone Kiss Wink Heart de Font Awesome 5 Solid

Ícone Kiss Wink Heart

fa-solid:kiss-wink-heart

O ícone Kiss Wink Heart (fa-solid:kiss-wink-heart) é um ícone SVG gratuito da coleção Font Awesome 5 Solid de Dave Gandy. Ele é desenhado em uma grade de 504 × 512. Font Awesome 5 Solid 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
Font Awesome 5 Solid
Autor
Dave Gandy
Licença
CC-BY-4.0
Tamanho
504 × 512
Categoria
Emoji
Tags
kisswink, winkheart, kisswinkheart
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="504" height="512" viewBox="0 0 504 512"><path fill="currentColor" d="M501.1 402.5c-8-20.8-31.5-31.5-53.1-25.9l-8.4 2.2l-2.3-8.4c-5.9-21.4-27-36.5-49-33c-25.2 4-40.6 28.6-34 52.6l22.9 82.6c1.5 5.3 7 8.5 12.4 7.1l83-21.5c24.1-6.3 37.7-31.8 28.5-55.7m-177.6-4c-5.6-20.3-2.3-42 9-59.7c29.7-46.3 98.7-45.5 127.8 4.3c6.4.1 12.6 1.4 18.6 2.9c10.9-27.9 17.1-58.2 17.1-90C496 119 385 8 248 8S0 119 0 256s111 248 248 248c35.4 0 68.9-7.5 99.4-20.9c-.3-.7-23.9-84.6-23.9-84.6M168 240c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32m120 156c0 19.2-28.7 41.5-71.5 44c-8.5.8-12.1-11.8-3.6-15.4l17-7.2c13-5.5 20.8-13.5 20.8-21.5s-7.8-16-20.8-21.5l-17-7.2c-6-2.5-5.7-12.3 0-14.8l17-7.2c13-5.5 20.8-13.5 20.8-21.5s-7.8-16-20.8-21.5l-17-7.2c-8.8-3.7-4.6-16.6 3.6-15.4c42.8 2.5 71.5 24.8 71.5 44c0 13-13.4 27.3-35.2 36C274.6 368.7 288 383 288 396m16-179c-8.3 7.4-21.6.4-19.8-10.8c4-25.2 34.2-42.1 59.9-42.1S400 181 404 206.2c1.7 11.1-11.3 18.3-19.8 10.8l-9.5-8.5c-14.8-13.2-46.2-13.2-61 0z"/></svg>

Como usar o ícone Kiss Wink Heart

React

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

<Icon icon="fa-solid:kiss-wink-heart" width="24" />

Vue

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

<template>
  <Icon icon="fa-solid:kiss-wink-heart" width="24" />
</template>

Svelte

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

<Icon icon="fa-solid:kiss-wink-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--kiss-wink-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:kiss-wink-heart"></div>

Web component

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

<iconify-icon icon="fa-solid:kiss-wink-heart"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fa-solid/kiss-wink-heart.svg" alt="Ícone Kiss Wink Heart" width="24" height="24">

Ícones relacionados em Font Awesome 5 Solid

O ícone Kiss Wink Heart em outras coleções

Perguntas frequentes sobre Ícone Kiss Wink Heart

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

Sim. Font Awesome 5 Solid 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 Wink Heart no React?

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

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

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

Ver todos os Ícones Font Awesome 5 Solid →