ICONYZ
Français
Icône Surprised Face With Open Mouth de IconPark Solid

Icône Surprised Face With Open Mouth

icon-park-solid:surprised-face-with-open-mouth

L'icône Surprised Face With Open Mouth (icon-park-solid:surprised-face-with-open-mouth) est une icône SVG gratuite de la collection IconPark Solid par ByteDance. Elle est dessinée sur une grille de 48 × 48. Les IconPark Solid 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 Solid
Auteur
ByteDance
Licence
Apache-2.0
Taille
48 × 48
Catégorie
Emoji
Mots-clés
surprisedface, facewith, withopen, openmouth, surprisedfacewithopenmouth
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGdocDMcWg"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z"/><path stroke="#000" stroke-linecap="round" d="M31 18v1m-14-1v1"/><rect width="8" height="8" x="20" y="28" fill="#000" stroke="#000" stroke-linecap="round" rx="4"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGdocDMcWg)"/></svg>

Comment utiliser l'icône Surprised Face With Open Mouth

React

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

<Icon icon="icon-park-solid:surprised-face-with-open-mouth" width="24" />

Vue

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

<template>
  <Icon icon="icon-park-solid:surprised-face-with-open-mouth" width="24" />
</template>

Svelte

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

<Icon icon="icon-park-solid:surprised-face-with-open-mouth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--surprised-face-with-open-mouth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:surprised-face-with-open-mouth"></div>

Web component

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

<iconify-icon icon="icon-park-solid:surprised-face-with-open-mouth"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/icon-park-solid/surprised-face-with-open-mouth.svg" alt="Icône Surprised Face With Open Mouth" width="24" height="24">

Icônes similaires dans IconPark Solid

L'icône Surprised Face With Open Mouth dans d'autres collections

FAQ : Icône Surprised Face With Open Mouth

L'icône Surprised Face With Open Mouth est-elle gratuite pour un usage commercial ?

Oui. Les IconPark Solid 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 Surprised Face With Open Mouth dans React ?

Installez @iconify/react et affichez <Icon icon="icon-park-solid:surprised-face-with-open-mouth" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Surprised Face With Open Mouth à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/icon-park-solid/surprised-face-with-open-mouth.svg" alt="Icône Surprised Face With Open Mouth">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes IconPark Solid →