Relieved Face アイコン

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

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

noto-v1:relieved-face

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M-96 10.92c-62.12 0-63.59 69.65-63.59 83.44c0 13.77 28.47 24.94 63.59 24.94s63.59-11.17 63.59-24.94c0-13.79-1.46-83.44-63.59-83.44"/><path fill="#2f2f2f" d="M-108.46 59.69c-.17.26-4.25 6.53-13.16 6.53s-12.99-6.25-13.16-6.53c-.81-1.29-.44-3 .85-3.81c1.28-.83 2.98-.44 3.81.84c.09.15 2.71 3.97 8.5 3.97c5.81 0 8.47-3.93 8.49-3.96c.82-1.29 2.53-1.68 3.81-.85c1.3.81 1.68 2.51.86 3.81m51.7.06c-.18.27-4.33 6.65-13.4 6.65c-9.09 0-13.22-6.4-13.39-6.65c-.83-1.32-.44-3.05.86-3.88c1.31-.83 3.05-.45 3.88.87c.09.15 2.74 4.04 8.64 4.04c5.93 0 8.64-4 8.66-4.04c.83-1.32 2.57-1.7 3.88-.87c1.31.84 1.7 2.56.87 3.88m-16.21 21.02c-1.1 0-2.05.64-2.51 1.57c-.36.69-7.25 13.41-20.48 13.41c-12.33 0-20.96-12.73-21.05-12.86a2.774 2.774 0 0 0-3.85-.77c-1.29.85-1.62 2.58-.77 3.86c.4.62 10.39 15.33 25.67 15.33c16.82 0 25.76-15.85 25.76-17.76a2.77 2.77 0 0 0-2.77-2.78"/><path fill="#fff" d="M-68.64 39.67c2.08 3.42 6.32 6.5 10.18 3.68c3.88-2.83 4.05-7.76.68-12.4c-4.99-6.92-15.47-11.19-16.44-10.47c-.96.71.54 11.02 5.58 19.19"/><path fill="#fcc21b" d="M64 10.81C1.88 10.81.41 80.46.41 94.25c0 13.77 28.47 24.94 63.59 24.94s63.59-11.17 63.59-24.94c0-13.79-1.46-83.44-63.59-83.44"/><path fill="#2f2f2f" d="M87.07 80.67c-1.1 0-2.05.64-2.51 1.57c-.36.69-7.25 13.41-20.48 13.41c-12.33 0-20.96-12.73-21.05-12.86a2.774 2.774 0 0 0-3.85-.77c-1.29.85-1.62 2.58-.77 3.86c.4.62 10.39 15.33 25.67 15.33c16.82 0 25.76-15.85 25.76-17.76a2.766 2.766 0 0 0-2.77-2.78"/><path fill="#fff" d="M91.36 39.67c2.08 3.42 6.32 6.5 10.18 3.68c3.88-2.83 4.05-7.76.68-12.4c-4.99-6.92-15.47-11.19-16.44-10.47c-.96.71.54 11.02 5.58 19.19"/><defs><path id="SVGrLqOlcFp" d="M76.04 44.64c-1.99 2.67-3.89 6.93-4.02 10.61c-.35 9.08 6.18 16.7 14.58 17.01c8.37.31 15.44-6.8 15.78-15.88c.02-.7-.12-1.85-.17-2.53c-4.01-3.19-14.3-7.76-26.17-9.21"/></defs><use fill="#fff" href="#SVGrLqOlcFp"/><clipPath id="SVGDOKSqcvy"><use href="#SVGrLqOlcFp"/></clipPath><path fill="#2f2f2f" d="M86.04 43.85c3.46 1.49 5.32 5.07 4.13 8.03c-1.17 2.96-4.92 4.14-8.38 2.66s-5.31-5.09-4.13-8.04c1.17-2.94 4.92-4.13 8.38-2.65" clip-path="url(#SVGDOKSqcvy)"/><defs><path id="SVGsIbA3qyG" d="M51.86 44.64c1.99 2.67 3.89 6.93 4.02 10.61c.35 9.08-6.18 16.7-14.58 17.01c-8.37.31-15.44-6.8-15.78-15.88c-.02-.7.12-1.85.17-2.53c4.01-3.19 14.3-7.76 26.17-9.21"/></defs><use fill="#fff" href="#SVGsIbA3qyG"/><clipPath id="SVGbobfqctt"><use href="#SVGsIbA3qyG"/></clipPath><path fill="#2f2f2f" d="M41.86 43.85c-3.46 1.49-5.32 5.07-4.13 8.03c1.17 2.96 4.92 4.14 8.38 2.66s5.31-5.09 4.13-8.04c-1.17-2.94-4.92-4.13-8.38-2.65" clip-path="url(#SVGbobfqctt)"/></svg>

Relieved Face アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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