ICONYZ
日本語
Font Awesome Solid の Grin Squint Tears アイコン

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 コード

<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 コードをページに直接貼り付けます。

Font Awesome Solid アイコン をすべて見る →