Add icons to this collection by clicking the heart icon.
Classroom icon - also known as education, school, university, people, student, class, classroom, speech bubble, learn, talking, discussion, and communications. Created in a clean flat gradient style with a white, silver, gray, orange, and pink 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="c"
x1="32"
x2="32"
y1="36"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="25.09"
y2="9.09"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset="1" stop-color="#f4929c" />
</linearGradient>
<linearGradient
id="a"
x1="21"
x2="32"
y1="15.09"
y2="15.09"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient id="e" x1="32" x2="43" y1="15.09" y2="15.09" href="#a" />
<linearGradient
id="b"
x1="32"
x2="32"
y1="53"
y2="41"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2c4b0" />
<stop offset="1" stop-color="#ffe3d7" />
</linearGradient>
<linearGradient id="f" x1="32" y1="63" y2="53" href="#a" />
<linearGradient id="g" x1="52" x2="52" href="#b" />
<linearGradient id="h" x1="52" x2="52" y1="63" y2="53" href="#a" />
<linearGradient id="i" x1="12" x2="12" href="#b" />
<linearGradient id="j" x1="12" x2="12" y1="63" y2="53" href="#a" />
<path
fill="url(#c)"
d="M59 1H5c-2.21 0-4 .79-4 3v22a4 4 0 0 0 4 4h4l3 6 3-6h14l3 6 3-6h14l3 6 3-6h4a4 4 0 0 0 4-4V4c0-2.21-1.79-3-4-3z"
/>
<path
fill="#f6b756"
d="M63 25v1a4 4 0 0 1-4 4h-4l-3 6-3-6H35l-3 6-3-6H15l-3 6-3-6H5a4 4 0 0 1-4-4v-1a3 3 0 0 0 3 3h56a3 3 0 0 0 3-3z"
/>
<path fill="url(#d)" d="M17 9.09v16h30v-16z" />
<path fill="#cf4055" d="M17 23v2.09h30V23z" />
<path
fill="url(#a)"
d="M32 9.09v16c-4.31-4.31-5-4-11-4v-16c6 0 6.69-.31 11 4z"
/>
<path
fill="url(#e)"
d="M32 9.09v16c4.31-4.31 5-4 11-4v-16c-6 0-6.69-.31-11 4z"
/>
<path
fill="url(#b)"
d="M32 53a5 5 0 0 1-5-5v-2a5 5 0 0 1 10 0v2a5 5 0 0 1-5 5z"
/>
<path fill="url(#f)" d="M42 63H22a10 10 0 0 1 20 0z" />
<path
fill="url(#g)"
d="M52 53a5 5 0 0 1-5-5v-2a5 5 0 0 1 10 0v2a5 5 0 0 1-5 5z"
/>
<path fill="url(#h)" d="M62 63H42a10 10 0 0 1 20 0z" />
<path
fill="url(#i)"
d="M12 53a5 5 0 0 1-5-5v-2a5 5 0 0 1 10 0v2a5 5 0 0 1-5 5z"
/>
<path
fill="url(#b)"
d="M32 53a5 5 0 0 1-5-5v-2a5 5 0 0 1 10 0v2a5 5 0 0 1-5 5z"
/>
<path
fill="url(#g)"
d="M52 53a5 5 0 0 1-5-5v-2a5 5 0 0 1 10 0v2a5 5 0 0 1-5 5z"
/>
<path
fill="url(#i)"
d="M12 53a5 5 0 0 1-5-5v-2a5 5 0 0 1 10 0v2a5 5 0 0 1-5 5z"
/>
<path
fill="#eab39b"
d="M37 46v2a5 5 0 0 1-10 0v-2a5 5 0 0 0 10 0zM57 46v2a5 5 0 0 1-10 0v-2a5 5 0 0 0 10 0zM17 46v2a5 5 0 0 1-10 0v-2a5 5 0 0 0 10 0z"
/>
<path fill="url(#j)" d="M22 63H2a10 10 0 0 1 20 0z" />
<g fill="#c7cdd8">
<path
d="M8 60v3H6v-3a1 1 0 0 1 2 0zM18 60v3h-2v-3a1 1 0 0 1 2 0zM28 60v3h-2v-3a1 1 0 0 1 2 0zM38 60v3h-2v-3a1 1 0 0 1 2 0zM48 60v3h-2v-3a1 1 0 0 1 2 0zM58 60v3h-2v-3a1 1 0 0 1 2 0z"
/>
<path d="M21.8 61a10.2 10.2 0 0 1 .2 2H2a10 10 0 0 1 .2-2z" />
<path d="M41.8 61a10.2 10.2 0 0 1 .2 2H22a10 10 0 0 1 .2-2z" />
<path d="M62 63H42a10 10 0 0 1 .2-2h19.6a10.2 10.2 0 0 1 .2 2z" />
</g>
<path
fill="#dfe3ea"
d="M36.92 54.3a8 8 0 0 1-9.84 0 10 10 0 0 1 9.84 0zM56.92 54.3a8 8 0 0 1-9.84 0 10 10 0 0 1 9.84 0zM16.92 54.3a8 8 0 0 1-9.84 0 10 10 0 0 1 9.84 0z"
/>
</svg>
More icons in the same style and category