Face With Tears Of Joy アイコン
fluent-emoji-high-contrast:face-with-tears-of-joy
Face With Tears Of Joy アイコン(fluent-emoji-high-contrast:face-with-tears-of-joy)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
- タグ
- facewith、withtears、tearsof、ofjoy、facewithtearsofjoy、tear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778c-1.84 1.996-2.915 4.685-3.174 7.746l-2.053 2.053A20 20 0 0 1 1 16c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576l-.003.332l-2.084-2.085c-.3-2.945-1.365-5.532-3.148-7.468C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778M27.937 21.76a11.5 11.5 0 0 1-2.174 3.46c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778a11.5 11.5 0 0 1-2.14-3.38a3.14 3.14 0 0 1-2.175-.092c.624 1.803 1.568 3.442 2.843 4.827c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c1.25-1.358 2.183-2.96 2.807-4.722a3.14 3.14 0 0 1-2.104-.094"/><path d="M22.669 16H9.58a3.1 3.1 0 0 1-.874 1.707l-1.21 1.211C8.302 21.547 10.424 25 16 25c5.712 0 7.8-3.626 8.561-6.274l-1.018-1.019A3.1 3.1 0 0 1 22.669 16M4.63 20.37L8 17a2.121 2.121 0 1 0-3-3l-3.37 3.37a2.121 2.121 0 0 0 3 3M24.25 17l3.37 3.37a2.121 2.121 0 1 0 3-3L27.25 14a2.121 2.121 0 0 0-3 3M9.349 10.413c-.21.227-.32.53-.367.778a1 1 0 0 1-1.964-.382c.089-.456.31-1.153.858-1.749C8.453 8.431 9.316 8 10.5 8c1.195 0 2.062.452 2.636 1.082c.544.597.77 1.292.85 1.747a1 1 0 0 1-1.971.342a1.55 1.55 0 0 0-.358-.742C11.47 10.222 11.142 10 10.5 10c-.653 0-.972.217-1.151.412m11.001.001c-.21.227-.32.53-.368.778a1 1 0 0 1-1.963-.382c.088-.456.31-1.153.857-1.749C19.453 8.431 20.316 8 21.5 8c1.196 0 2.062.452 2.636 1.082c.544.597.77 1.292.85 1.747a1 1 0 0 1-1.971.342a1.55 1.55 0 0 0-.358-.742C22.47 10.222 22.142 10 21.5 10c-.653 0-.971.217-1.15.412"/></g></svg>
Face With Tears Of Joy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:face-with-tears-of-joy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:face-with-tears-of-joy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:face-with-tears-of-joy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--face-with-tears-of-joy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:face-with-tears-of-joy"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:face-with-tears-of-joy"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/face-with-tears-of-joy.svg" alt="Face With Tears Of Joy アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Face With Tears Of Joy アイコン
Face With Tears Of Joy アイコン のよくある質問
Face With Tears Of Joy アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Face With Tears Of Joy アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:face-with-tears-of-joy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face With Tears Of Joy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/face-with-tears-of-joy.svg" alt="Face With Tears Of Joy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
