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

Ícone Kiss Wink Heart

fa7-regular:kiss-wink-heart

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

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M386 503.5c-29.2 15.6-62.5 24.5-98 24.5c-114.9 0-208-93.1-208-208s93.2-208 208-208c113.2 0 205.2 90.4 207.9 202.9c14.3 1.5 28.6 6 41.9 13.7c2 1.2 4 2.4 5.9 3.7q.3-6.15.3-12.3c0-141.4-114.6-256-256-256S32 178.6 32 320s114.6 256 256 256c41.4 0 80.5-9.8 115.1-27.3c-5.8-12.9-12-28.5-17.2-45.2zM256 352c0 8.8 7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c26.5 0 48-21.5 48-48c0-12.3-4.6-23.5-12.2-32c7.6-8.5 12.2-19.7 12.2-32c0-26.5-21.5-48-48-48h-32c-8.8 0-16 7.2-16 16m-48-48c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32m152-44h16c11 0 20 9 20 20s9 20 20 20s20-9 20-20c0-33.1-26.9-60-60-60h-16c-33.1 0-60 26.9-60 60c0 11 9 20 20 20s20-9 20-20s9-20 20-20m182.8 154c-2.2-18.3-12.9-34.6-28.9-43.8c-28.1-16.2-63.9-6.6-80.1 21.5l-2.7 4.6c-24.5 42.5 7.9 117.9 24.4 150.8c5.1 10.1 15.5 16.1 26.8 15.5c36.7-2.2 118.2-11.7 142.8-54.2l2.7-4.6c16.2-28.1 6.6-63.9-21.5-80.1c-16-9.2-35.4-10.4-52.4-3.1l-9.8 4.2l-1.3-10.6z"/></svg>

Como usar o ícone Kiss Wink Heart

React

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

<Icon icon="fa7-regular:kiss-wink-heart" width="24" />

Vue

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

<template>
  <Icon icon="fa7-regular:kiss-wink-heart" width="24" />
</template>

Svelte

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

<Icon icon="fa7-regular:kiss-wink-heart" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-regular -->
<div class="i-fa7-regular: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="fa7-regular:kiss-wink-heart"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Font Awesome Regular

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 Regular 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="fa7-regular: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/fa7-regular/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 Regular →