Icône Worried Face

emojione-v1:worried-face

L'icône Worried Face (emojione-v1:worried-face) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (v1)
Auteur: Emoji One
Licence: CC-BY-SA-4.0
Taille: 64 × 64
Catégorie: Personnes
Mots-clés: worriedface

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fbbf67" d="M63.792 31.899c0 17.614-14.282 31.896-31.9 31.896S0 49.513 0 31.899C0 14.279 14.273 0 31.892 0s31.9 14.279 31.9 31.899"/><path fill="#fff" d="M27.29 23.11c0 5.367-2.9 9.708-6.481 9.708c-3.585 0-6.485-4.342-6.485-9.708c0-5.362 2.9-9.708 6.485-9.708c3.582 0 6.481 4.347 6.481 9.708m21.94 0c0 5.367-2.899 9.708-6.48 9.708s-6.485-4.342-6.485-9.708c0-5.362 2.903-9.708 6.485-9.708c3.581 0 6.48 4.347 6.48 9.708"/><g fill="#25333a"><ellipse cx="20.812" cy="23.11" rx="4.194" ry="5.087"/><path d="M46.941 23.11c0 2.81-1.875 5.087-4.191 5.087c-2.319 0-4.2-2.277-4.2-5.087s1.881-5.086 4.2-5.086c2.316 0 4.191 2.277 4.191 5.086"/></g><g fill="#633d19"><path d="M22 4.765c-3.908 4.168-8.297 7.367-13.568 9.601c-1.202.51-.272 2.301.918 1.796c5.425-2.299 9.975-5.606 13.998-9.896c.884-.941-.459-2.447-1.348-1.501"/><path d="M8.937 17.01c-.843 0-1.607-.646-1.781-1.503c-.161-.794.225-1.515.985-1.836c4.999-2.118 9.353-5.201 13.312-9.422c.825-.878 2.309-.53 2.789.579a1.78 1.78 0 0 1-.338 1.956c-4.223 4.505-8.884 7.799-14.254 10.08q-.35.148-.713.15M22.64 5.226c-4.19 4.44-8.711 7.639-13.907 9.841c-.083.351.11.497.327.404c5.173-2.192 9.667-5.372 13.742-9.717a.265.265 0 0 0 .055-.319c-.06-.136-.174-.209-.217-.209m19.146-.461c3.908 4.168 8.297 7.367 13.568 9.601c1.202.51.272 2.301-.918 1.796c-5.425-2.299-9.976-5.606-13.997-9.896c-.884-.941.459-2.447 1.347-1.501"/><path d="M54.854 17.01q-.362 0-.713-.15c-5.37-2.277-10.03-5.571-14.254-10.08a1.78 1.78 0 0 1-.339-1.956c.48-1.109 1.962-1.459 2.789-.579c3.959 4.221 8.312 7.304 13.312 9.422c.76.321 1.146 1.042.984 1.836c-.171.856-.936 1.503-1.779 1.503M41.145 5.257c-.089 0-.166.067-.209.169c-.077.177.016.276.055.319c4.076 4.346 8.569 7.525 13.742 9.717l.122.029c.142 0 .271-.153.299-.292c-5.291-2.344-9.812-5.543-13.919-9.922a.3.3 0 0 0-.09-.02M17.754 47.4c-.843.961-.323 2.572 1.067 2.572c1.604 0 7.363-2.431 13.08-2.431c6.394 0 12.725 2.431 13.08 2.431c1.389 0 1.898-1.611 1.073-2.572c-7.661-8.836-20.641-8.836-28.29 0"/></g></svg>

Comment utiliser l'icône Worried Face

React

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

<Icon icon="emojione-v1:worried-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:worried-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:worried-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--worried-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:worried-face"></div>

Web component

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

<iconify-icon icon="emojione-v1:worried-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/worried-face.svg" alt="Icône Worried Face" width="24" height="24">

L'icône Worried Face dans d'autres collections

FAQ : Icône Worried Face

L'icône Worried Face est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Worried Face dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1:worried-face" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Worried Face à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/worried-face.svg" alt="Icône Worried Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →