Add icons to this collection by clicking the heart icon.
School Bag icon - also known as education, study, knowledge, school, university, bag, backpack, and school bag. Created in a clean flat gradient style with a 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="20.84"
y2="3"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#c3d2e7" />
</linearGradient>
<linearGradient id="b" y1="59" y2="39" href="#a" />
<linearGradient
id="c"
x1="32"
x2="32"
y1="63"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="30"
y2="20"
gradientTransform="rotate(-45 31.996 25.014)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient id="e" y1="59" y2="41" href="#a" />
<path
fill="#5b8dc9"
d="M37.88 6.81c-1.37 0-.58-1.6-2.34-3.34A5 5 0 0 0 27.1 6a1 1 0 0 1-1.17.79c-1.78-.34-.18-3.45 1.13-4.74a7 7 0 0 1 9.89 0c1.5 1.48 2.93 4.76.93 4.76z"
/>
<path
fill="url(#a)"
d="M53 5v15.84H11V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3h22V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z"
/>
<path fill="url(#b)" d="M5 39v16a4 4 0 0 0 4 4h46a4 4 0 0 0 4-4V39z" />
<path
fill="#5b8dc9"
d="M59 52v3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-3a4 4 0 0 0 4 4h46a4 4 0 0 0 4-4zM53 15.52v5.32H11v-5.32a23.69 23.69 0 0 1 10-9.85V8h22V5.67a23.69 23.69 0 0 1 10 9.85z"
/>
<path
fill="url(#c)"
d="M48 63H16a7 7 0 0 1-7-7c0-.12 1.18-30.13 1.18-30a21.84 21.84 0 0 1 43.64 0L55 56a7 7 0 0 1-7 7z"
/>
<path
fill="#dd8b37"
d="M55 56a7 7 0 0 1-7 7H16a7 7 0 0 1-7-7l.08-2A7 7 0 0 0 16 60h32a7 7 0 0 0 6.92-6zM49.18 35l-.35-8.86a16.84 16.84 0 0 0-33.66 0L14.82 35a1 1 0 0 1-2-.08l.35-8.86a18.84 18.84 0 0 1 37.66 0l.35 8.94a1 1 0 0 1-2 0z"
/>
<path
fill="url(#d)"
d="M28.46 21.46h7.07v7.07h-7.07z"
transform="rotate(45 32.013 24.993)"
/>
<rect width="30" height="18" x="17" y="41" fill="url(#e)" rx="4" />
<path
fill="#5b8dc9"
d="M47 52v3a4 4 0 0 1-4 4H21a4 4 0 0 1-4-4v-3a4 4 0 0 0 4 4h22a4 4 0 0 0 4-4z"
/>
</svg>
More icons in the same style and category