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 blue style, 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="#7cb8eb"
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
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="#7cb8eb"
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
fill="#7cb8eb"
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.49 6.13a9.69 9.69 0 0 0-2.93.87A10 10 0 0 0 9 16v13a1 1 0 0 0 1 1H7a1 1 0 0 1-1-1V16a10 10 0 0 1 5.56-9 10.15 10.15 0 0 1 5.93-.87z"
opacity=".1"
/>
<path
fill="#fff"
d="M26 16v13a1 1 0 0 1-1 1h-3a1 1 0 0 0 1-1V16a9.86 9.86 0 0 0-2.93-7.06 9.75 9.75 0 0 0-2.62-1.89 9.53 9.53 0 0 0-3-.92 10.12 10.12 0 0 1 6 .92 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="20" fill="#fff" rx="1" />
<path
d="M14 27h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M22 21v5a1 1 0 0 1-1 1h-3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h3a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path
d="M16 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="#fff"
d="M16 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"
/>
<path
d="M12 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="#01579b">
<path
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-5zm0 4a9.82 9.82 0 0 0-2.95.45 3 3 0 0 1 5.9 0A9.82 9.82 0 0 0 16 6z"
/>
<path
d="M27 17h-1v-1a9.86 9.86 0 0 0-2.93-7.06 9.75 9.75 0 0 0-2.62-1.89 10.16 10.16 0 0 0-8.89 0A10 10 0 0 0 6 16v1H5a3 3 0 0 0-3 3v8a1 1 0 0 0 1 1h3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1h3a1 1 0 0 0 1-1v-8a3 3 0 0 0-3-3zM6 27H4v-7a1 1 0 0 1 1-1h1zm18-10h-3a1 1 0 0 0 0 2h3v9H8v-9h3a1 1 0 0 0 0-2H8v-1a8 8 0 0 1 4.45-7.17 8 8 0 0 1 9.21 1.52A7.91 7.91 0 0 1 24 16zm4 10h-2v-8h1a1 1 0 0 1 1 1zm-18-6v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1zm2 1h8v3h-8zm4-13a5 5 0 0 0-5 5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a5 5 0 0 0-5-5zm-3 5a3 3 0 0 1 6 0zm1 5a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm4 0a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category