Backpack Broken icon
solar:backpack-broken
The Backpack Broken icon (solar:backpack-broken) 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
- backpackbroken
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-linecap="round" stroke-width="1.5"><path d="M20.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.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.97443C17.6946 5.28511 18.821 6.01382 19.6327 7.00012"/><path d="M17.5 15.5V17"/><path d="M15.9585 4.5C15.7205 3.08114 14.4865 2 13 2H11C9.51353 2 8.27954 3.08114 8.0415 4.5"/><path d="M3 14C4.6144 14.7175 6.29316 15.2329 8 15.546M21 14C18.1351 15.2733 15.0676 15.9099 12 15.9099"/><path d="M10 13H14"/></g></svg>How to use the Backpack Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:backpack-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:backpack-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:backpack-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--backpack-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:backpack-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:backpack-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/backpack-broken.svg" alt="Backpack Broken icon" width="24" height="24">Related icons in Solar
Backpack Broken icon FAQ
Is the Backpack Broken 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 Broken icon in React?
Install @iconify/react and render <Icon icon="solar:backpack-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Backpack Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/backpack-broken.svg" alt="Backpack Broken icon">, or paste the SVG code inline to style it with CSS.