Pensive Face アイコン

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

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

noto:pensive-face

Pensive Face アイコン(noto:pensive-face)は、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
カテゴリ: スマイリー・感情
タグ: pensiveface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVGU8UgTbEM" cx="63.6" cy="1104.9" r="56.96" gradientTransform="translate(0 -1042)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#FDE030"/><stop offset=".92" stop-color="#F7C02B"/><stop offset="1" stop-color="#F4A223"/></radialGradient><path fill="url(#SVGU8UgTbEM)" d="M63.6 118.8c-27.9 0-58-17.5-58-55.9S35.7 7 63.6 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.6 9.3-25 14.5-40.4 14.5"/><path fill="#EB8F00" d="M111.49 29.67c5.33 8.6 8.11 18.84 8.11 30.23c0 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.47-24.06-10.11-33.23"/><path fill="none" stroke="#35220B" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" d="M53 95h22"/><path fill="#422B0D" d="m49.6 64l-.2.2l-.5.5c-.2.2-.4.3-.7.6c-.32.26-.65.49-1 .7c-.4.2-.8.5-1.2.7s-.9.4-1.4.6c-.49.18-.99.31-1.5.4c-.53.09-1.06.12-1.6.1h-.9c-.2 0-.5-.1-.7-.1c-.51-.09-1.01-.22-1.5-.4c-.49-.14-.96-.34-1.4-.6c-.42-.2-.82-.43-1.2-.7c-.7-.5-1.3-1-1.7-1.3l-.6-.6l-.2-.2a3.62 3.62 0 0 0-4.6-.2a2.68 2.68 0 0 0-.8 3.2l.1.3c.11.28.25.54.4.8c.61 1.03 1.35 1.97 2.2 2.8c.59.58 1.23 1.12 1.9 1.6c.79.55 1.62 1.02 2.5 1.4c.96.44 1.97.77 3 1c.5.1 1.1.2 1.7.3c.3 0 .7.1.8.1h.8q1.665 0 3.3-.3c1.04-.21 2.04-.55 3-1c.88-.38 1.71-.85 2.5-1.4c.72-.43 1.36-.97 1.9-1.6c.49-.45.93-.95 1.3-1.5c.2-.2.3-.5.5-.7s.3-.4.4-.6c.17-.24.31-.51.4-.8l.1-.2a2.79 2.79 0 0 0-1.42-3.67c-.12-.05-.25-.1-.38-.13a2.99 2.99 0 0 0-3.3.7m44.91.37l-.2.2c-.16.18-.33.35-.51.5l-.69.57c-.29.22-.62.46-1 .7s-.77.47-1.2.69c-.44.22-.9.41-1.37.57c-.49.15-.99.27-1.5.37c-.52.08-1.04.12-1.57.12h-.88l-.7-.09c-.51-.1-1.01-.22-1.5-.37c-.48-.18-.94-.39-1.39-.63c-.43-.22-.83-.46-1.2-.69c-.59-.39-1.14-.83-1.66-1.31l-.63-.58l-.25-.25a3.53 3.53 0 0 0-4.57-.17a2.66 2.66 0 0 0-.78 3.25l.15.3c.13.29.28.57.44.84a13.8 13.8 0 0 0 4.09 4.32c.79.55 1.63 1.02 2.51 1.4c.98.43 2 .77 3.05 1c.55.1 1.06.2 1.73.26c.31 0 .67.06.83.06h.78c1.12-.02 2.23-.13 3.33-.35c1.05-.23 2.07-.57 3.05-1c.88-.38 1.72-.85 2.51-1.4a14 14 0 0 0 3.25-3.07l.48-.67l.4-.63c.15-.24.28-.5.39-.77l.11-.25c.6-1.43-.08-3.08-1.51-3.68c-.1-.04-.2-.08-.3-.1a3.56 3.56 0 0 0-3.69.86M23.4 46.8c-2.2.4-2.3 3.6.1 3.7c5.3.07 10.42-1.9 14.3-5.5c1.48-1.28 2.73-2.8 3.7-4.5c.58-.83.38-1.97-.45-2.55s-1.97-.38-2.55.45l-.1.1a26.03 26.03 0 0 1-15 8.3m66.1-8.4a1.83 1.83 0 0 0-2.55-.45a1.83 1.83 0 0 0-.45 2.55c.97 1.7 2.22 3.22 3.7 4.5c3.9 3.57 9.01 5.54 14.3 5.5c2.5-.1 2.3-3.3.1-3.7a25.54 25.54 0 0 1-15.1-8.4"/></svg>

Pensive Face アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:pensive-face"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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