backpack icon
backpack-broken from Solar by 480 Design · Broken · School · CC-BY-4.0 Attribution required.
- Name
- backpack-broken
- Set
- Solar
- Style
- Broken
- Category
- School
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
backpackBootstrap IconsbackpackBoxIcons v2 SolidbackpackEmoji One (Colored)backpack-12-filledFluent UI System IconsbackpackFluent EmojibackpackFluent Emoji FlatbackpackFluent Emoji High ContrastbackpackIconParkbackpackIconPark OutlinebackpackIconPark SolidbackpackIconPark TwoTonebackpackJam IconsbackpackLucidebackpackMaterial SymbolsbackpackMaterial Symbols Lightbackpack-fillMingCute IconbackpackMyna UI IconsbackpackNoto EmojibackpackOpenMojibackpackPhosphorbackpackPixelarticonsbackpackRadix IconsbackpackTabler IconsbackpackWeb3 Icons
More school icons from Solar
book-2-boldbook-boldbook-bookmark-boldbook-bookmark-minimalistic-boldbook-minimalistic-boldbookmark-boldbookmark-circle-boldbookmark-opened-boldbookmark-square-boldbookmark-square-minimalistic-boldcalculator-boldcalculator-minimalistic-boldcase-boldcase-minimalistic-boldcase-round-boldcase-round-minimalistic-bolddiploma-bolddiploma-verified-bolddocument-2-boldnotebook-2-boldnotebook-bookmark-boldnotebook-minimalistic-boldnotebook-square-boldpassport-bold
Use the backpack icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SolarBackpackBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-backpack-broken {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.9994%2010.7303C21%2010.7717%2021%2010.8182%2021%2010.9112V16.3752C21%2018.4931%2019.529%2020.3269%2017.4615%2020.7864C13.8644%2021.5857%2010.1356%2021.5857%206.53853%2020.7864C4.47101%2020.3269%203%2018.4931%203%2016.3752V10.9112C3%2010.8182%203%2010.7717%203.00057%2010.7303C3.0385%207.98021%204.94139%205.60803%207.61778%204.97443C7.65803%204.9649%207.70344%204.95481%207.79425%204.93463C7.87787%204.91605%207.91968%204.90675%207.96109%204.89775C10.6226%204.31875%2013.3774%204.31875%2016.0389%204.89775C16.0803%204.90675%2016.1221%204.91605%2016.2057%204.93463C16.2966%204.95481%2016.342%204.9649%2016.3822%204.97443C17.6946%205.28511%2018.821%206.01382%2019.6327%207.00012%22%2F%3E%3Cpath%20d%3D%22M17.5%2015.5V17%22%2F%3E%3Cpath%20d%3D%22M15.9585%204.5C15.7205%203.08114%2014.4865%202%2013%202H11C9.51353%202%208.27954%203.08114%208.0415%204.5%22%2F%3E%3Cpath%20d%3D%22M3%2014C4.6144%2014.7175%206.29316%2015.2329%208%2015.546M21%2014C18.1351%2015.2733%2015.0676%2015.9099%2012%2015.9099%22%2F%3E%3Cpath%20d%3D%22M10%2013H14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.9994%2010.7303C21%2010.7717%2021%2010.8182%2021%2010.9112V16.3752C21%2018.4931%2019.529%2020.3269%2017.4615%2020.7864C13.8644%2021.5857%2010.1356%2021.5857%206.53853%2020.7864C4.47101%2020.3269%203%2018.4931%203%2016.3752V10.9112C3%2010.8182%203%2010.7717%203.00057%2010.7303C3.0385%207.98021%204.94139%205.60803%207.61778%204.97443C7.65803%204.9649%207.70344%204.95481%207.79425%204.93463C7.87787%204.91605%207.91968%204.90675%207.96109%204.89775C10.6226%204.31875%2013.3774%204.31875%2016.0389%204.89775C16.0803%204.90675%2016.1221%204.91605%2016.2057%204.93463C16.2966%204.95481%2016.342%204.9649%2016.3822%204.97443C17.6946%205.28511%2018.821%206.01382%2019.6327%207.00012%22%2F%3E%3Cpath%20d%3D%22M17.5%2015.5V17%22%2F%3E%3Cpath%20d%3D%22M15.9585%204.5C15.7205%203.08114%2014.4865%202%2013%202H11C9.51353%202%208.27954%203.08114%208.0415%204.5%22%2F%3E%3Cpath%20d%3D%22M3%2014C4.6144%2014.7175%206.29316%2015.2329%208%2015.546M21%2014C18.1351%2015.2733%2015.0676%2015.9099%2012%2015.9099%22%2F%3E%3Cpath%20d%3D%22M10%2013H14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/backpack-broken.svg?color=%231a73e8&size=48
