backpack icon
backpack-linear from Solar by 480 Design · Linear · School · CC-BY-4.0 Attribution required.
- Name
- backpack-linear
- Set
- Solar
- Style
- Linear
- 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-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>
React
import type { SVGProps } from "react";
export function SolarBackpackLinear(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" strokeWidth="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 strokeLinecap="round" d="M17.5 15.5V17"/><path strokeLinecap="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 strokeLinecap="round" d="M3 14C8.72979 16.5466 15.2702 16.5466 21 14"/><path strokeLinecap="round" 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-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> </template>
CSS
.icon-backpack-linear {
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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3%2010.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.97443C19.0586%205.60803%2020.9615%207.98021%2020.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.9112Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.5%2015.5V17%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20stroke-linecap%3D%22round%22%20d%3D%22M3%2014C8.72979%2016.5466%2015.2702%2016.5466%2021%2014%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3%2010.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.97443C19.0586%205.60803%2020.9615%207.98021%2020.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.9112Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.5%2015.5V17%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20stroke-linecap%3D%22round%22%20d%3D%22M3%2014C8.72979%2016.5466%2015.2702%2016.5466%2021%2014%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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-linear.svg?color=%231a73e8&size=48
