Grin Squint Tears アイコン
glyphs-poly:grin-squint-tears
Grin Squint Tears アイコン(glyphs-poly:grin-squint-tears)は、Glyphs Poly セットの無料 SVG アイコンです（作者: 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 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>
Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Grin Squint Tears アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
