Neko Sleep アイコン

vs:neko-sleep

Neko Sleep アイコン(vs:neko-sleep)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 1792 × 1664 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 1792 × 1664
タグ: nekosleep

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1664" viewBox="0 0 1792 1664"><path fill="currentColor" d="M1299 1253q0-29-10.5-47t-21.5-24.5t-32-13.5q-24 48-70 79.5t-84 32.5q-44 1-99-42.5t-86-85.5q-20 39-66.5 82t-86.5 44q-48 1-81-6t-54-26t-31-33.5t-25-43.5q-26-2-46 15.5t-19 41.5q-2 55 75 118.5t142 63.5q51 0 88-12t51-25t29.5-33.5T894 1312q2 1 25 25.5t39 36.5t52 24t78 10q50 0 130.5-59.5t80.5-95.5M566 366q29-12 344-12t344 12q3 1 9.5-8t18-25.5T1308 294t37-48.5t46.5-53T1449 138t68-51q69-46 119.5-66T1744 1q30 59 15.5 303.5T1714 615q32 58 55 156.5t23 188.5q0 323-235 513.5T896 1664q-167 0-300.5-21.5t-247-72t-189-130T42 1240T0 960q0-136 13-207.5T61 616q-19-40-31.5-175.5t-9-270.5T44 1q26 0 44 3t36.5 11.5t28.5 15T189.5 56T234 87q75 49 156 121t126 116t50 42m906 539q23-71 28.5-129t-7.5-62q-7-2-25 11q-9 7-28.5 36.5t-39 57t-52 50T1280 890q-10 0-21-3t-22-9t-20.5-11.5t-21-14.5t-19-14.5t-18-15.5t-14.5-14l-13-13l-9-9q-21-24-29-21q-9 2-12 29t-2 49q-2 44 61.5 109t139.5 66q81 0 129.5-35t62.5-78m-1162-1q13 40 67 77t135 37q76-1 139.5-66T713 843q1-22-2-49t-12-29q-8-3-29 21l-9 9l-13 13l-14.5 14l-18 15.5l-19 14.5l-21 14.5L555 878l-22 9l-21 3q-36 1-68.5-21.5t-52-50t-39-57T324 725q-18-13-25-11q-8 5-11.5 30t2 68.5T310 904"/></svg>

Neko Sleep アイコンの使い方

React

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

<Icon icon="vs:neko-sleep" width="24" />

Vue

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

<template>
  <Icon icon="vs:neko-sleep" width="24" />
</template>

Svelte

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

<Icon icon="vs:neko-sleep" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--neko-sleep]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:neko-sleep"></div>

Web コンポーネント

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

<iconify-icon icon="vs:neko-sleep"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vs/neko-sleep.svg" alt="Neko Sleep アイコン" width="24" height="24">

Vesper Icons の関連アイコン

Neko Sleep アイコンのよくある質問

Neko Sleep アイコンは商用利用でも無料ですか?

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Neko Sleep アイコンを使うには?

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

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

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

Vesper Icons をすべて見る →