Sleepy Outline アイコン
healthicons:sleepy-outline
Sleepy Outline アイコン(healthicons:sleepy-outline)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 感情
- タグ
- sleepyoutline、sleepy2x outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M24 6C14.059 6 6 14.059 6 24c0 9.94 8.059 18 18 18s18-8.06 18-18c0-1.799-.264-3.535-.755-5.174l-1.916.575c.437 1.457.671 3 .671 4.599c0 8.836-7.163 16-16 16S8 32.836 8 24S15.163 8 24 8z"/><path d="M18.164 15.317a1 1 0 0 1 .366-1.366l2.669-1.54a1 1 0 0 1 1.492.985l-.451 3.75l1.27-.733a1 1 0 1 1 1 1.732l-3.003 1.734a1 1 0 0 1-1.492-.986l.451-3.75l-.936.54a1 1 0 0 1-1.366-.366m8.36-7.247a1 1 0 1 0 .518 1.93l1.932-.517l-2.049 5.105a1 1 0 0 0 1.187 1.338l4.347-1.165a1 1 0 1 0-.518-1.932l-2.415.647l2.049-5.104a1 1 0 0 0-1.187-1.338zM35.556 7a1 1 0 0 1 1-1H41a1 1 0 0 1 .848 1.53L37.804 14H41a1 1 0 1 1 0 2h-5a1 1 0 0 1-.848-1.53L39.196 8h-2.64a1 1 0 0 1-1-1M14.404 28.648c-.773-.245-1.44-.8-1.516-1.543a.5.5 0 0 1 .545-.548c1.93.181 3.781-.748 5.075-2.86a.5.5 0 0 1 .843-.015c.402.605.442 1.557.152 2.425a3.8 3.8 0 0 1-2.132 2.295c-1.112.481-2.16.503-2.967.246m17.336-4.645c.546-.599.846-1.412.54-2.094a.5.5 0 0 0-.745-.203c-1.582 1.123-3.65 1.244-5.825.062a.5.5 0 0 0-.738.408c-.045.725.396 1.569 1.08 2.176a3.8 3.8 0 0 0 2.995.922c1.203-.14 2.121-.644 2.692-1.27"/><path fill-rule="evenodd" d="M32.448 31.855c-2.251-3.085-5.587-4.715-8.707-3.879s-5.194 3.916-5.601 7.713c-.115 1.069.923 1.823 1.961 1.545l11.42-3.06c1.039-.279 1.56-1.45.927-2.32m-8.19-1.947c1.894-.507 4.215.306 6.09 2.51L20.24 35.126c.521-2.846 2.125-4.71 4.018-5.218" clip-rule="evenodd"/></g></svg>Sleepy Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:sleepy-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:sleepy-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:sleepy-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--sleepy-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:sleepy-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:sleepy-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/sleepy-outline.svg" alt="Sleepy Outline アイコン" width="24" height="24">Health Icons の関連アイコン
Sleepy Outline アイコン のよくある質問
Sleepy Outline アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sleepy Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:sleepy-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sleepy Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/sleepy-outline.svg" alt="Sleepy Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。