ICONYZ
日本語
OpenMoji の Face Holding Back Tears アイコン

Face Holding Back Tears アイコン

openmoji:face-holding-back-tears

Face Holding Back Tears アイコン(openmoji:face-holding-back-tears)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
スマイリー・感情
タグ
faceholding、holdingback、backtears、faceholdingbacktears、tear
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGntIp2c9H" d="M34.527 32.43a7.5 7.5 0 1 0-13.847 3.977a.85.85 0 0 1 .405-.952a2.2 2.2 0 0 1 1.195-.261a5.483 5.483 0 0 1 4.013-8.209a5.38 5.38 0 1 0 5.798 8.218a3 3 0 0 1 .733.078a.88.88 0 0 1 .587.543a.86.86 0 0 1 .006.513a7.44 7.44 0 0 0 1.11-3.907m-6.134 1.014a3 3 0 1 1 3-3a3 3 0 0 1-3 3m23.174-1.014a7.5 7.5 0 1 0-13.87 3.939a.9.9 0 0 1 .006-.352a.87.87 0 0 1 .413-.562a2.2 2.2 0 0 1 1.206-.259A5.482 5.482 0 0 1 43.239 27a5.382 5.382 0 1 0 5.863 8.204a3.2 3.2 0 0 1 .753.078a.88.88 0 0 1 .587.544a.86.86 0 0 1-.01.553a7.45 7.45 0 0 0 1.135-3.948m-6.163 1.014a3 3 0 1 1 3-3a3 3 0 0 1-3 3"/></defs><use href="#SVGntIp2c9H"/><circle cx="35.977" cy="36" r="23" fill="#fcea2b"/><circle cx="26.977" cy="32.43" r="6.5" fill="#fff"/><circle cx="44.067" cy="32.43" r="6.5" fill="#fff"/><path fill="#92d3f5" d="M32.819 35.3a3.86 3.86 0 0 0-1.853.047a5.3 5.3 0 0 0-1.025.514c-.33.2-.739.447-1.153.653a4.3 4.3 0 0 1-3.697-.21c-.143-.075-.285-.16-.423-.242l-.044-.027a7 7 0 0 0-1.07-.554a3.05 3.05 0 0 0-2.46-.01a.853.853 0 0 0-.278 1.217a7.36 7.36 0 0 0 6.188 3.272a7.53 7.53 0 0 0 6.291-3.355a.855.855 0 0 0-.476-1.305m17.604.532a.86.86 0 0 0-.573-.53a3.86 3.86 0 0 0-1.853.046a5.3 5.3 0 0 0-1.025.515c-.33.2-.738.446-1.152.652a4.3 4.3 0 0 1-3.698-.209a9 9 0 0 1-.423-.243l-.043-.026a7 7 0 0 0-1.07-.555a3.05 3.05 0 0 0-2.46-.009a.853.853 0 0 0-.279 1.216a7.36 7.36 0 0 0 6.189 3.273a7.51 7.51 0 0 0 6.29-3.356a.87.87 0 0 0 .097-.775"/><use href="#SVGntIp2c9H"/><g fill="none" stroke="#000" stroke-width="2"><circle cx="35.977" cy="36" r="23" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M30.17 19.046a7.18 7.18 0 0 1-3.936 3.36a7.08 7.08 0 0 1-4.406.018m28.439-.726a7.17 7.17 0 0 1-5.146.54a7.1 7.1 0 0 1-3.643-2.478m.999 26.74a8.697 8.697 0 0 1-13 0"/></g></svg>

Face Holding Back Tears アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:face-holding-back-tears" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:face-holding-back-tears" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:face-holding-back-tears" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--face-holding-back-tears]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji: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="openmoji:face-holding-back-tears"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/face-holding-back-tears.svg" alt="Face Holding Back Tears アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Face Holding Back Tears アイコン

Face Holding Back Tears アイコン のよくある質問

Face Holding Back Tears アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Face Holding Back Tears アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:face-holding-back-tears" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Face Holding Back Tears アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/face-holding-back-tears.svg" alt="Face Holding Back Tears アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコン をすべて見る →