Иконка Grin Squint Tears

glyphs-poly:grin-squint-tears

Иконка Grin Squint Tears (glyphs-poly:grin-squint-tears) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs Poly
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: grinsquint, squinttears, grinsquinttears, tear

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M16.188 31.668a25.227 25.227 0 0 1 38.594-12.11l-.431 1.863a31 31 0 0 1-1.29 4.183l-.654 1.683c-.419 1.078.643 2.139 1.72 1.72l1.683-.654a31 31 0 0 1 4.183-1.29l1.459-.337a25.227 25.227 0 0 1-34.726 34.727l.337-1.46c.33-1.423.76-2.82 1.29-4.182l.654-1.684c.419-1.077-.643-2.139-1.72-1.72l-1.683.654c-1.362.53-2.76.96-4.183 1.29l-1.864.431q-.48-.662-.918-1.36a25.23 25.23 0 0 1-2.45-21.754" clip-rule="evenodd"/><path fill="#333" fill-rule="evenodd" d="M37.917 54.502c-.728.438-.577 1.518.267 1.614a16.218 16.218 0 0 0 17.932-17.932c-.096-.844-1.176-.995-1.614-.267a45 45 0 0 1-6.726 8.599l-1.26 1.26a45 45 0 0 1-8.599 6.726" clip-rule="evenodd"/><path fill="#333" d="m54.502 37.917l-.857-.516zM50.76 50.76a15.22 15.22 0 0 1-12.464 4.362l-.224 1.987a17.22 17.22 0 0 0 14.103-4.934zm4.362-12.464a15.22 15.22 0 0 1-4.362 12.465l1.415 1.414a17.22 17.22 0 0 0 4.934-14.103zm-1.477-.895a44 44 0 0 1-6.577 8.407l1.415 1.415a46 46 0 0 0 6.875-8.79zm-6.577 8.407l-1.26 1.26l1.414 1.415l1.26-1.26zm-1.26 1.26a44 44 0 0 1-8.407 6.577l1.032 1.713a46 46 0 0 0 8.79-6.875zm11.301-8.996a1.79 1.79 0 0 0-1.518-1.6a1.93 1.93 0 0 0-1.946.93l1.713 1.031c.006-.009.002.001-.017.01a.1.1 0 0 1-.057.006a.2.2 0 0 1-.106-.058a.2.2 0 0 1-.045-.063q-.013-.032-.011-.032zm-18.813 17.05q0-.002.032.01q.032.015.063.046a.2.2 0 0 1 .058.106a.1.1 0 0 1-.006.057c-.009.019-.019.023-.01.017l-1.032-1.713a1.93 1.93 0 0 0-.928 1.946a1.79 1.79 0 0 0 1.6 1.518z"/><path stroke="#4f4f4f" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m23.737 40.707l9.192-2.121l-2.121 9.192m9.899-24.042l-2.121 9.193l9.192-2.122"/><path fill="#56ccf2" d="M54.127 29.007c-1.077.419-2.139-.643-1.72-1.72l.654-1.683c.53-1.362.96-2.76 1.29-4.183l.925-3.996a6.854 6.854 0 0 1 9.22-4.819l.172.069a7.3 7.3 0 0 1 4.071 4.072l.069.171a6.854 6.854 0 0 1-4.82 9.22l-3.995.925q-2.137.496-4.183 1.29zm-25.12 25.12c.419-1.077-.643-2.139-1.72-1.72l-1.684.654c-1.361.53-2.76.96-4.183 1.29l-3.995.925a6.854 6.854 0 0 0-4.819 9.22l.069.172a7.3 7.3 0 0 0 4.071 4.072l.172.068a6.854 6.854 0 0 0 9.22-4.819l.925-3.995a30.5 30.5 0 0 1 1.29-4.183z"/></g></svg>

Как использовать иконку Grin Squint Tears

React

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

<Icon icon="glyphs-poly:grin-squint-tears" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:grin-squint-tears" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:grin-squint-tears" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="glyphs-poly:grin-squint-tears"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/grin-squint-tears.svg" alt="Иконка Grin Squint Tears" width="24" height="24">

Иконка Grin Squint Tears в других наборах

Вопросы и ответы: Иконка Grin Squint Tears

Можно ли бесплатно использовать иконку Grin Squint Tears в коммерческих проектах?

Да. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Grin Squint Tears в React?

Установите @iconify/react и выведите <Icon icon="glyphs-poly:grin-squint-tears" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Grin Squint Tears на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs-poly/grin-squint-tears.svg" alt="Иконка Grin Squint Tears">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Glyphs Poly →