Add icons to this collection by clicking the heart icon.
Classroom icon - also known as education, school, presentation, people, teaching, student, classroom, and training. 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="b"
x1="2"
x2="30"
y1="13.5"
y2="13.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="c"
x1="15"
x2="29"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient
id="a"
x1="8"
x2="18"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="d" y1="12" y2="12" href="#a" />
<linearGradient id="e" x2="17" y1="15" y2="15" href="#a" />
<linearGradient id="f" x2="16" y1="18" y2="18" href="#a" />
<linearGradient id="g" x1="22" x2="24" href="#a" />
<linearGradient id="h" x1="19" x2="21" href="#a" />
<linearGradient
id="i"
x1="17"
x2="27"
y1="17"
y2="17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<g>
<path
fill="url(#b)"
d="M29 2H3a1 1 0 0 0-1 1v21a1 1 0 0 0 1 1h13.81a1 1 0 0 0 .87-.5A5 5 0 0 1 22 22a4.92 4.92 0 0 1 3.53 1.47 4.74 4.74 0 0 1 .79 1 1 1 0 0 0 .87.51H29a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
/>
<path
d="M3 3v21a1 1 0 0 0 1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 3v21a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".2"
/>
<path
fill="#fff"
d="M26 5H6a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h16a1 1 0 0 0 0-2 3 3 0 1 1 3-3 1 1 0 0 0 2 0V6a1 1 0 0 0-1-1z"
/>
<path
d="M27 6H7a1 1 0 0 0-1 1v15a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1z"
opacity=".1"
/>
<path
fill="url(#c)"
d="M28.06 23.51A6.66 6.66 0 0 0 27 22.06 6.89 6.89 0 0 0 22 20a7 7 0 0 0-6 3.49A6.9 6.9 0 0 0 15 27v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a6.86 6.86 0 0 0-.94-3.49z"
/>
<path
d="M26.05 21.3A7 7 0 0 0 18 24.49 6.9 6.9 0 0 0 17 28v2h-1a1 1 0 0 1-1-1v-2a6.9 6.9 0 0 1 1-3.51A7 7 0 0 1 22 20a6.84 6.84 0 0 1 4.05 1.3zM17 11H9a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM17 14H9a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM16 17H9a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM15 20H9a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="23" cy="10" r="1" opacity=".1" />
<circle cx="20" cy="10" r="1" opacity=".1" />
<path fill="url(#a)" d="M17 10H9a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M17 13H9a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M16 16H9a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M15 19H9a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<circle cx="23" cy="9" r="1" fill="url(#g)" />
<circle cx="20" cy="9" r="1" fill="url(#h)" />
<circle cx="22" cy="17" r="5" fill="url(#i)" />
<path
d="M26 14a4.94 4.94 0 0 0-3-1 5 5 0 0 0-5 5 4.94 4.94 0 0 0 1 3 5 5 0 1 1 7-7z"
opacity=".1"
/>
</g>
</svg>
More icons in the same style and category