Relieved Face アイコン

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:relieved-face

Relieved Face アイコン(emojione-v1:relieved-face)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 人物
タグ: relievedface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fbbf67" d="M63.957 31.98c0 17.662-14.314 31.979-31.979 31.979S0 49.643 0 31.98C0 14.316 14.314 0 31.979 0s31.978 14.316 31.978 31.98"/><g fill="#633d19"><path d="M10.76 25.309c1.927-4.28 5.152-5.953 9.351-6.484c2.251-.286 2.631.294 4.414-.63c.733-.375.425-1.086-.357-1.197c-7.197-1.043-14.03 2.486-14.887 7.69c-.099.568.385 1.711 1.479.621"/><path d="M9.936 26.774c-.466 0-.895-.203-1.205-.573a2.14 2.14 0 0 1-.446-1.687c.817-4.961 6.559-8.711 13.349-8.711c.893 0 1.793.065 2.678.193c.848.121 1.499.688 1.62 1.412c.091.535-.11 1.258-.946 1.687c-1.069.553-1.776.666-2.567.666l-.909-.014c-.348 0-.754.016-1.27.081c-4.388.555-6.946 2.318-8.558 5.895l-.209.302c-.498.496-1.015.749-1.537.749m3.786-6.742c-1.071.711-1.943 1.568-2.552 2.528c.723-1 1.568-1.843 2.552-2.528m38.758 5.277c-1.928-4.28-5.152-5.953-9.352-6.484c-2.251-.286-2.631.294-4.414-.63c-.732-.375-.425-1.086.357-1.197c7.197-1.043 14.03 2.486 14.888 7.69c.099.568-.386 1.711-1.479.621"/><path d="M53.3 26.774c-.521 0-1.038-.253-1.536-.749l-.209-.302c-1.612-3.577-4.17-5.34-8.556-5.895a10 10 0 0 0-1.272-.081l-.908.014c-.792 0-1.499-.112-2.573-.667c-.829-.426-1.031-1.149-.94-1.685c.121-.725.772-1.292 1.622-1.412a19 19 0 0 1 2.676-.193c6.79 0 12.531 3.75 13.351 8.721a2.14 2.14 0 0 1-.448 1.677c-.313.369-.74.572-1.207.572m-3.36-6.428a10.6 10.6 0 0 1 1.796 1.779a8.7 8.7 0 0 0-1.796-1.779M23.496 48.34c.225 0 4.333 1.578 8.482 1.578c3.703 0 7.441-1.578 8.479-1.578c.9 0 1.236 1.045.691 1.669c-4.961 5.726-13.378 5.726-18.344 0c-.54-.624-.204-1.669.692-1.669m30.319-17.3c-.234 0-4.526 1.394-8.859 1.394c-3.869 0-7.775-1.394-8.857-1.394c-.942 0-1.292.922-.724 1.475c5.183 5.056 13.978 5.056 19.16 0c.566-.552.216-1.475-.723-1.475m-25.999 0c-.235 0-4.527 1.394-8.86 1.394c-3.869 0-7.775-1.394-8.857-1.394c-.942 0-1.292.922-.723 1.475c5.183 5.056 13.977 5.056 19.16 0c.565-.552.215-1.475-.723-1.475"/></g></svg>

Relieved Face アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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