Add icons to this collection by clicking the heart icon.
Bag icon - also known as education, school, bag, backpack, school bag, and back to school. Created in a clean flat gradient style with a white 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"
>
<linearGradient
id="a"
x1="10"
x2="16"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="d" x1="15.86" x2="22" y1="5.02" y2="5.02" href="#a" />
<linearGradient
id="b"
x1="6"
x2="12"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient id="e" x1="20" x2="26" y1="9.5" y2="9.5" href="#b" />
<linearGradient id="f" x1="24" x2="30" y1="24" y2="24" href="#b" />
<linearGradient id="g" x1="2" x2="8" y1="24" y2="24" href="#b" />
<linearGradient
id="h"
x1="6"
x2="26"
y1="18.02"
y2="18.02"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="c"
x1="10"
x2="22"
y1="21"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient id="i" x1="12" x2="20" y1="13" y2="13" href="#c" />
<g>
<path
fill="url(#a)"
d="M15 8a1 1 0 0 1-.71-.29l-4-4a1 1 0 0 1 1.42-1.42l4 4a1 1 0 0 1 0 1.42A1 1 0 0 1 15 8z"
/>
<path
fill="url(#d)"
d="M16.86 8a1 1 0 0 1-.69-1.71l4.13-4a1 1 0 1 1 1.4 1.42l-4.14 4.05a1 1 0 0 1-.7.24z"
/>
<path
fill="url(#b)"
d="M11 2H7a1 1 0 0 0-1 1v12a1.06 1.06 0 0 0 1.06 1 1 1 0 0 0 1-.89 8 8 0 0 1 3.51-5.76 1 1 0 0 0 .43-.83V3a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M25 2h-4a1 1 0 0 0-1 1v5.52a1 1 0 0 0 .44.83 7.16 7.16 0 0 1 1.21 1A7.88 7.88 0 0 1 24 16a1 1 0 0 0 2 0V3a1 1 0 0 0-1-1z"
/>
<path
fill="#fff"
d="M26 3h-4a1 1 0 0 0-1 1v5.52a.84.84 0 0 0 0 .27c-.19-.15-.39-.3-.6-.44a1 1 0 0 1-.4-.83V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path
d="M6 3h4a1 1 0 0 1 1 1v5.52a.84.84 0 0 1 0 .27c.19-.15.39-.3.6-.44a1 1 0 0 0 .4-.83V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zM22.09 10.83a6.42 6.42 0 0 0-.65-.48 1 1 0 0 1-.4-.56 6.64 6.64 0 0 1 .61.56 4 4 0 0 1 .44.48z"
opacity=".1"
/>
<path
fill="url(#f)"
d="M30 21.46v5.08A2.46 2.46 0 0 1 27.54 29H25a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.54A2.46 2.46 0 0 1 30 21.46z"
/>
<path
fill="url(#g)"
d="M8 20v8a1 1 0 0 1-1 1H4.46A2.46 2.46 0 0 1 2 26.54v-5.08A2.46 2.46 0 0 1 4.46 19H7a1 1 0 0 1 1 1z"
/>
<path
d="M5.46 29h-1A2.46 2.46 0 0 1 2 26.54v-5.08A2.46 2.46 0 0 1 4.46 19h1A2.46 2.46 0 0 0 3 21.46v5.08A2.46 2.46 0 0 0 5.46 29z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 21.46v5.08A2.46 2.46 0 0 1 27.54 29h-1A2.46 2.46 0 0 0 29 26.54v-5.08A2.46 2.46 0 0 0 26.54 19h1A2.46 2.46 0 0 1 30 21.46z"
opacity=".2"
/>
<path d="M2 24h6v2H2zM24 24h6v2h-6z" opacity=".1" />
<path fill="#fff" d="M2 23h6v2H2zM24 23h6v2h-6z" />
<path
fill="url(#h)"
d="M23.08 8.94a10.67 10.67 0 0 0-1.52-1.25 10.15 10.15 0 0 0-11.12 0 9.94 9.94 0 0 0-4.37 7.19A8.32 8.32 0 0 0 6 16v13a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V16a9.89 9.89 0 0 0-2.92-7.06z"
/>
<path
d="M16.5 6.05a9.9 9.9 0 0 0-9.43 8.83A8.32 8.32 0 0 0 7 16v13a1 1 0 0 0 1 1H7a1 1 0 0 1-1-1V16a8.32 8.32 0 0 1 .07-1.12A9.91 9.91 0 0 1 16.5 6.05z"
opacity=".1"
/>
<path
fill="#fff"
d="M26 16v13a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V16a9.89 9.89 0 0 0-2.92-7.06 10.67 10.67 0 0 0-1.52-1.25 9.86 9.86 0 0 0-5.06-1.64 10 10 0 0 1 6.06 1.64 10.67 10.67 0 0 1 1.52 1.25A9.89 9.89 0 0 1 26 16z"
opacity=".2"
/>
<rect width="12" height="6" x="10" y="19" opacity=".1" rx="1" />
<rect width="8" height="6" x="12" y="11" opacity=".1" rx="1" />
<rect width="12" height="6" x="10" y="18" fill="url(#c)" rx="1" />
<path
d="M12 24h-1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M22 19v4a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path d="M15 29h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" opacity=".1" />
<circle cx="21" cy="28" r="1" opacity=".1" />
<circle cx="18" cy="28" r="1" opacity=".1" />
<path fill="#fff" d="M15 28h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<rect width="8" height="6" x="12" y="10" fill="url(#i)" rx="1" />
<path
d="M14 16h-1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
opacity=".1"
/>
<g fill="#fff">
<path
d="M20 11v4a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<circle cx="21" cy="27" r="1" />
<circle cx="18" cy="27" r="1" />
</g>
</g>
</svg>
More icons in the same style and category