Icono Smiling Face With Open Hands
openmoji:smiling-face-with-open-hands
El icono Smiling Face With Open Hands (openmoji:smiling-face-with-open-hands) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji 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
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Caras y emociones
- Etiquetas
- smilingface, facewith, withopen, openhands, smilingfacewithopenhands, hand, hugging face
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="36" cy="36" r="23.8"/><path d="m28.5 62.1l-5.1 5.2c-4.472-3.459-10.46-4.395-14.25-8.76c-.512-2.736-1.312-10.01 1.854-7.34c4.956-3.31 4.378 1.379 10.1 2.8h.2c-.634-2.772-1.709-2.625.4-4.7c3.594 3.941 3.542 9.586 6.8 12.8zM50 49.6c1.591.854.486 3.626.5 4.7c1.7-.5 4.9-2.4 6.9-4c1.595.047 7.958 1.281 5.8 3.4c0 0 1.2.4 0 3c-.7.5-.2 2.4-1 3.4c-4.136 4.135-11.06 3.117-13.4 7.3l-5.2-5.2c3.69-3.36 1.958-9.959 6.4-12.6"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M56.2 47C58 43.6 59 39.8 59 36c0-12.7-10.3-23-23-23S13 23.3 13 36c0 3.7.9 7.4 2.7 10.7c0 .1 0 .1.1.2m13.8 11.2c2.1.6 4.2.9 6.4.9c2.1 0 4.2-.3 6.2-.8"/><path stroke-linejoin="round" d="M45.8 45.2c-5.7 4.7-13.9 4.7-19.6 0"/><path stroke-miterlimit="10" d="M31.7 33.4c-1-2.4-3.8-3.5-6.2-2.4q-1.65.75-2.4 2.4m25.8 0c-1-2.4-3.8-3.5-6.2-2.4q-1.65.75-2.4 2.4"/><path stroke-linejoin="round" d="M28.3 61.7c-.896-.764-1.554-1.366-1.8-2.4c-.243-2.983-1.549-5.769-2.8-8.1c-.3-.5-.9-2-1.5-2.2c-.9-.3-1.5 0-1.7 1.1s.6 3.3.8 3.9a48 48 0 0 1-6.4-4.1c-1.2-.7-2.2-.4-2.7.4c-.2.3-.2.5-.3.7c-1.5-1.1-2.6-.7-3.1 0c-.5.6-.5 1.5-.1 2.1c-.2.1-.4.3-.5.5c-.6 1-.3 2.3.7 2.9c.2.1.5.4.9.6c-.1.1-.2.1-.2.2c-.5.6-.5 1.6 0 2.2c1.6 2.8 9 4.9 11.5 5.5l1.8 1.8m25.7 0l1.8-1.8c2.5-.6 9.9-2.8 11.5-5.5c.5-.6.5-1.6-.1-2.1c-.1-.1-.1-.2-.2-.2c.5-.3.8-.6.9-.6c1-.6 1.3-1.9.7-2.9c-.1-.2-.3-.4-.5-.5c.4-.6.4-1.5-.1-2.1s-1.6-1.1-3.1 0c0-.3-.1-.6-.3-.7c-.5-.7-1.4-1.1-2.7-.4c0 0-.1 0-.1.1c-1.9 1.6-4.1 2.9-6.3 4c.503-1.286 1.69-5.814-.6-5.1c-.6.2-1.2 1.7-1.5 2.2c-1.738 2.511-2.258 5.218-2.8 8.1c.031 1.077-1.076 1.676-1.8 2.4"/></g></svg>
Cómo usar el icono Smiling Face With Open Hands
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:smiling-face-with-open-hands" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:smiling-face-with-open-hands" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:smiling-face-with-open-hands" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--smiling-face-with-open-hands]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:smiling-face-with-open-hands"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:smiling-face-with-open-hands"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/smiling-face-with-open-hands.svg" alt="Icono Smiling Face With Open Hands" width="24" height="24">
Iconos relacionados en OpenMoji
El icono Smiling Face With Open Hands en otras colecciones
Preguntas frecuentes sobre Icono Smiling Face With Open Hands
¿El icono Smiling Face With Open Hands es gratis para uso comercial?
Sí. OpenMoji 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 Smiling Face With Open Hands en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:smiling-face-with-open-hands" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Smiling Face With Open Hands a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/smiling-face-with-open-hands.svg" alt="Icono Smiling Face With Open Hands">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
