Icono Grin Tears
fa-regular:grin-tears
El icono Grin Tears (fa-regular:grin-tears) es un icono SVG gratuito de la colección Font Awesome 5 Regular de Dave Gandy. Está dibujado en una cuadrícula de 640 × 512. Font Awesome 5 Regular icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Font Awesome 5 Regular
- Autor
- Dave Gandy
- Licencia
- CC-BY-4.0
- Tamaño
- 640 × 512
- Categoría
- Emoji
- Etiquetas
- grintears, tear
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M117.1 256.1c-25.8 3.7-84 13.7-100.9 30.6c-21.9 21.9-21.5 57.9.9 80.3s58.3 22.8 80.3.9C114.3 351 124.3 292.8 128 267c.8-6.4-4.6-11.8-10.9-10.9m506.7 30.6c-16.9-16.9-75.1-26.9-100.9-30.6c-6.3-.9-11.7 4.5-10.8 10.8c3.7 25.8 13.7 84 30.6 100.9c21.9 21.9 57.9 21.5 80.3-.9c22.3-22.3 22.7-58.3.8-80.2m-126.6 61.7C463.8 412.3 396.9 456 320 456s-143.8-43.7-177.2-107.6c-12.5 37.4-25.2 43.9-28.3 46.5C159.1 460.7 234.5 504 320 504s160.9-43.3 205.5-109.1c-3.2-2.7-15.9-9.2-28.3-46.5M122.7 224.5C137.9 129.2 220.5 56 320 56s182.1 73.2 197.3 168.5c2.1-.2 5.2-2.4 49.5 7C554.4 106 448.7 8 320 8S85.6 106 73.2 231.4c44.5-9.4 47.1-7.2 49.5-6.9M320 400c51.9 0 115.3-32.9 123.3-80c1.7-9.9-7.7-18.5-17.7-15.3c-25.9 8.3-64.4 13.1-105.6 13.1s-79.6-4.8-105.6-13.1c-9.8-3.1-19.4 5.3-17.7 15.3c8 47.1 71.4 80 123.3 80m130.3-168.3c3.6-1.1 6-4.5 5.7-8.3c-3.3-42.1-32.2-71.4-56-71.4s-52.7 29.3-56 71.4c-.3 3.7 2.1 7.2 5.7 8.3c3.5 1.1 7.4-.5 9.3-3.7l9.5-17c7.7-13.7 19.2-21.6 31.5-21.6s23.8 7.9 31.5 21.6l9.5 17c2.1 3.6 6.2 4.6 9.3 3.7M240 189.4c12.3 0 23.8 7.9 31.5 21.6l9.5 17c2.1 3.7 6.2 4.7 9.3 3.7c3.6-1.1 6-4.5 5.7-8.3c-3.3-42.1-32.2-71.4-56-71.4s-52.7 29.3-56 71.4c-.3 3.7 2.1 7.2 5.7 8.3c3.5 1.1 7.4-.5 9.3-3.7l9.5-17c7.7-13.8 19.2-21.6 31.5-21.6"/></svg>
Cómo usar el icono Grin Tears
React
import { Icon } from "@iconify/react";
<Icon icon="fa-regular:grin-tears" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-regular:grin-tears" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-regular:grin-tears" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-regular--grin-tears]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-regular -->
<div class="i-fa-regular:grin-tears"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-regular:grin-tears"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fa-regular/grin-tears.svg" alt="Icono Grin Tears" width="24" height="24">
Iconos relacionados en Font Awesome 5 Regular
El icono Grin Tears en otras colecciones
Preguntas frecuentes sobre Icono Grin Tears
¿El icono Grin Tears es gratis para uso comercial?
Sí. Font Awesome 5 Regular icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Grin Tears en React?
Instala @iconify/react y renderiza <Icon icon="fa-regular:grin-tears" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Grin Tears a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fa-regular/grin-tears.svg" alt="Icono Grin Tears">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Font Awesome 5 Regular →
ICONYZ
