Grinning Face With Tightly Closed Eyes Open Mouth アイコン
icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth
Grinning Face With Tightly Closed Eyes Open Mouth アイコン(icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth)は、IconPark TwoTone セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark TwoTone icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark TwoTone
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 絵文字
- タグ
- grinningface、facewith、withtightly、tightlyclosed、closedeyes、eyesopen、openmouth、eye
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGGhGbLctk"><g fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="4"><path fill="#555" d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z"/><path stroke-linecap="round" d="M24 35c5 0 7-4 7-4H17s2 4 7 4m8-18l-3 3l3 3m-16-6l3 3l-3 3"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGGhGbLctk)"/></svg>
Grinning Face With Tightly Closed Eyes Open Mouth アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-twotone--grinning-face-with-tightly-closed-eyes-open-mouth]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-twotone -->
<div class="i-icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park-twotone/grinning-face-with-tightly-closed-eyes-open-mouth.svg" alt="Grinning Face With Tightly Closed Eyes Open Mouth アイコン" width="24" height="24">
他のアイコンセットの Grinning Face With Tightly Closed Eyes Open Mouth アイコン
Grinning Face With Tightly Closed Eyes Open Mouth アイコン のよくある質問
Grinning Face With Tightly Closed Eyes Open Mouth アイコンは商用利用でも無料ですか?
はい。IconPark TwoTone icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Grinning Face With Tightly Closed Eyes Open Mouth アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park-twotone:grinning-face-with-tightly-closed-eyes-open-mouth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grinning Face With Tightly Closed Eyes Open Mouth アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park-twotone/grinning-face-with-tightly-closed-eyes-open-mouth.svg" alt="Grinning Face With Tightly Closed Eyes Open Mouth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
IconPark TwoTone アイコン をすべて見る →
ICONYZ
