Add icons to this collection by clicking the heart icon.
School Bag icon - also known as education, bag, travel, backpack, luggage, high school, school bag, accessory, and adventure. Created in a clean flat gradient 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#0969db" />
<stop offset="1" stop-color="#4f8aff" />
</linearGradient>
<linearGradient
id="d"
x1="256.011"
x2="256.011"
y1="508.313"
y2="97.496"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="e"
x1="85.635"
x2="85.635"
y1="508.318"
y2="396.226"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="426.392"
x2="426.392"
y1="508.318"
y2="396.226"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="50.795"
x2="50.795"
y1="396.226"
y2="358.272"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="461.205"
x2="461.205"
y1="396.226"
y2="358.272"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="256.011"
x2="256.011"
y1="469.133"
y2="339.244"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#ecbd0b" />
</linearGradient>
<linearGradient
id="j"
x1="190.345"
x2="190.345"
y1="122.01"
y2="20.603"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="256.011"
x2="256.011"
y1="60.131"
y2="20.621"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9403e" />
<stop offset="1" stop-color="#f77953" />
</linearGradient>
<linearGradient
id="l"
x1="321.655"
x2="321.655"
y1="122.064"
y2="20.603"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="399.022"
x2="399.022"
y1="187.988"
y2="3.682"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="112.989"
x2="112.989"
y1="187.934"
y2="3.682"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="256.011"
x2="256.011"
y1="251.066"
y2="131.298"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<path
fill="url(#d)"
d="M416.997 258.525v197.461c0 28.906-23.421 52.327-52.327 52.327H147.396c-28.949 0-52.37-23.421-52.37-52.327V258.525c0-88.938 72.091-161.029 160.986-161.029 44.491 0 84.716 18.023 113.839 47.147 29.123 29.167 47.146 69.391 47.146 113.882z"
/>
<path
fill="url(#e)"
d="M147.398 508.318H99.405c-41.712 0-75.533-33.767-75.533-75.426v-36.666h71.131v59.75c0 28.936 23.46 52.342 52.395 52.342z"
/>
<path
fill="url(#f)"
d="M488.128 396.226v36.666c0 41.658-33.767 75.426-75.425 75.426h-48.047c28.935 0 52.341-23.406 52.341-52.341v-59.75h71.131z"
/>
<path
fill="url(#g)"
d="M95.003 358.272v37.955h-79.13c-5.153 0-9.287-4.134-9.287-9.233V367.56c0-5.1 4.134-9.287 9.287-9.287h79.13z"
/>
<path
fill="url(#h)"
d="M505.414 367.559v19.434c0 5.1-4.133 9.233-9.287 9.233h-79.129v-37.955h79.129c5.153.001 9.287 4.188 9.287 9.288z"
/>
<path
fill="url(#i)"
d="M134.206 359.241v89.895c0 11.044 8.953 19.997 19.997 19.997H357.82c11.044 0 19.997-8.953 19.997-19.997v-89.895c0-11.044-8.953-19.997-19.997-19.997H154.203c-11.044 0-19.997 8.953-19.997 19.997z"
/>
<path
fill="url(#j)"
d="M210.1 20.603v83.531c-14.065 4.134-27.325 10.2-39.511 17.876V52.974c0-10.63 6.657-20.185 16.695-23.89z"
/>
<path fill="url(#k)" d="M210.126 20.62h91.77v39.511h-91.77z" />
<path
fill="url(#l)"
d="M341.411 52.974v69.09a153.996 153.996 0 0 0-39.511-17.93V20.603l22.869 8.482c9.985 3.704 16.642 13.259 16.642 23.889z"
/>
<path
fill="url(#m)"
d="m449.368 49.645-41.39 117.782-7.194 20.561c-7.891-16.159-18.36-30.761-30.922-43.376-6.764-6.71-14.119-12.884-22.01-18.306l5.583-15.836 33.982-96.792c3.436-9.61 15.193-13.098 23.298-6.872l33.66 26.037a15.072 15.072 0 0 1 4.993 16.802z"
/>
<path
fill="url(#n)"
d="M164.147 126.252c-22.44 15.622-40.799 36.881-52.878 61.682l-7.14-20.4L62.686 49.645c-2.147-6.066-.161-12.83 4.939-16.802l33.66-26.037c8.106-6.227 19.916-2.738 23.298 6.872l34.089 96.953z"
/>
<path
fill="url(#o)"
d="M382.485 245.107c.322 2.952-1.825 5.583-4.777 5.905-3.007.322-5.583-1.825-5.906-4.777-2.792-26.735-14.333-50.946-33.445-70.111-22.01-21.957-51.214-34.09-82.35-34.09-.537 0-1.02 0-1.557.054l-9.341 24.587c-1.074 2.792-4.187 4.134-6.925 3.114-2.792-1.074-4.187-4.134-3.114-6.925l7.623-20.024c-53.684 6.066-96.683 48.476-102.481 103.395-.269 2.791-2.63 4.831-5.315 4.831-.215 0-.376 0-.591-.054-2.953-.322-5.046-2.953-4.777-5.905 6.657-62.649 57.602-110.48 119.928-113.595a4.555 4.555 0 0 1 2.256-.107c1.395-.107 2.845-.107 4.294-.107 33.981 0 65.923 13.26 89.92 37.257 20.882 20.882 33.498 47.348 36.558 76.552z"
/>
</svg>
More icons in the same style and category