Add icons to this collection by clicking the heart icon.
Class icon - also known as education, school, class, classes, group, students, silhouettes, whiteboard, persons, and education icons. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.057"
x2="-25.35"
y1="647.838"
y2="629.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 21.333H10.667C4.779 21.333 0 26.112 0 32v277.333C0 315.221 4.779 320 10.667 320h36.245c9.088 24.853 32.341 42.667 59.755 42.667s50.667-17.813 59.755-42.667h29.824c9.109 24.853 32.341 42.667 59.755 42.667s50.667-17.813 59.755-42.667h29.824c9.109 24.853 32.341 42.667 59.755 42.667S456 344.853 465.088 320h36.245c5.888 0 10.667-4.779 10.667-10.667V32c0-5.888-4.779-10.667-10.667-10.667zm-394.666 320C83.136 341.333 64 321.515 64 297.152c0-24.384 19.136-44.203 42.667-44.203s42.667 19.819 42.667 44.203c-.001 24.363-19.137 44.181-42.667 44.181zm149.333 0c-23.531 0-42.667-19.819-42.667-44.181 0-24.384 19.136-44.203 42.667-44.203s42.667 19.819 42.667 44.203c0 24.363-19.136 44.181-42.667 44.181zm149.333 0c-23.531 0-42.667-19.819-42.667-44.181 0-24.384 19.136-44.203 42.667-44.203S448 272.768 448 297.152c0 24.363-19.136 44.181-42.667 44.181zm85.334-42.666h-21.483c0-.512.149-1.003.149-1.515 0-36.139-28.715-65.536-64-65.536s-64 29.397-64 65.536c0 .512.128 1.003.149 1.515H319.85c0-.512.149-1.003.149-1.515 0-36.139-28.715-65.536-64-65.536s-64 29.397-64 65.536c0 .512.128 1.003.149 1.515h-21.632c0-.512.149-1.003.149-1.515 0-36.139-28.715-65.536-64-65.536s-64 29.397-64 65.536c0 .512.128 1.003.149 1.515H21.333v-256h469.333v256z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.263"
x2="-28.143"
y1="632.458"
y2="619.337"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 384.32c-9.728-13.056-25.152-21.653-42.667-21.653h-64c-17.515 0-32.939 8.597-42.667 21.653-9.728-13.056-25.152-21.653-42.667-21.653h-64c-29.397 0-53.333 23.936-53.333 53.333v64c0 5.888 4.779 10.667 10.667 10.667h448c5.888 0 10.667-4.779 10.667-10.667v-64c0-29.397-23.936-53.333-53.333-53.333h-64c-17.515 0-32.939 8.597-42.667 21.653zm-288 31.68c0-17.643 14.357-32 32-32h64c17.643 0 32 14.357 32 32v53.333h-128V416zM192 416c0-17.643 14.357-32 32-32h64c17.643 0 32 14.357 32 32v53.333H192V416zm245.333-32c17.643 0 32 14.357 32 32v53.333h-128V416c0-17.643 14.357-32 32-32h64z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category