Icône Grinning Face With Squinting Eyes
icon-park-outline:grinning-face-with-squinting-eyes
L'icône Grinning Face With Squinting Eyes (icon-park-outline:grinning-face-with-squinting-eyes) est une icône SVG gratuite de la collection IconPark Outline par ByteDance. Elle est dessinée sur une grille de 48 × 48. Les IconPark Outline icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- IconPark Outline
- Auteur
- ByteDance
- Licence
- Apache-2.0
- Taille
- 48 × 48
- Catégorie
- Emoji
- Mots-clés
- grinningface, facewith, withsquinting, squintingeyes, grinningfacewithsquintingeyes, eye
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z"/><path stroke-linecap="round" d="M24 35c5 0 7-4 7-4H17s2 4 7 4m-3-14s-1-4-4-4s-4 4-4 4m22 0s-1-4-4-4s-4 4-4 4"/></g></svg>
Comment utiliser l'icône Grinning Face With Squinting Eyes
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:grinning-face-with-squinting-eyes" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:grinning-face-with-squinting-eyes" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:grinning-face-with-squinting-eyes" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--grinning-face-with-squinting-eyes]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:grinning-face-with-squinting-eyes"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:grinning-face-with-squinting-eyes"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/icon-park-outline/grinning-face-with-squinting-eyes.svg" alt="Icône Grinning Face With Squinting Eyes" width="24" height="24">
Icônes similaires dans IconPark Outline
L'icône Grinning Face With Squinting Eyes dans d'autres collections
FAQ : Icône Grinning Face With Squinting Eyes
L'icône Grinning Face With Squinting Eyes est-elle gratuite pour un usage commercial ?
Oui. Les IconPark Outline icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Grinning Face With Squinting Eyes dans React ?
Installez @iconify/react et affichez <Icon icon="icon-park-outline:grinning-face-with-squinting-eyes" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Grinning Face With Squinting Eyes à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/icon-park-outline/grinning-face-with-squinting-eyes.svg" alt="Icône Grinning Face With Squinting Eyes">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes IconPark Outline →
ICONYZ
