Grin Squint Tears アイコン
fa7-regular:grin-squint-tears
Grin Squint Tears アイコン(fa7-regular:grin-squint-tears)は、Font Awesome Regular セットの無料 SVG アイコンです(作者: Dave Gandy)。 640 × 640 のグリッドで描かれています。 Font Awesome Regular icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Regular
- 作者
- 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="M467.1 467.1c67.2-67.2 78.8-168.9 34.9-248l36.7-5.2c4.5-.6 8.8-1.6 13.1-2.8c44.6 94.9 27.7 211.5-50.7 290s-195.1 95.3-290 50.7c1.2-4.2 2.1-8.6 2.8-13.1l5.2-36.7c79.1 43.9 180.8 32.3 248-34.9M139 139c78.4-78.4 195.1-95.3 290-50.7c-1.2 4.2-2.1 8.6-2.8 13.1l-5.2 36.7c-79.1-43.9-180.8-32.3-248 34.9s-78.8 168.9-34.9 248l-36.7 5.2c-4.5.6-8.8 1.6-13.1 2.8c-44.6-94.9-27.7-211.5 50.7-290m295.9 131.5c5.8-10.9 21.1-12.4 26.4-1.3c25.6 53.5 16.2 119.6-28.2 163.9c-44.3 44.3-110.3 53.7-163.8 28.2c-11.1-5.3-9.6-20.6 1.3-26.4c32-17.1 64.2-40.8 93.8-70.4c29.7-29.7 53.4-61.9 70.5-94m-277.6 75.4c-1.7-8 2.9-15.9 10.6-18.4l84.6-28c5.7-1.9 12.1-.4 16.3 3.9s5.8 10.6 3.9 16.3l-28 84.6c-2.6 7.7-10.5 12.3-18.4 10.6s-13.4-9-12.7-17.1l3.9-43.1l-43.1 3.9c-8.1.7-15.5-4.7-17.1-12.7m201.3-171.5l-3.9 43.1l43.1-3.9c8.1-.7 15.5 4.7 17.1 12.7s-2.9 15.9-10.6 18.4l-84.6 28c-5.7 1.9-12.1.4-16.3-3.9s-5.8-10.6-3.9-16.3l28-84.6c2.6-7.7 10.5-12.3 18.4-10.6s13.4 9 12.7 17.1m217.4-59c0 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.7C477.3 82.8 499 64 524.6 64C553 64 576 87 576 115.4M108.1 473.7l46.8-6.7c10.6-1.5 19.6 7.5 18.1 18.1l-6.7 46.7c-3.6 25.4-25.3 44.2-50.9 44.2C87 576 64 553 64 524.6c0-25.6 18.8-47.3 44.1-50.9"/></svg>Grin Squint Tears アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-regular:grin-squint-tears" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-regular:grin-squint-tears" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-regular:grin-squint-tears" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-regular--grin-squint-tears]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-regular -->
<div class="i-fa7-regular: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-regular:grin-squint-tears"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-regular/grin-squint-tears.svg" alt="Grin Squint Tears アイコン" width="24" height="24">Font Awesome Regular の関連アイコン
他のアイコンセットの Grin Squint Tears アイコン
Grin Squint Tears アイコン のよくある質問
Grin Squint Tears アイコンは商用利用でも無料ですか?
はい。Font Awesome Regular icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Grin Squint Tears アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-regular:grin-squint-tears" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grin Squint Tears アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-regular/grin-squint-tears.svg" alt="Grin Squint Tears アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。