Grin Tears Outline icon
glyphs:grin-tears-outline
The Grin Tears Outline icon (glyphs:grin-tears-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- grintears, tearsoutline, grintearsoutline, tear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="m22.543 47.999l-.925 3.996l-.059.237a9 9 0 0 1-.445 1.29"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M54.243 51.358a2.79 2.79 0 0 0 .082-3.419a2.93 2.93 0 0 0-3.08-1.099a43 43 0 0 1-10.354 1.265h-1.782c-3.526 0-7-.432-10.354-1.265a2.93 2.93 0 0 0-3.08 1.1a2.79 2.79 0 0 0 .082 3.418a18.217 18.217 0 0 0 28.486 0m-13.352.747c2.516 0 5.007-.201 7.454-.594a14.22 14.22 0 0 1-16.69 0c2.447.393 4.938.594 7.454.594z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M26.465 31.801a8.25 8.25 0 0 1 3.535-.8a8.25 8.25 0 0 1 3.535.8a9 9 0 0 1 2.92 2.225a2 2 0 1 1-3.01 2.634a5 5 0 0 0-1.622-1.243A4.25 4.25 0 0 0 30 35c-.617 0-1.235.138-1.823.417a5 5 0 0 0-1.622 1.243a2 2 0 1 1-3.01-2.634a9 9 0 0 1 2.92-2.225M50 31a8.25 8.25 0 0 0-3.535.801a9 9 0 0 0-2.92 2.225a2 2 0 0 0 3.01 2.634a5 5 0 0 1 1.622-1.243A4.25 4.25 0 0 1 50 35a4.25 4.25 0 0 1 1.823.417a5 5 0 0 1 1.621 1.243a2 2 0 0 0 3.01-2.634a9 9 0 0 0-2.92-2.225a8.25 8.25 0 0 0-3.534-.8"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M51.813 15.47a27.227 27.227 0 0 0-39.038 24.887l-2.27.525a8.854 8.854 0 0 0-6.225 11.91l.068.172a9.3 9.3 0 0 0 5.188 5.188l.171.068a8.85 8.85 0 0 0 8.9-1.377l.106.133a27.227 27.227 0 0 0 42.679-.133a8.85 8.85 0 0 0 8.9 1.377l.172-.068a9.3 9.3 0 0 0 5.187-5.188l.069-.171a8.854 8.854 0 0 0-6.225-11.91l-2.27-.526A27.23 27.23 0 0 0 51.813 15.47M17.721 51.091a4.85 4.85 0 0 1-2.816 3.367a4.85 4.85 0 0 1-3.714.046l-.172-.068a5.3 5.3 0 0 1-2.956-2.956l-.068-.172a4.854 4.854 0 0 1 3.412-6.53l3.996-.925a33 33 0 0 0 4.456-1.374l.263-.102l-.102.263a33 33 0 0 0-1.374 4.456m0 0l-.925 3.995zm2.468 6.425q.35.488.726.96a23.227 23.227 0 0 0 37.045-.96a9 9 0 0 1-.503-1.527L57.457 48a29 29 0 0 0-1.206-3.91l-.654-1.684a3.5 3.5 0 0 1-.182-.642c-.443-2.457 2.007-4.632 4.491-3.667l1.683.654q.806.313 1.628.577a23.228 23.228 0 0 0-46.435 0a29 29 0 0 0 1.628-.577l1.684-.654c2.488-.967 4.942 1.217 4.488 3.679a3.4 3.4 0 0 1-.18.63l-.654 1.684a29 29 0 0 0-1.205 3.909m42.552 6.46a4.85 4.85 0 0 1-2.18-1.852l-.012-.02a4.9 4.9 0 0 1-.624-1.495l-.925-3.995a32.6 32.6 0 0 0-1.374-4.456l-.102-.263l.263.102a33 33 0 0 0 4.456 1.374l3.995.925a4.854 4.854 0 0 1 3.413 6.53l-.068.172a5.3 5.3 0 0 1-2.957 2.956l-.171.069a4.85 4.85 0 0 1-3.714-.047" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.114 53.522q.35.488.726.96a23.227 23.227 0 0 0 37.045-.96a9 9 0 0 1-.503-1.527L57.457 48a29 29 0 0 0-1.206-3.91l-.654-1.684a3.5 3.5 0 0 1-.182-.642c-.443-2.457 2.007-4.632 4.491-3.667l1.683.654q.806.313 1.628.577a23.228 23.228 0 0 0-46.435 0a29 29 0 0 0 1.628-.577l1.684-.654c2.488-.967 4.942 1.217 4.488 3.679a3.4 3.4 0 0 1-.18.63l-.654 1.684a29 29 0 0 0-1.205 3.909m-1.429 5.523L22.543 48m-1.429 5.523a9 9 0 0 0 .504-1.527L22.543 48m40.372 4.608a4.85 4.85 0 0 0 5.894 1.898l.171-.068a5.3 5.3 0 0 0 2.957-2.956l.068-.172a4.854 4.854 0 0 0-3.413-6.53l-3.995-.925a33 33 0 0 1-4.456-1.374l-.263-.102l.102.263a32.6 32.6 0 0 1 1.374 4.456m1.56 5.51l-.011-.02a4.9 4.9 0 0 1-.624-1.495l-.925-3.995m1.56 5.51l-1.56-5.51M28.186 15.47a27.227 27.227 0 0 1 39.039 24.888l2.27.525a8.854 8.854 0 0 1 6.225 11.91l-.069.172a9.3 9.3 0 0 1-5.187 5.188l-.172.068a8.85 8.85 0 0 1-8.9-1.377l-.105.133a27.227 27.227 0 0 1-42.68-.133a8.85 8.85 0 0 1-8.9 1.377l-.171-.068a9.3 9.3 0 0 1-5.188-5.187l-.068-.172a8.854 8.854 0 0 1 6.225-11.91l2.27-.526A27.23 27.23 0 0 1 28.187 15.47m-11.09 37.12c.288-.455.5-.96.625-1.497l.925-3.995q.066-.285.137-.568c.33-1.32.744-2.62 1.237-3.889l.102-.262l-.263.102a33 33 0 0 1-4.456 1.374l-3.996.925a4.854 4.854 0 0 0-3.412 6.53l.068.172a5.3 5.3 0 0 0 2.956 2.956l.172.069a4.854 4.854 0 0 0 5.906-1.918m37.23-4.65a2.79 2.79 0 0 1-.083 3.42a18.217 18.217 0 0 1-28.486 0a2.79 2.79 0 0 1-.082-3.42a2.93 2.93 0 0 1 3.08-1.099a43 43 0 0 0 10.354 1.265h1.782c3.526 0 7-.433 10.354-1.265a2.93 2.93 0 0 1 3.08 1.1m-5.98 3.572a47 47 0 0 1-7.455.594H39.11c-2.516 0-5.007-.201-7.454-.594a14.22 14.22 0 0 0 16.69 0M30 31a8.25 8.25 0 0 0-3.535.8a9 9 0 0 0-2.92 2.225a2 2 0 0 0 3.01 2.634a5 5 0 0 1 1.622-1.243A4.25 4.25 0 0 1 30 35a4.25 4.25 0 0 1 1.823.417a5 5 0 0 1 1.621 1.243a2 2 0 0 0 3.01-2.634a9 9 0 0 0-2.92-2.225a8.25 8.25 0 0 0-3.534-.8m16.465.8a8.25 8.25 0 0 1 3.535-.8a8.25 8.25 0 0 1 3.535.8a9 9 0 0 1 2.92 2.225a2 2 0 1 1-3.01 2.634a5 5 0 0 0-1.622-1.243A4.25 4.25 0 0 0 50 35c-.617 0-1.235.138-1.823.417a5 5 0 0 0-1.622 1.243a2 2 0 1 1-3.01-2.634a9 9 0 0 1 2.92-2.225"/></g></svg>
How to use the Grin Tears Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:grin-tears-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:grin-tears-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:grin-tears-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--grin-tears-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:grin-tears-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:grin-tears-outline"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/grin-tears-outline.svg" alt="Grin Tears Outline icon" width="24" height="24">
Grin Tears Outline icon FAQ
Is the Grin Tears Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Grin Tears Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:grin-tears-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Grin Tears Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/grin-tears-outline.svg" alt="Grin Tears Outline icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs icons →
