backpack icon
backpack-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- backpack-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
13 other variants in Fluent UI System Icons
The same icon in other sets
backpackBootstrap IconsbackpackBoxIcons v2 SolidbackpackEmoji One (Colored)backpackFluent EmojibackpackFluent Emoji FlatbackpackFluent Emoji High ContrastbackpackIconParkbackpackIconPark OutlinebackpackIconPark SolidbackpackIconPark TwoTonebackpackJam IconsbackpackLucidebackpackMaterial SymbolsbackpackMaterial Symbols Lightbackpack-fillMingCute IconbackpackMyna UI IconsbackpackNoto EmojibackpackOpenMojibackpackPhosphorbackpackPixelarticonsbackpackRadix Iconsbackpack-boldSolarbackpackTabler IconsbackpackWeb3 Icons
Related icons in Fluent UI System Icons
Use the backpack icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9 12.25A3.25 3.25 0 0 1 12.25 9h3.5A3.25 3.25 0 0 1 19 12.25A1.75 1.75 0 0 1 17.25 14h-6.5A1.75 1.75 0 0 1 9 12.25m3.25-1.75a1.75 1.75 0 0 0-1.75 1.75c0 .138.112.25.25.25h6.5a.25.25 0 0 0 .25-.25a1.75 1.75 0 0 0-1.75-1.75zM14 2a5 5 0 0 0-4.936 4.198A9.75 9.75 0 0 0 4 14.75v7.5A3.75 3.75 0 0 0 7.75 26h12.5A3.75 3.75 0 0 0 24 22.25v-7.5a9.75 9.75 0 0 0-5.064-8.552A5 5 0 0 0 14 2m-.25 3c-1.003 0-1.97.151-2.88.432a3.5 3.5 0 0 1 6.26 0A9.8 9.8 0 0 0 14.25 5zm0 1.5h.5a8.25 8.25 0 0 1 8.25 8.25V16h-17v-1.25a8.25 8.25 0 0 1 8.25-8.25M9 17.5v1.75a.75.75 0 0 0 1.5 0V17.5h12v4.75a2.25 2.25 0 0 1-2.25 2.25H7.75a2.25 2.25 0 0 1-2.25-2.25V17.5z"/></svg>
React
import type { SVGProps } from "react";
export function FluentBackpack28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9 12.25A3.25 3.25 0 0 1 12.25 9h3.5A3.25 3.25 0 0 1 19 12.25A1.75 1.75 0 0 1 17.25 14h-6.5A1.75 1.75 0 0 1 9 12.25m3.25-1.75a1.75 1.75 0 0 0-1.75 1.75c0 .138.112.25.25.25h6.5a.25.25 0 0 0 .25-.25a1.75 1.75 0 0 0-1.75-1.75zM14 2a5 5 0 0 0-4.936 4.198A9.75 9.75 0 0 0 4 14.75v7.5A3.75 3.75 0 0 0 7.75 26h12.5A3.75 3.75 0 0 0 24 22.25v-7.5a9.75 9.75 0 0 0-5.064-8.552A5 5 0 0 0 14 2m-.25 3c-1.003 0-1.97.151-2.88.432a3.5 3.5 0 0 1 6.26 0A9.8 9.8 0 0 0 14.25 5zm0 1.5h.5a8.25 8.25 0 0 1 8.25 8.25V16h-17v-1.25a8.25 8.25 0 0 1 8.25-8.25M9 17.5v1.75a.75.75 0 0 0 1.5 0V17.5h12v4.75a2.25 2.25 0 0 1-2.25 2.25H7.75a2.25 2.25 0 0 1-2.25-2.25V17.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9 12.25A3.25 3.25 0 0 1 12.25 9h3.5A3.25 3.25 0 0 1 19 12.25A1.75 1.75 0 0 1 17.25 14h-6.5A1.75 1.75 0 0 1 9 12.25m3.25-1.75a1.75 1.75 0 0 0-1.75 1.75c0 .138.112.25.25.25h6.5a.25.25 0 0 0 .25-.25a1.75 1.75 0 0 0-1.75-1.75zM14 2a5 5 0 0 0-4.936 4.198A9.75 9.75 0 0 0 4 14.75v7.5A3.75 3.75 0 0 0 7.75 26h12.5A3.75 3.75 0 0 0 24 22.25v-7.5a9.75 9.75 0 0 0-5.064-8.552A5 5 0 0 0 14 2m-.25 3c-1.003 0-1.97.151-2.88.432a3.5 3.5 0 0 1 6.26 0A9.8 9.8 0 0 0 14.25 5zm0 1.5h.5a8.25 8.25 0 0 1 8.25 8.25V16h-17v-1.25a8.25 8.25 0 0 1 8.25-8.25M9 17.5v1.75a.75.75 0 0 0 1.5 0V17.5h12v4.75a2.25 2.25 0 0 1-2.25 2.25H7.75a2.25 2.25 0 0 1-2.25-2.25V17.5z"/></svg> </template>
CSS
.icon-backpack-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%2012.25A3.25%203.25%200%200%201%2012.25%209h3.5A3.25%203.25%200%200%201%2019%2012.25A1.75%201.75%200%200%201%2017.25%2014h-6.5A1.75%201.75%200%200%201%209%2012.25m3.25-1.75a1.75%201.75%200%200%200-1.75%201.75c0%20.138.112.25.25.25h6.5a.25.25%200%200%200%20.25-.25a1.75%201.75%200%200%200-1.75-1.75zM14%202a5%205%200%200%200-4.936%204.198A9.75%209.75%200%200%200%204%2014.75v7.5A3.75%203.75%200%200%200%207.75%2026h12.5A3.75%203.75%200%200%200%2024%2022.25v-7.5a9.75%209.75%200%200%200-5.064-8.552A5%205%200%200%200%2014%202m-.25%203c-1.003%200-1.97.151-2.88.432a3.5%203.5%200%200%201%206.26%200A9.8%209.8%200%200%200%2014.25%205zm0%201.5h.5a8.25%208.25%200%200%201%208.25%208.25V16h-17v-1.25a8.25%208.25%200%200%201%208.25-8.25M9%2017.5v1.75a.75.75%200%200%200%201.5%200V17.5h12v4.75a2.25%202.25%200%200%201-2.25%202.25H7.75a2.25%202.25%200%200%201-2.25-2.25V17.5z%22%2F%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%2012.25A3.25%203.25%200%200%201%2012.25%209h3.5A3.25%203.25%200%200%201%2019%2012.25A1.75%201.75%200%200%201%2017.25%2014h-6.5A1.75%201.75%200%200%201%209%2012.25m3.25-1.75a1.75%201.75%200%200%200-1.75%201.75c0%20.138.112.25.25.25h6.5a.25.25%200%200%200%20.25-.25a1.75%201.75%200%200%200-1.75-1.75zM14%202a5%205%200%200%200-4.936%204.198A9.75%209.75%200%200%200%204%2014.75v7.5A3.75%203.75%200%200%200%207.75%2026h12.5A3.75%203.75%200%200%200%2024%2022.25v-7.5a9.75%209.75%200%200%200-5.064-8.552A5%205%200%200%200%2014%202m-.25%203c-1.003%200-1.97.151-2.88.432a3.5%203.5%200%200%201%206.26%200A9.8%209.8%200%200%200%2014.25%205zm0%201.5h.5a8.25%208.25%200%200%201%208.25%208.25V16h-17v-1.25a8.25%208.25%200%200%201%208.25-8.25M9%2017.5v1.75a.75.75%200%200%200%201.5%200V17.5h12v4.75a2.25%202.25%200%200%201-2.25%202.25H7.75a2.25%202.25%200%200%201-2.25-2.25V17.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/backpack-28-regular.svg?color=%231a73e8&size=48
