ICONYZ
Français
Icône Kiss Wink Heart de Font Awesome Solid

Icône Kiss Wink Heart

fa7-solid:kiss-wink-heart

L'icône Kiss Wink Heart (fa7-solid:kiss-wink-heart) est une icône SVG gratuite de la collection Font Awesome Solid par Dave Gandy. Elle est dessinée sur une grille de 640 × 640. Les Font Awesome Solid icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Font Awesome Solid
Auteur
Dave Gandy
Licence
CC-BY-4.0
Taille
640 × 640
Catégorie
Emoji
Mots-clés
kisswink, winkheart, kisswinkheart
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M543.7 332.3q.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-7.6-17.1-16.1-38.8-21.8-61.7c-7.7-30.5-14.1-76.2 8.2-114.7l2.7-4.6c29.5-51 94.7-68.5 145.7-39c2 1.2 4 2.4 5.9 3.7zM240 368c0-8.8 7.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-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-16h16c8.8 0 16-7.2 16-16s-7.2-16-16-16h-16c-8.8 0-16-7.2-16-16m-32-128c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m152 20c-11 0-20 9-20 20s-9 20-20 20s-20-9-20-20c0-33.1 26.9-60 60-60h16c33.1 0 60 26.9 60 60c0 11-9 20-20 20s-20-9-20-20s-9-20-20-20zm182.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>

Comment utiliser l'icône Kiss Wink Heart

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Image HTML

<img src="https://iconyz.com/api/public/svg/fa7-solid/kiss-wink-heart.svg" alt="Icône Kiss Wink Heart" width="24" height="24">

Icônes similaires dans Font Awesome Solid

L'icône Kiss Wink Heart dans d'autres collections

FAQ : Icône Kiss Wink Heart

L'icône Kiss Wink Heart est-elle gratuite pour un usage commercial ?

Oui. Les Font Awesome Solid icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Kiss Wink Heart dans React ?

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

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

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

Voir toutes les Icônes Font Awesome Solid →