Backpack Linear icon
solar:backpack-linear
The Backpack Linear icon (solar:backpack-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.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
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- School
- Tags
- backpacklinear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 10.9112C3 10.8182 3 10.7717 3.00057 10.7303C3.0385 7.98021 4.94139 5.60803 7.61778 4.97443C7.65803 4.9649 7.70344 4.95481 7.79425 4.93463C7.87787 4.91605 7.91968 4.90675 7.96109 4.89775C10.6226 4.31875 13.3774 4.31875 16.0389 4.89775C16.0803 4.90675 16.1221 4.91605 16.2057 4.93463C16.2966 4.95481 16.342 4.9649 16.3822 4.97443C19.0586 5.60803 20.9615 7.98021 20.9994 10.7303C21 10.7717 21 10.8182 21 10.9112V16.3752C21 18.4931 19.529 20.3269 17.4615 20.7864C13.8644 21.5857 10.1356 21.5857 6.53853 20.7864C4.47101 20.3269 3 18.4931 3 16.3752V10.9112Z"/><path stroke-linecap="round" d="M17.5 15.5V17"/><path stroke-linecap="round" d="M15.9585 4.5C15.7205 3.08114 14.4865 2 13 2H11C9.51353 2 8.27954 3.08114 8.0415 4.5"/><path stroke-linecap="round" d="M3 14C8.72979 16.5466 15.2702 16.5466 21 14"/><path stroke-linecap="round" d="M10 13H14"/></g></svg>How to use the Backpack Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:backpack-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:backpack-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:backpack-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--backpack-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:backpack-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:backpack-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/backpack-linear.svg" alt="Backpack Linear icon" width="24" height="24">Related icons in Solar
Backpack Linear icon FAQ
Is the Backpack Linear icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Backpack Linear icon in React?
Install @iconify/react and render <Icon icon="solar:backpack-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Backpack Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/backpack-linear.svg" alt="Backpack Linear icon">, or paste the SVG code inline to style it with CSS.