ICONYZ
日本語
Noto Emoji (v1) の Confounded Face アイコン

Confounded Face アイコン

noto-v1:confounded-face

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

アイコンセット
Noto Emoji (v1)
作者
Google Inc
ライセンス
Apache-2.0
サイズ
128 × 128
カテゴリ
スマイリー・感情
タグ
confoundedface
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M64 9.64C1.69 9.64.21 79.5.21 93.33S28.77 118.36 64 118.36c35.24 0 63.79-11.21 63.79-25.03c0-13.83-1.47-83.69-63.79-83.69"/><path fill="#2f2f2f" d="M90.46 59.62c-7.67 0-14.99-3.84-19.31-10.47c-.83-1.27-.47-2.98.8-3.8c1.27-.83 2.98-.47 3.8.81a17.55 17.55 0 0 0 18.97 7.44a2.75 2.75 0 0 1 3.34 2a2.75 2.75 0 0 1-2 3.34c-1.85.45-3.74.68-5.6.68m-52.92 0c-1.86 0-3.75-.23-5.61-.7a2.754 2.754 0 0 1-2-3.34a2.76 2.76 0 0 1 3.34-2a17.55 17.55 0 0 0 18.97-7.44a2.756 2.756 0 0 1 3.8-.81c1.27.83 1.63 2.53.8 3.8c-4.3 6.65-11.63 10.49-19.3 10.49M64 76.53c8.08 0 11.99-3.92 17.9-3.92c10.67 0 18.87 5.4 19.22 10.76c.3 4.45-5.73 4.58-8.54 2.18c-3.07-2.6-6.35-4.86-10.33-6.18c-5.3-1.76-10.84 2.05-18.25 2.05m0-4.89c-8.08 0-11.99-3.92-17.9-3.92c-10.67 0-18.87 5.4-19.22 10.76c-.3 4.45 5.73 4.58 8.54 2.18c3.07-2.6 6.35-4.86 10.33-6.18c5.3-1.76 10.84 2.05 18.25 2.05"/></svg>

Confounded Face アイコンの使い方

React

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

<Icon icon="noto-v1:confounded-face" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:confounded-face" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:confounded-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--confounded-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:confounded-face"></div>

Web コンポーネント

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

<iconify-icon icon="noto-v1:confounded-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto-v1/confounded-face.svg" alt="Confounded Face アイコン" width="24" height="24">

他のアイコンセットの Confounded Face アイコン

Confounded Face アイコン のよくある質問

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

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

React で Confounded Face アイコンを使うには?

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

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

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

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