Add icons to this collection by clicking the heart icon.
Briefcase icon - also known as education, school, case, briefcase, suitcase, and learning. 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="c"
x1="10"
x2="22"
y1="6"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1e88e5" />
<stop offset="1" stop-color="#1565c0" />
</linearGradient>
<linearGradient
id="d"
x1="4"
x2="28"
y1="23.5"
y2="23.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="e"
x1="2"
x2="30"
y1="13.5"
y2="13.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient
id="a"
x1="8"
x2="14"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient
id="b"
x1="9"
x2="13"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef9a9a" />
<stop offset="1" stop-color="#e57373" />
</linearGradient>
<linearGradient id="f" x1="18" x2="24" href="#a" />
<linearGradient id="g" x1="19" x2="23" href="#b" />
<g>
<path
fill="url(#c)"
d="M21 10H11a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-9-2h8V4h-8z"
/>
<path
fill="url(#d)"
d="M27 17h-4a1 1 0 0 0-1 1v2h-2v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-2v-2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1z"
/>
<path
d="M5 18v11a1 1 0 0 0 1 1H5a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M28 18v11a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path
fill="url(#e)"
d="M26.7 8H5.3A3.3 3.3 0 0 0 2 11.3v4.4A3.3 3.3 0 0 0 5.3 19H9a1 1 0 0 0 1-1v-2h2v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2h2v2a1 1 0 0 0 1 1h3.7a3.3 3.3 0 0 0 3.3-3.3v-4.4A3.3 3.3 0 0 0 26.7 8z"
/>
<path
d="M3 11.3v4.4A3.3 3.3 0 0 0 6.3 19h-1A3.3 3.3 0 0 1 2 15.7v-4.4A3.3 3.3 0 0 1 5.3 8h1A3.3 3.3 0 0 0 3 11.3z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 11.3v4.4a3.3 3.3 0 0 1-3.3 3.3h-1a3.3 3.3 0 0 0 3.3-3.3v-4.4A3.3 3.3 0 0 0 25.7 8h1a3.3 3.3 0 0 1 3.3 3.3z"
opacity=".2"
/>
<rect width="6" height="8" x="8" y="15" opacity=".1" rx="1" />
<rect width="6" height="8" x="18" y="15" opacity=".1" rx="1" />
<rect width="6" height="8" x="8" y="14" fill="url(#a)" rx="1" />
<rect width="4" height="5.33" x="9" y="15.33" fill="url(#b)" rx=".67" />
<rect width="6" height="8" x="18" y="14" fill="url(#f)" rx="1" />
<path d="M18 28h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" opacity=".1" />
<circle cx="11" cy="27" r="1" opacity=".1" />
<circle cx="21" cy="27" r="1" opacity=".1" />
<g fill="#fff">
<path d="M18 27h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<circle cx="11" cy="26" r="1" />
<circle cx="21" cy="26" r="1" />
</g>
<rect
width="4"
height="5.33"
x="19"
y="15.33"
fill="url(#g)"
rx=".67"
/>
</g>
</svg>
More icons in the same style and category