Face Holding Back Tears アイコン
fluent-emoji-flat:face-holding-back-tears
Face Holding Back Tears アイコン(fluent-emoji-flat:face-holding-back-tears)は、Fluent Emoji Flat セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
- タグ
- faceholding、holdingback、backtears、faceholdingbacktears、tear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16.018 30c9.348 0 14.019-6.276 14.019-14.018S25.366 1.963 16.018 1.963S2 8.24 2 15.982S6.671 30 16.018 30"/><path fill="#fff" d="M14.962 16.596a4.228 4.228 0 1 1-8.456 0a4.228 4.228 0 0 1 8.455 0m2.039 0a4.228 4.228 0 1 0 8.455 0a4.228 4.228 0 0 0-8.455 0"/><path fill="#402a32" d="m10.019 7.388l-.003.016l-.018.075a3.5 3.5 0 0 1-.575 1.194c-.476.635-1.334 1.302-2.917 1.302a.5.5 0 1 0 0 1c1.923 0 3.068-.836 3.717-1.702a4.5 4.5 0 0 0 .746-1.552l.033-.15l.002-.011v-.006l.001-.001a.5.5 0 0 0-.986-.165m12.001 0l.003.016l.018.075a3.5 3.5 0 0 0 .575 1.194c.476.635 1.334 1.302 2.917 1.302a.5.5 0 1 1 0 1c-1.923 0-3.067-.836-3.717-1.702a4.5 4.5 0 0 1-.745-1.552l-.034-.15l-.002-.011v-.006l-.001-.001a.5.5 0 0 1 .986-.166zm-8.503 15.047a.75.75 0 0 0-1.003 1.115c.926.834 2.25 1.206 3.506 1.206c1.254 0 2.58-.372 3.506-1.206a.75.75 0 1 0-1.004-1.115c-.576.518-1.504.822-2.502.822c-.999 0-1.927-.304-2.503-.822m-2.401-2.449a3.701 3.701 0 1 0 0-7.403a3.701 3.701 0 0 0 0 7.403m2.564-5.541c.463.668.395 1.516-.151 1.894s-1.364.142-1.826-.526c-.463-.668-.395-1.517.151-1.895c.546-.377 1.364-.142 1.826.527m3.465 1.84a3.701 3.701 0 1 0 7.402 0a3.701 3.701 0 0 0-7.402 0m5.866.054c-.546.378-1.364.142-1.826-.526c-.463-.668-.395-1.517.151-1.895c.547-.377 1.364-.142 1.827.527c.462.668.394 1.516-.152 1.894"/><path fill="#3f5fff" d="M14.211 19a4.44 4.44 0 0 1-3.68 1.95c-.452 0-.889-.067-1.301-.192a.147.147 0 0 0-.19.138a1.104 1.104 0 0 1-2.209 0V20a1 1 0 0 1 1-1zm3.539 0a4.44 4.44 0 0 0 3.68 1.95c.452 0 .89-.067 1.302-.192c.093-.029.19.04.19.138a1.104 1.104 0 0 0 2.208 0V20a1 1 0 0 0-1-1z"/></g></svg>Face Holding Back Tears アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:face-holding-back-tears" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:face-holding-back-tears" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:face-holding-back-tears" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--face-holding-back-tears]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:face-holding-back-tears"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:face-holding-back-tears"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/face-holding-back-tears.svg" alt="Face Holding Back Tears アイコン" width="24" height="24">Fluent Emoji Flat の関連アイコン
face-blowing-a-kiss
face-exhaling
face-in-clouds
face-savoring-food
face-screaming-in-fear
face-vomiting
face-with-diagonal-mouth
face-with-hand-over-mouth
face-with-head-bandage
face-with-medical-mask
face-with-monocle
face-with-open-eyes-and-hand-over-mouth
face-with-open-mouth
face-with-peeking-eye
face-with-raised-eyebrow
face-with-rolling-eyes
face-with-spiral-eyes
face-with-steam-from-nose
face-with-symbols-on-mouth
face-with-tears-of-joy
face-with-thermometer
face-with-tongue
face-without-mouth
他のアイコンセットの Face Holding Back Tears アイコン
Face Holding Back Tears アイコン のよくある質問
Face Holding Back Tears アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Face Holding Back Tears アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:face-holding-back-tears" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face Holding Back Tears アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/face-holding-back-tears.svg" alt="Face Holding Back Tears アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。