Confused Face アイコン

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

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

noto-v1:confused-face

Confused Face アイコン(noto-v1:confused-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
カテゴリ: スマイリー・感情
タグ: confusedface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGpy5nGdBb" fill="none" stroke="#2f2f2f" d="M-129.01-93.69c12.55-15.88 47.9-26.92 59.85-12.46"/></defs><path fill="#2f2f2f" d="M-127.7-94.74c-1.37 0-2.61-.95-2.92-2.34c-.36-1.62.65-3.22 2.27-3.59l49.2-11.08c.89-.2 1.82.01 2.53.58l8.19 6.54a3.002 3.002 0 1 1-3.75 4.69l-7.07-5.64l-47.79 10.77c-.22.04-.44.07-.66.07"/><path fill="#fcc21b" d="M-99-171.93c-62.41 0-63.88 69.96-63.88 83.8c0 13.86 28.59 25.08 63.88 25.08c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="#2f2f2f" d="M-68.33-136.84c0-.98-.14-1.9-.35-2.79c-2.04-.53-4.18-1.25-6.34-2.47c-2.2-1.23-4.03-2.49-5.66-3.75c-2.6 1.76-4.35 5.11-4.35 9.02c0 5.7 3.73 10.31 8.35 10.31c4.61-.01 8.35-4.62 8.35-10.32m-52.46 10.31c-4.49.04-8.17-4.27-8.22-9.62c-.05-5.37 3.55-9.75 8.04-9.79c4.48-.04 8.17 4.27 8.22 9.64c.05 5.36-3.55 9.73-8.04 9.77"/><path fill="#fcc21b" d="M-282-171.93c-62.41 0-63.88 69.96-63.88 83.8c0 13.86 28.59 25.08 63.88 25.08c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="6" d="M-312.01-94.74c16.03-17.05 46.76-28.55 59.85-12.46"/><path fill="#2f2f2f" d="M-304.01-125.01c-4.49.04-8.17-4.27-8.22-9.62c-.05-5.37 3.55-9.75 8.04-9.79c4.48-.04 8.17 4.27 8.22 9.64c.05 5.35-3.56 9.73-8.04 9.77m44.11 0c4.48-.01 8.11-4.36 8.1-9.71c-.01-5.37-3.66-9.7-8.14-9.69c-4.49.01-8.13 4.36-8.12 9.73c.01 5.35 3.67 9.68 8.16 9.67"/><use href="#SVGpy5nGdBb" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="6"/><path fill="#fcc21b" d="M222.5-171.93c-62.41 0-63.88 69.96-63.88 83.8c0 13.86 28.59 25.08 63.88 25.08c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="6" d="M192.49-94.74c16.03-17.05 46.76-28.55 59.85-12.46"/><path fill="#fcc21b" d="M64-171.93C1.59-171.93.12-101.97.12-88.13C.12-74.27 28.71-63.05 64-63.05c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="6" d="M33.99-94.74c16.03-17.05 46.76-28.55 59.85-12.46"/><path fill="#2f2f2f" d="M42.03-127c-4.49.04-8.17-4.27-8.22-9.62c-.05-5.37 3.55-9.75 8.04-9.79c4.48-.04 8.17 4.27 8.22 9.64c.05 5.36-3.55 9.73-8.04 9.77m36.13-17.71q-.18.99-.18 2.04c.02 5.36 3.67 9.69 8.17 9.67c4.1-.01 7.48-3.65 8.02-8.37zm-4.38 2.15h-.11c-.69 0-1.25-.57-1.24-1.26c.03-5.43 4.15-8.25 4.32-8.36c.57-.39 1.35-.23 1.73.34s.23 1.35-.34 1.73c-.14.09-3.2 2.24-3.22 6.3c0 .67-.5 1.2-1.14 1.25"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M254.47-150.62s4.31 2.64 5.2 8.43m-67.4-8.43s-4.31 2.64-5.2 8.43"/><path fill="#2f2f2f" d="M200.49-125.01c-4.49.04-8.17-4.27-8.22-9.62c-.05-5.37 3.55-9.75 8.04-9.79c4.48-.04 8.17 4.27 8.22 9.64c.05 5.35-3.56 9.73-8.04 9.77m44.11 0c4.48-.01 8.11-4.36 8.1-9.71c-.01-5.37-3.66-9.7-8.14-9.69c-4.49.01-8.13 4.36-8.12 9.73c.01 5.35 3.67 9.68 8.16 9.67"/><path fill="#fcc21b" d="M64 9.56C1.59 9.56.12 79.52.12 93.36c0 13.86 28.59 25.08 63.88 25.08c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M98.1 32.85s4.31 2.64 5.2 8.43m-73.4-8.43s-4.31 2.64-5.2 8.43"/><path fill="#2f2f2f" d="M41.99 61.9c-4.49.04-8.17-4.27-8.22-9.62c-.05-5.37 3.55-9.75 8.04-9.79c4.48-.04 8.17 4.27 8.22 9.64c.05 5.36-3.56 9.73-8.04 9.77m44.11 0c4.48-.01 8.11-4.36 8.1-9.71c-.01-5.37-3.66-9.7-8.14-9.69c-4.49.01-8.13 4.36-8.12 9.73c.01 5.35 3.67 9.68 8.16 9.67"/><use href="#SVGpy5nGdBb" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="6"/><path fill="#fcc21b" d="M208.53 9.56c-62.41 0-63.88 69.96-63.88 83.8c0 13.86 28.59 25.08 63.88 25.08c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M242.63 32.85s4.31 2.64 5.2 8.43m-73.4-8.43s-4.31 2.64-5.2 8.43"/><path fill="#2f2f2f" d="M186.52 61.9c-4.49.04-8.17-4.27-8.22-9.62c-.05-5.37 3.55-9.75 8.04-9.79c4.48-.04 8.17 4.27 8.22 9.64c.04 5.36-3.56 9.73-8.04 9.77m44.11 0c4.48-.01 8.11-4.36 8.1-9.71c-.01-5.37-3.66-9.7-8.14-9.69c-4.49.01-8.13 4.36-8.12 9.73c.01 5.35 3.67 9.68 8.16 9.67"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="6" d="M177.43 84.18s11.86 13.09 29 0s33.2 2.91 33.2 2.91m-200.77 5.4C51.41 76.61 82 67.33 93.85 81.64"/></svg>

Confused Face アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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