Sleeping Face アイコン
emojione-v1:sleeping-face
Sleeping Face アイコン(emojione-v1:sleeping-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
- カテゴリ
- 人物
- タグ
- sleepingface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><circle cx="32" cy="32" r="32" fill="#fbbf67"/><path fill="#633d19" d="M36.11 30.762c0-3.16 4.262.379 8.03.379c3.764 0 8.03-3.54 8.03-.379c0 3.158-4.265 6.569-8.03 6.569c-3.766 0-8.03-3.411-8.03-6.569m-24.28 0c0-3.16 4.261.379 8.03.379c3.763 0 8.03-3.54 8.03-.379c0 3.158-4.265 6.569-8.03 6.569c-3.767 0-8.03-3.411-8.03-6.569"/><g fill="#006cbc"><path d="M60.724 13.03c-1.714.012-3.423.069-5.135.039c-1.549-.025-3.01.221-2.327-1.656c.857-2.394 3.61-3.893 5.066-5.915c.333-.458-.13-.52-.511-.516c-2.841.022-5.665.229-8.497.449c-.728.056-3.763 1.806-2.047 1.671c2.51-.193 5.02-.357 7.537-.411c-1.982 2.407-4.857 4.106-5.261 7.46c-.032.239.104.299.326.33c2.919.415 5.859.241 8.797.222c.743 0 3.797-1.685 2.052-1.673M48.07 16.837c-2.738.018-5.479.114-8.222.069c-2.481-.047-4.814.354-3.731-2.658c1.376-3.832 5.788-6.238 8.119-9.476c.533-.737-.209-.83-.817-.824c-4.55.034-9.07.368-13.614.715c-1.167.087-6.03 2.894-3.28 2.682c4.02-.314 8.04-.573 12.08-.665c-3.174 3.86-7.783 6.582-8.427 11.96c-.048.377.162.475.521.521c4.676.664 9.387.39 14.09.354c1.189.002 6.079-2.696 3.28-2.678"/><path d="M27.514 12.981c-1.182.008-2.364.05-3.545.03c-1.072-.02-2.079.152-1.613-1.146c.597-1.654 2.498-2.692 3.506-4.089c.229-.318-.091-.358-.356-.356c-1.96.016-3.913.158-5.869.309c-.506.038-2.601 1.249-1.419 1.158a94 94 0 0 1 5.213-.287c-1.372 1.665-3.36 2.838-3.637 5.16c-.023.162.071.206.226.226c2.02.286 4.051.167 6.079.152c.514 0 2.624-1.164 1.415-1.157"/></g><path fill="#633d19" d="M39.24 54.23c0 4.103-3.889 5.632-7 5.632c-3.11 0-7.482-1.529-7.482-5.632c0-4.101 4.131-9.03 7.241-9.03c3.111 0 7.241 4.933 7.241 9.03"/></svg>
Sleeping Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:sleeping-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:sleeping-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:sleeping-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--sleeping-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:sleeping-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:sleeping-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/sleeping-face.svg" alt="Sleeping Face アイコン" width="24" height="24">
他のアイコンセットの Sleeping Face アイコン
Sleeping Face アイコン のよくある質問
Sleeping Face アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Sleeping Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:sleeping-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sleeping Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/sleeping-face.svg" alt="Sleeping Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
