Icono Worried Face

emojione-v1:worried-face

El icono Worried Face (emojione-v1:worried-face) es un icono SVG gratuito de la colección Emoji One (v1) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Emoji One (v1)
Autor: Emoji One
Licencia: CC-BY-SA-4.0
Tamaño: 64 × 64
Categoría: Personas
Etiquetas: worriedface

Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

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

El icono Worried Face en otras colecciones

Preguntas frecuentes sobre Icono Worried Face

¿El icono Worried Face es gratis para uso comercial?

Sí. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Worried Face en React?

Instala @iconify/react y renderiza <Icon icon="emojione-v1:worried-face" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Worried Face a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/emojione-v1/worried-face.svg" alt="Icono Worried Face">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Emoji One (v1) →