Grin Tears アイコン
glyphs-poly:grin-tears
Grin Tears アイコン(glyphs-poly:grin-tears)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- grintears、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="M29.054 17.271A25.227 25.227 0 0 1 65.153 41.93l-.105-.024a31 31 0 0 1-4.183-1.29l-1.683-.654c-1.078-.418-2.14.643-1.72 1.72l.653 1.684c.53 1.362.96 2.76 1.29 4.183l.925 3.995a6.9 6.9 0 0 0 .882 2.113a25.227 25.227 0 0 1-42.424 0a6.9 6.9 0 0 0 .881-2.113l.925-3.995a31 31 0 0 1 1.29-4.183l.654-1.683c.419-1.078-.643-2.14-1.72-1.72l-1.683.653c-1.362.53-2.76.96-4.183 1.29l-.106.024a25.23 25.23 0 0 1 14.208-24.658" clip-rule="evenodd"/><path fill="#333" fill-rule="evenodd" d="M28.273 48.782c-.825-.205-1.482.665-.952 1.33a16.218 16.218 0 0 0 25.358 0c.53-.665-.127-1.535-.952-1.33a45 45 0 0 1-10.836 1.323h-1.782a45 45 0 0 1-10.836-1.323" clip-rule="evenodd"/><path fill="#333" d="m51.727 48.781l-.24-.97zM40 55.217c-4.631 0-9.01-2.108-11.897-5.73l-1.564 1.248A17.22 17.22 0 0 0 40 57.217zm11.898-5.73A15.22 15.22 0 0 1 40 55.218v2c5.24 0 10.194-2.386 13.461-6.482zm-.412-1.676a44 44 0 0 1-10.595 1.294v2a46 46 0 0 0 11.077-1.353zm-10.595 1.294h-1.782v2h1.782zm-1.782 0a44 44 0 0 1-10.595-1.294l-.482 1.941a46 46 0 0 0 11.077 1.353zm14.352 1.63a1.79 1.79 0 0 0 .057-2.205a1.93 1.93 0 0 0-2.032-.72l.482 1.942c.01-.003 0 .002-.019-.006a.1.1 0 0 1-.045-.035a.2.2 0 0 1-.034-.117a.2.2 0 0 1 .013-.076c.008-.022.016-.031.014-.03zm-25.358-1.247c-.002-.001.006.008.014.03a.2.2 0 0 1 .013.076a.2.2 0 0 1-.034.117a.1.1 0 0 1-.045.035c-.019.008-.029.003-.019.006l.482-1.941c-.82-.204-1.6.128-2.032.719a1.79 1.79 0 0 0 .057 2.205z"/><path stroke="#4f4f4f" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34.95 35.343a7 7 0 0 0-2.271-1.734A6.25 6.25 0 0 0 30 33c-.92 0-1.83.207-2.679.609c-.85.402-1.62.991-2.27 1.734m29.899 0a7 7 0 0 0-2.271-1.734A6.25 6.25 0 0 0 50 33c-.92 0-1.83.207-2.679.609c-.85.402-1.62.991-2.27 1.734"/><path fill="#56ccf2" d="M57.462 41.682c-.42-1.078.642-2.139 1.72-1.72l1.683.654c1.362.529 2.76.96 4.183 1.29l3.995.925a6.854 6.854 0 0 1 4.82 9.22l-.07.171a7.3 7.3 0 0 1-4.07 4.072l-.172.069a6.854 6.854 0 0 1-9.22-4.82l-.926-3.995a31 31 0 0 0-1.29-4.183zm-34.924 0c.419-1.078-.643-2.139-1.72-1.72l-1.683.654c-1.362.529-2.76.96-4.183 1.29l-3.996.925a6.854 6.854 0 0 0-4.819 9.22l.069.171a7.3 7.3 0 0 0 4.071 4.072l.172.069a6.854 6.854 0 0 0 9.22-4.82l.925-3.995a31 31 0 0 1 1.29-4.183z"/></g></svg>
Grin Tears アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:grin-tears" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:grin-tears" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:grin-tears" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--grin-tears]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:grin-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-tears"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/grin-tears.svg" alt="Grin Tears アイコン" width="24" height="24">
他のアイコンセットの Grin Tears アイコン
Grin Tears アイコン のよくある質問
Grin Tears アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Grin Tears アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:grin-tears" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grin Tears アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/grin-tears.svg" alt="Grin Tears アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
