Add icons to this collection by clicking the heart icon.
Backpack icon - also known as education, bag, backpack, high school, and school bag. Created in a clean flat style with a white, silver, gray, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<g>
<path
fill="#ffb74d"
d="M7 17H5a3 3 0 0 0-3 3v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1zM27 17h-2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-8a3 3 0 0 0-3-3z"
/>
<path
d="M4 29H3a1 1 0 0 1-1-1v-8a3 3 0 0 1 3-3h1a3 3 0 0 0-3 3v8a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 20v8a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1v-8a3 3 0 0 0-3-3h1a3 3 0 0 1 3 3z"
opacity=".2"
/>
<path
fill="#ffb74d"
d="M16 2a5 5 0 0 0-5 5v.94a1 1 0 0 0 1.45.89 8.12 8.12 0 0 1 7.1 0 .91.91 0 0 0 .45.11 1 1 0 0 0 .53-.15 1 1 0 0 0 .47-.85V7a5 5 0 0 0-5-5z"
/>
<path
d="M21 7v.94a.92.92 0 0 1-.06.33 5 5 0 0 0-9.88 0 .92.92 0 0 1-.06-.33V7a5 5 0 0 1 10 0z"
opacity=".1"
/>
<path
fill="#64b5f6"
d="M26 16v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V16a10 10 0 0 1 5.56-9 10.16 10.16 0 0 1 8.89 0 9.75 9.75 0 0 1 2.62 1.89A9.86 9.86 0 0 1 26 16z"
/>
<path
d="M17 6.07a9.66 9.66 0 0 0-3.43 1A10 10 0 0 0 8 16v13a1 1 0 0 0 1 1H7a1 1 0 0 1-1-1V16a10 10 0 0 1 11-9.93z"
opacity=".1"
/>
<path
fill="#fff"
d="M26 16v13a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1V16a9.86 9.86 0 0 0-2.93-7.06A9.83 9.83 0 0 0 15 6.07a10.16 10.16 0 0 1 5.46 1 9.75 9.75 0 0 1 2.62 1.89A9.86 9.86 0 0 1 26 16z"
opacity=".2"
/>
<rect width="12" height="7" x="10" y="22" opacity=".1" rx="1" />
<rect width="12" height="7" x="10" y="21" fill="#e57373" rx="1" />
<path
d="M22 22v1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v-1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zM16 9a5 5 0 0 0-5 5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a5 5 0 0 0-5-5z"
opacity=".1"
/>
<path
fill="#e57373"
d="M16 8a5 5 0 0 0-5 5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a5 5 0 0 0-5-5z"
/>
<path
d="M21 13v1a5 5 0 0 0-10 0v-1a5 5 0 0 1 10 0zM12 19a1 1 0 0 1-1 1H6v-2h5a1 1 0 0 1 1 1zM26 18v2h-5a1 1 0 0 1 0-2z"
opacity=".1"
/>
<circle cx="14" cy="19" r="1" opacity=".1" />
<circle cx="18" cy="19" r="1" opacity=".1" />
<g fill="#fff">
<path
d="M12 18a1 1 0 0 1-1 1H6v-2h5a1 1 0 0 1 1 1zM26 17v2h-5a1 1 0 0 1 0-2z"
/>
<circle cx="14" cy="18" r="1" />
<circle cx="18" cy="18" r="1" />
</g>
</g>
</svg>
More icons in the same style and category