Grin Squint Tears アイコン
fa7-solid:grin-squint-tears
Grin Squint Tears アイコン(fa7-solid:grin-squint-tears)は、Font Awesome Solid セットの無料 SVG アイコンです(作者: Dave Gandy)。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- カテゴリ
- 絵文字
- タグ
- grinsquint、squinttears、grinsquinttears、tear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M592 99.4c0 25.6-18.8 47.3-44.1 50.9l-46.8 6.7c-10.6 1.5-19.6-7.5-18.1-18.1l6.7-46.7C493.3 66.8 515 48 540.6 48C569 48 592 71 592 99.4m-156.5 32.7c-6 42.2 30.2 78.4 72.4 72.4l37.8-5.4c52 96.9 37.1 220.2-44.7 301.9s-205 96.6-301.9 44.7l5.4-37.8c6-42.2-30.2-78.4-72.4-72.4l-37.8 5.4C42.3 344 57.2 220.7 139 139s205-96.7 301.9-44.7zM449.8 265c-19.1 36.4-45.6 72.7-78.9 106s-69.6 59.8-106 78.9c-11.1 5.8-12.4 21.4-1.1 26.6c59.2 27.5 131.8 16.8 180.6-32s59.5-121.4 32-180.6c-5.3-11.3-20.8-10-26.6 1.1m-303.9 69.6c1.7 8 9 13.4 17.1 12.7l43.1-3.9l-3.9 43.1c-.7 8.1 4.7 15.5 12.7 17.1s15.9-2.9 18.4-10.6l28-84.6c1.9-5.7.4-12.1-3.9-16.3s-10.6-5.8-16.3-3.9l-84.6 28c-7.7 2.6-12.3 10.5-10.6 18.5zm201.3-171.5c.7-8.1-4.7-15.5-12.7-17.1s-15.9 2.9-18.5 10.6l-28 84.6c-1.9 5.7-.4 12.1 3.9 16.3s10.6 5.8 16.3 3.9l84.6-28c7.7-2.6 12.3-10.5 10.6-18.4s-9-13.4-17.1-12.7l-43.1 3.9l3.9-43.1zM92.1 489.7l46.7-6.7c10.6-1.5 19.6 7.5 18.1 18.1l-6.7 46.7C146.7 573.2 125 592 99.4 592C71 592 48 569 48 540.6c0-25.6 18.8-47.3 44.1-50.9"/></svg>Grin Squint Tears アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:grin-squint-tears" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:grin-squint-tears" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:grin-squint-tears" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--grin-squint-tears]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:grin-squint-tears"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:grin-squint-tears"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/grin-squint-tears.svg" alt="Grin Squint Tears アイコン" width="24" height="24">Font Awesome Solid の関連アイコン
他のアイコンセットの Grin Squint Tears アイコン
Grin Squint Tears アイコン のよくある質問
Grin Squint Tears アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Grin Squint Tears アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:grin-squint-tears" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grin Squint Tears アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/grin-squint-tears.svg" alt="Grin Squint Tears アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。