Sleeping Bag アイコン

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

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

game-icons:sleeping-bag

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

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: sleepingbag

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M55.84 17.06L16.18 33.44l3.8 9.19l24.59-10.16L31.9 73.56l3.04 7.36l41.11-16.98l-3.79-9.2L46.22 65.5l12.66-41.09zM256 25c-29 0-63.3 15-87.6 39.36c-24.4 24.37-38.9 57.14-31.6 93.84l.1.2l4.8 30.2c.5.2 1.1.5 1.6.8c12.4 5.8 24.7 10.5 36.9 14.3c2.9-7.2 6.3-13.5 10.2-18.8c7.6-10.4 16.4-16.8 28.5-19.1l17.1-3.2l-11-13.4c-9.3-11.2-15.7-27.6-15.7-45.9c0-33.38 19.9-59.12 41.9-62.04l4.4.1c24.2 0 46.5 26.31 46.5 61.94c0 17.8-6 34-14.9 45.2l-11.1 13.8l17.5 2.7c13.6 2.2 23 8.5 30.6 18.8c3.9 5.2 7.2 11.5 10.1 18.6c12-3.8 24-8.5 36.1-13.9l4.7-30.1l.1-.2c7.3-36.7-7.2-69.47-31.6-93.84C319.3 40 285 25 256 25m192.4 27.57l-4.4 8.89l23.8 11.89l-39.3 17.4l-3.6 7.12l39.8 19.83l4.4-8.9l-25.2-12.54l39.3-17.41l3.6-7.12zm-1.8 89.23l-39 5.1l1.1 9l24.3-3.1l-21.1 33.3l.9 7.3l40.5-5.2l-1.2-9.1l-25.6 3.3l21-33.3zm-306.3 66.9L184.8 446c3.3 13.1 12.2 23.1 25 30.1c3.5 1.9 7.2 3.6 11.1 5c-15.6-62.6-26.3-130.8-33.1-191.3l17.8-2c7.2 62.9 18.6 134.3 35.1 198.1c5 .7 10.2 1.1 15.3 1.1c16.7 0 33.3-3.8 46.2-10.9c12.8-7 21.7-17 25-30.1l38-203c-3.3 5.5-7 11-11.1 16.4c-16 21-39.4 40.2-79.3 53.2l-5.7 1.8l-3.9-4.5c-17.2-20-46.8-45.4-74.8-66.7c-18.5-14.1-36.9-26.5-50.1-34.5m-80.62 1.6l-1.87 8.9l23.88 5l-30.8 24.6l-1.49 7.2l39.92 8.3l1.86-8.9l-25.27-5.3l30.78-24.6l1.49-7.1zm302.72 1c-53.4 21.2-108.1 27.5-163.7 15.6c.8.7 1.6 1.3 2.5 1.9c26.8 20.4 54.3 43.9 73.3 64.7c33.5-11.7 51.8-27.3 65.3-45c8.8-11.5 15.5-24.2 22.6-37.2"/></svg>

Sleeping Bag アイコンの使い方

React

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

<Icon icon="game-icons:sleeping-bag" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:sleeping-bag" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:sleeping-bag" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sleeping-bag]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sleeping-bag"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:sleeping-bag"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/sleeping-bag.svg" alt="Sleeping Bag アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Game Icons をすべて見る →