Pokemon Sleep アイコン

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

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

arcticons:pokemon-sleep

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

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: pokemonsleep

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.844 17.673c1.813 1.015 3.909 1.155 6.379.816"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.66 35.21c1.03-1.34 2.31-2.51 3.84-3.39c.97-.57 2.03-1.02 3.19-1.33c-2.6-2.84-3.94-15.92 6.03-16.42h.01c.19-.01.38-.01.58-.01c3.13 0 4.69 1.18 4.69 1.18s1.56-1.18 4.69-1.18c.2 0 .39 0 .58.01h.01c9.97.5 8.63 13.58 6.03 16.42c1.16.31 2.22.76 3.19 1.33c1.53.88 2.81 2.05 3.84 3.39"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.156 17.673c-1.813 1.015-3.909 1.155-6.379.816m6.513 3.869s.273-1.218-.417-1.92c0 0-.906.441-1.27 1.416c1.202.713 2.664.793 4.397.793s3.195-.08 4.396-.793c-.362-.975-1.269-1.417-1.269-1.417c-.69.703-.417 1.921-.417 1.921"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.19 32.37c2.53-1.22 5.31-.55 5.31-.55s-1.66-4.88-.46-11.38c-.52-5.96.28-7.91.93-8.35c.68-.45 4.93-.18 8.75 1.98h.01c1.8-.92 3.66-1.46 5.27-1.46s3.47.54 5.27 1.46h.01c3.82-2.16 8.07-2.43 8.75-1.98c.65.44 1.45 2.39.93 8.35c1.2 6.5-.46 11.38-.46 11.38s2.78-.67 5.31.55"/><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>

Pokemon Sleep アイコンの使い方

React

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

<Icon icon="arcticons:pokemon-sleep" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:pokemon-sleep" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:pokemon-sleep" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:pokemon-sleep"></iconify-icon>

HTML 画像

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

Arcticons の関連アイコン

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

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

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

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

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

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

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

Arcticons をすべて見る →