Icône Smiling Face With Hearts
twemoji:smiling-face-with-hearts
L'icône Smiling Face With Hearts (twemoji:smiling-face-with-hearts) est une icône SVG gratuite de la collection Twitter Emoji par Twitter. Elle est dessinée sur une grille de 36 × 36. Les Twitter Emoji 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
- Twitter Emoji
- Auteur
- Twitter
- Licence
- CC-BY-4.0
- Taille
- 36 × 36
- Catégorie
- Smileys et émotions
- Mots-clés
- smilingface, facewith, withhearts, smilingfacewithhearts, heart, smiling face with 3 hearts
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M16 16.958c-.419 0-.809-.265-.949-.684c-.203-.599-1.018-2.316-2.051-2.316c-1.062 0-1.888 1.827-2.051 2.316a1 1 0 1 1-1.897-.633c.125-.377 1.304-3.684 3.949-3.684s3.823 3.307 3.949 3.684a1 1 0 0 1-.95 1.317m10 0a1 1 0 0 1-.948-.684c-.203-.599-1.019-2.316-2.052-2.316c-1.062 0-1.889 1.827-2.052 2.316a1 1 0 0 1-1.897-.633c.125-.377 1.304-3.684 3.948-3.684s3.823 3.307 3.948 3.684A1 1 0 0 1 26 16.958m1.335 3.733a.5.5 0 0 0-.635-.029c-.039.029-3.922 2.9-8.7 2.9c-4.766 0-8.662-2.871-8.7-2.9a.5.5 0 0 0-.729.657c.129.215 3.217 5.243 9.429 5.243s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628"/><path fill="#ffac33" d="M21.229 3.947c0 .24.03.472.082.696c.425 2.643 3.364 5.431 5.47 6.197c1.665-.605 3.846-2.476 4.898-4.539A18.03 18.03 0 0 0 23.75.939a3.06 3.06 0 0 0-2.521 3.008m-7.486 25.131c.057-.242.09-.494.09-.754a3.32 3.32 0 0 0-3.319-3.319a3.31 3.31 0 0 0-2.697 1.389a3.31 3.31 0 0 0-2.697-1.389a3.3 3.3 0 0 0-2.88 1.698a18.07 18.07 0 0 0 8.068 7.574c1.637-1.351 3.131-3.307 3.435-5.199m20.558-3.436a2.29 2.29 0 0 0-4.062-.685a2.299 2.299 0 0 0-4.105 1.859c.307 1.905 2.348 3.896 3.909 4.561a18.05 18.05 0 0 0 4.258-5.735"/><path fill="#dd2e44" d="M33.625 3.269A3.063 3.063 0 0 0 30.562.206a3.06 3.06 0 0 0-2.489 1.282a3.063 3.063 0 0 0-5.47 2.477c.426 2.643 3.364 5.431 5.47 6.197c2.106-.766 5.044-3.554 5.469-6.196q.081-.337.083-.697M12.208 28.408a3.32 3.32 0 0 0-3.319-3.319a3.31 3.31 0 0 0-2.697 1.389a3.31 3.31 0 0 0-2.697-1.389a3.32 3.32 0 0 0-3.23 4.073c.461 2.863 3.644 5.884 5.926 6.714c2.282-.829 5.465-3.85 5.926-6.713q.089-.366.091-.755m23.74-2.281a2.299 2.299 0 0 0-4.167-1.337a2.299 2.299 0 0 0-4.105 1.859c.319 1.983 2.524 4.076 4.105 4.65c1.58-.574 3.786-2.667 4.104-4.65q.061-.252.063-.522"/></svg>
Comment utiliser l'icône Smiling Face With Hearts
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:smiling-face-with-hearts" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:smiling-face-with-hearts" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:smiling-face-with-hearts" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--smiling-face-with-hearts]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:smiling-face-with-hearts"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:smiling-face-with-hearts"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-hearts.svg" alt="Icône Smiling Face With Hearts" width="24" height="24">
Icônes similaires dans Twitter Emoji
L'icône Smiling Face With Hearts dans d'autres collections
FAQ : Icône Smiling Face With Hearts
L'icône Smiling Face With Hearts est-elle gratuite pour un usage commercial ?
Oui. Les Twitter Emoji 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 Smiling Face With Hearts dans React ?
Installez @iconify/react et affichez <Icon icon="twemoji:smiling-face-with-hearts" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Smiling Face With Hearts à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-hearts.svg" alt="Icône Smiling Face With Hearts">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Twitter Emoji →
ICONYZ
