Grin Tears icon

la:grin-tears

The Grin Tears icon (la:grin-tears) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome icons are released under the Apache 2.0 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: Line Awesome
Author: Icons8
License: Apache-2.0
Size: 32 × 32
Category: Emoji
Tags: grintears, tear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3C8.87 3 3.067 8.772 3.006 15.889a23 23 0 0 1 2.035-.692C5.454 9.507 10.205 5 16 5s10.546 4.506 10.959 10.197q1.173.346 2.035.692C28.934 8.772 23.13 3 16 3M9 14v2h5v-2zm9 0v2h5v-2zM6 17s-2.97.835-3.559 1.424a1.51 1.51 0 0 0 2.135 2.135C5.166 19.969 6 17 6 17m20 0s.835 2.97 1.424 3.559a1.51 1.51 0 0 0 2.135-2.135C28.969 17.834 26 17 26 17M9 19s1.61 5 7 5s7-5 7-5zm-2.572 2.4a3.3 3.3 0 0 1-.438.573a3.5 3.5 0 0 1-1.1.742C7.173 26.475 11.292 29 16 29s8.828-2.525 11.11-6.285a3.5 3.5 0 0 1-1.1-.742a3.3 3.3 0 0 1-.438-.573C23.682 24.738 20.103 27 16 27s-7.681-2.262-9.572-5.6"/></svg>

How to use the Grin Tears icon

React

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

<Icon icon="la:grin-tears" width="24" />

Vue

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

<template>
  <Icon icon="la:grin-tears" width="24" />
</template>

Svelte

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

<Icon icon="la:grin-tears" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[la--grin-tears]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:grin-tears"></div>

Web component

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

<iconify-icon icon="la:grin-tears"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/la/grin-tears.svg" alt="Grin Tears icon" width="24" height="24">

Related icons in Line Awesome

Grin Tears icon in other icon sets

Grin Tears icon FAQ

Is the Grin Tears icon free for commercial use?

Yes. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Grin Tears icon in React?

Install @iconify/react and render <Icon icon="la:grin-tears" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Grin Tears icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/la/grin-tears.svg" alt="Grin Tears icon">, or paste the SVG code inline to style it with CSS.

Browse all Line Awesome icons →