Light Backpack icon

game-icons:light-backpack

The Light Backpack icon (game-icons:light-backpack) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512
Tags: lightbackpack

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256.23 29.742c-17.72 0-35.439 3.314-51.443 9.944c-13.634 5.647-25.485 18.372-35.219 29.693A283 283 0 0 0 155.625 87h22.7c9.04-10.028 21.336-25.336 33.35-30.686c27.12-11.233 61.992-11.233 89.112 0c13.899 8.59 24.041 19.18 33.35 30.686h22.699a283 283 0 0 0-13.941-17.621c-9.734-11.32-21.585-24.046-35.22-29.693c-16.003-6.63-33.725-9.944-51.445-9.944M144.23 105c-16.23 2.136-38.662 23-39 39v.02c-.109 52.992 25.641 85.63 57.801 106.422c21.377 13.82 45.768 21.86 66.2 25.715V231h54v45.154c20.407-3.855 44.758-11.894 66.11-25.71C381.475 229.651 407.232 197 407.232 144c-.123-16-25.018-37.725-39-39zm-39.232 110.178L105.225 487h301.998l-.225-271.18c-12.145 21.258-29.246 37.681-47.877 49.737c-25.077 16.226-52.67 25.127-75.89 29.017V329h-54v-34.424c-23.242-3.889-50.87-12.788-75.973-29.017c-18.834-12.177-36.106-28.808-48.26-50.381M247.23 249v62h18v-62zm-124 106h114v114h-114zm152 0h114v114h-114zm-134 18v20.203c14.631 21.212 27.883 29.797 39 29.797s24.37-8.585 39-29.795V373zm152 0v20.203c14.631 21.212 27.883 29.797 39 29.797s24.37-8.585 39-29.795V373zm-152 48.736V451h78v-29.264c-12.116 12.358-25.028 19.264-39 19.264c-13.971 0-26.884-6.906-39-19.264m152 0V451h78v-29.264c-12.116 12.358-25.028 19.264-39 19.264c-13.971 0-26.884-6.906-39-19.264"/></svg>

How to use the Light Backpack icon

React

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

<Icon icon="game-icons:light-backpack" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:light-backpack" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:light-backpack" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:light-backpack"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/light-backpack.svg" alt="Light Backpack icon" width="24" height="24">

Related icons in Game Icons

Light Backpack icon FAQ

Is the Light Backpack icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Light Backpack icon in React?

Install @iconify/react and render <Icon icon="game-icons:light-backpack" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Light Backpack icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/light-backpack.svg" alt="Light Backpack icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →