ICONYZ
日本語
Noto Emoji の Face With Bags Under Eyes アイコン

Face With Bags Under Eyes アイコン

noto:face-with-bags-under-eyes

Face With Bags Under Eyes アイコン(noto:face-with-bags-under-eyes)は、Noto Emoji セットの無料 SVG アイコンです(作者: Google Inc)。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Noto Emoji
作者
Google Inc
ライセンス
Apache-2.0
サイズ
128 × 128
カテゴリ
スマイリー・感情
タグ
facewith、withbags、bagsunder、undereyes、facewithbagsundereyes、bag、eye
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVGatzaiemL" cx="63.22" cy="-86.9" r="56.96" gradientTransform="matrix(1 0 0 -1 0 -24)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#FDE030"/><stop offset=".92" stop-color="#F7C02B"/><stop offset="1" stop-color="#F4A223"/></radialGradient><path fill="url(#SVGatzaiemL)" d="M63.22 118.8c-27.9 0-58-17.5-58-55.9S35.32 7 63.22 7c15.5 0 29.8 5.1 40.4 14.4c11.5 10.2 17.6 24.6 17.6 41.5s-6.1 31.2-17.6 41.4c-10.62 9.3-25 14.5-40.4 14.5"/><path fill="#EB8F00" d="M111.28 29.89c5.33 8.6 8.32 18.62 8.32 30.01c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5c11.5-10.2 17.6-24.5 17.6-41.4c0-12.74-3.68-23.84-10.32-33.01"/><path fill="#422B0D" d="M82.4 100.1c-4.4.3-32.3 1.3-35.1.8c-3.8-.7-3.5-5.9.3-6.4c1.8-.2 12.5-1.2 17.6-1.2s8.3.5 10.3.8c1.8.3 6.2 1.5 7.2 1.7c2.1.6 2.1 4.1-.3 4.3m18-59.9C99 39.3 89 35.7 77 38.4c-3.2.7-2.1 5.1.8 4.5c10.4-2.2 18.8.3 21.2.7s2.8-2.5 1.4-3.4"/><path fill="#EB8F00" d="M98.5 64.2c4.5-1.9 6.6 2.2 5.7 5.8c-2.3 8.9-22.6 16.7-32.2.7c-2.8-4.6 2.3-7.4 5.2-5.3c7.7 5.6 16.7.7 21.3-1.2m-68.7 1c-2.2-2.2-6.6 0-5.9 3.6c2.8 13.9 27.4 15.9 32.1 1.4c1.2-3.9-2.1-6.4-5.7-4.4c-8.8 4.9-15.6 4.1-20.5-.6"/><path fill="#FFF" d="M72.9 54.8c6.1-.2 20.7.3 26.9.8c2.2.2 2.4 2.1 2.2 3.4c-2.7 15.8-29.5 18.7-31.4-1.2c-.2-2.7 1.2-3 2.3-3m-45.3 2c-1.7.3-2.4 2-2 3.7c3.7 15.6 30.3 15.4 31.5-3c0-1.7-.6-3.1-2.7-3.1c-4.6 0-20.3 1.4-26.8 2.4"/><defs><path id="SVGVGfiLwTY" d="M72.9 54.8c6.1-.2 20.7.3 26.9.8c2.2.2 2.4 2.1 2.2 3.4c-2.7 15.8-29.5 18.7-31.4-1.2c-.2-2.7 1.2-3 2.3-3m-45.3 2c-1.7.3-2.4 2-2 3.7c3.7 15.6 30.3 15.4 31.5-3c0-1.7-.6-3.1-2.7-3.1c-4.6 0-20.3 1.4-26.8 2.4"/></defs><clipPath id="SVGzSt3EcHQ"><use href="#SVGVGfiLwTY"/></clipPath><g clip-path="url(#SVGzSt3EcHQ)"><path fill="#422B0D" d="M92.3 54.4c2.7 4.5-.4 10.4-6.2 10.4s-8.9-5.4-5.3-10.8c2.2-3.4 9-3.8 11.5.4m-56.6.4c-2.9 4.9.9 10.1 5.6 10.1s8.2-6.2 5.3-10.4c-2.3-3.3-8.8-3.3-10.9.3"/></g><defs><use href="#SVGVGfiLwTY" id="SVGmJTOkdAK"/></defs><clipPath id="SVGZ60onbhP"><use href="#SVGmJTOkdAK"/></clipPath><g clip-path="url(#SVGZ60onbhP)"><path fill="#896024" d="M41.5 56.1c0 1.3-1.1 2.4-2.5 2.4s-2.5-1.1-2.5-2.4s1.1-2.4 2.5-2.4s2.5 1.1 2.5 2.4m42.3-2.7c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5"/></g><path fill="#422B0D" d="M53.18 36.85c-1.48-.76-11.79-3.34-23.46.55c-3.11 1.02-1.58 5.28 1.25 4.4c10.13-3.23 18.74-1.58 21.16-1.43s2.54-2.77 1.05-3.52"/></svg>

Face With Bags Under Eyes アイコンの使い方

React

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

<Icon icon="noto:face-with-bags-under-eyes" width="24" />

Vue

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

<template>
  <Icon icon="noto:face-with-bags-under-eyes" width="24" />
</template>

Svelte

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

<Icon icon="noto:face-with-bags-under-eyes" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--face-with-bags-under-eyes]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:face-with-bags-under-eyes"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:face-with-bags-under-eyes"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/face-with-bags-under-eyes.svg" alt="Face With Bags Under Eyes アイコン" width="24" height="24">

Noto Emoji の関連アイコン

他のアイコンセットの Face With Bags Under Eyes アイコン

Face With Bags Under Eyes アイコン のよくある質問

Face With Bags Under Eyes アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Face With Bags Under Eyes アイコンを使うには?

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

Face With Bags Under Eyes アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/face-with-bags-under-eyes.svg" alt="Face With Bags Under Eyes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Noto Emoji アイコン をすべて見る →