Sleeping Face アイコン

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

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

emojione-monotone:sleeping-face

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="m55.436 13.28l5.049-2.511a.75.75 0 0 0 .348-.354l1.096-2.338a.754.754 0 0 0-.363-1.006l-10.582-5a.755.755 0 0 0-1.006.361L48.818 4.9a.755.755 0 0 0 .363 1.008l5.543 2.619l-2.553 1.267A29.88 29.88 0 0 0 32 2C15.432 2 2 15.432 2 32c0 16.566 13.432 30 30 30c19.234 0 30-13.434 30-30a29.87 29.87 0 0 0-6.564-18.72m.462 5.139l-5.539-2.616l2.773-1.378a27.6 27.6 0 0 1 2.766 3.994m-3.507 33.083C47.479 56.734 40.429 59.5 32 59.5C16.837 59.5 4.5 47.164 4.5 32S16.837 4.5 32 4.5c6.753 0 12.941 2.451 17.732 6.504l-4.979 2.469a.75.75 0 0 0-.346.354l-1.156 2.457a.76.76 0 0 0 .366 1.007l10.781 5.094a.75.75 0 0 0 1.006-.358l1.135-2.418A27.3 27.3 0 0 1 59.5 32c0 7.69-2.524 14.616-7.109 19.502"/><path fill="currentColor" d="M18.09 20.291c.215.406.686.559 1.057.348l1.867-1.082l-.66 4.881a.9.9 0 0 0 .098.541l.67 1.268c.182.342.547.508.881.42a.7.7 0 0 0 .176-.074l5.035-2.914a.8.8 0 0 0 .359-.49a.9.9 0 0 0-.078-.635l-.67-1.27c-.213-.404-.686-.557-1.059-.348l-2.002 1.162l.668-4.975a.9.9 0 0 0-.098-.539l-.637-1.207a.84.84 0 0 0-.471-.406a.7.7 0 0 0-.588.061l-4.941 2.865a.77.77 0 0 0-.359.488a.93.93 0 0 0 .08.637zm19.812.029a.7.7 0 0 0 .252-.105a.78.78 0 0 0 .33-.512l.377-1.943c.086-.441-.184-.887-.6-.992l-3.832-.963l5.563-4.82a.8.8 0 0 0 .258-.455l.361-1.842a.88.88 0 0 0-.111-.621a.8.8 0 0 0-.488-.371l-7.869-1.979c-.416-.105-.824.168-.91.611l-.379 1.947a.87.87 0 0 0 .109.619c.113.189.289.32.49.371l3.613.91l-5.471 4.732a.8.8 0 0 0-.26.453l-.379 1.947a.9.9 0 0 0 .113.623a.8.8 0 0 0 .488.367l8.016 2.018a.7.7 0 0 0 .329.005m2.266 25.561c-4.002 2.582-6.102 6.447-4.691 8.637c.783 1.209 2.588 2.609 4.506 1.371c1.395-.898 2.141-3.053 3.928-4.207c1.766-1.137 4.033-.898 5.416-1.787c1.699-1.096 1.432-3.502.643-4.725c-1.411-2.188-5.8-1.869-9.802.711m12.129-19.905c-2.426 4.794-8.75 7.405-13.496 6.295c-.414.693-.834 1.088-.479 1.363c7.18 5.428 14.867 1.84 15.326-7.147c.022-.451-.552-.383-1.351-.511M29.877 36.43c-2.426 4.795-8.748 7.404-13.494 6.296c-.416.692-.838 1.088-.48 1.363c7.181 5.426 14.867 1.84 15.328-7.147c.017-.451-.555-.383-1.354-.512"/></svg>

Sleeping Face アイコンの使い方

React

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

<Icon icon="emojione-monotone:sleeping-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:sleeping-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:sleeping-face" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="emojione-monotone:sleeping-face"></iconify-icon>

HTML 画像

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

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

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

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

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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