Add icons to this collection by clicking the heart icon.
Class icon - also known as education, school, university, college, class, classroom, sign, signaling, and signboard. 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 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<g fill="#fff">
<path
d="M19.767 51.919a.631.631 0 0 1-.634-.634V17.266h-3.557V51.32a.631.631 0 0 1-.634.634.631.631 0 0 1-.634-.634V16.667c0-.352.282-.634.634-.634h4.824c.353 0 .634.282.634.634V51.32c0 .317-.281.599-.633.599z"
/>
<path
d="M57.06 21.034H19.766a.631.631 0 0 1-.633-.634c0-.352.281-.598.634-.598h37.258c.352 0 .634.281.634.598 0 .317-.282.634-.599.634zM38.994 36.388h-2.746a.631.631 0 0 1-.634-.634c0-.352.281-.633.634-.633h2.746c.353 0 .634.281.634.633a.631.631 0 0 1-.634.634zM27.83 37.269a2.788 2.788 0 0 1-2.781-2.782 2.766 2.766 0 0 1 2.782-2.782c.81 0 1.514.317 2.043.88a.621.621 0 0 1-.07.88.621.621 0 0 1-.881-.07 1.465 1.465 0 0 0-1.127-.493c-.845 0-1.55.704-1.55 1.55 0 .845.704 1.549 1.55 1.549.493 0 .95-.246 1.268-.67.21-.28.598-.351.845-.14.281.211.352.599.14.845-.493.81-1.303 1.233-2.218 1.233zM33.818 37.269h-1.832a.631.631 0 0 1-.634-.634v-4.296c0-.353.282-.634.634-.634.352 0 .634.281.634.634v3.697h1.198c.352 0 .634.282.634.634 0 .317-.282.599-.634.599z"
/>
<path
d="M35.86 37.269c-.07 0-.14 0-.246-.035a.654.654 0 0 1-.352-.81l.774-1.867.986-2.465a.603.603 0 0 1 .564-.387c.246 0 .493.14.563.387l1.761 4.296c.14.317-.035.67-.352.81s-.67-.035-.81-.352l-1.127-2.852-1.162 2.887a.651.651 0 0 1-.599.388zM44.171 35.12H42.13a1.06 1.06 0 0 1-1.057-1.056v-1.268c0-.563.493-1.056 1.056-1.056h2.043c.599 0 1.057.458 1.057 1.056a.631.631 0 0 1-.634.634c-.282 0-.493-.176-.599-.422H42.27v.915h1.867c.352 0 .634.282.634.634 0 .352-.282.563-.599.563z"
/>
<path
d="M44.171 37.269H42.13a1.06 1.06 0 0 1-1.057-1.057c0-.352.282-.634.634-.634.282 0 .528.176.598.458h1.726v-.915h-1.866a.631.631 0 0 1-.634-.634c0-.352.282-.634.634-.634h2.042c.599 0 1.057.458 1.057 1.056v1.268c-.035.599-.493 1.092-1.092 1.092zM49.7 35.12h-2.043a1.06 1.06 0 0 1-1.056-1.056v-1.268c0-.563.493-1.056 1.056-1.056H49.7c.598 0 1.056.458 1.056 1.056a.631.631 0 0 1-.634.634c-.281 0-.492-.176-.598-.422h-1.69v.915H49.7c.352 0 .634.282.634.634 0 .352-.317.563-.634.563z"
/>
<path
d="M49.7 37.269h-2.043a1.06 1.06 0 0 1-1.056-1.057c0-.352.282-.634.634-.634.282 0 .528.176.598.458h1.726v-.915h-1.866a.631.631 0 0 1-.634-.634c0-.352.281-.634.634-.634h2.042c.599 0 1.057.458 1.057 1.056v1.268c-.036.599-.493 1.092-1.092 1.092z"
/>
<path
d="M54.137 39.382H22.795a.631.631 0 0 1-.634-.634V30.19c0-.352.282-.634.634-.634h31.342c.352 0 .634.282.634.634v8.593a.648.648 0 0 1-.634.599zm-30.743-1.233h30.11v-7.36h-30.11z"
/>
<path
d="M28.676 30.789a.65.65 0 0 1-.423-.176.617.617 0 0 1 0-.88l9.755-9.755a.638.638 0 0 1 .88 0 .617.617 0 0 1 0 .88l-9.79 9.755c-.105.14-.281.176-.422.176z"
/>
<path
d="M48.186 30.789a.65.65 0 0 1-.423-.176l-9.755-9.755a.617.617 0 0 1 0-.88.64.64 0 0 1 .88 0l9.755 9.754a.616.616 0 0 1 0 .88.583.583 0 0 1-.457.177zM25.542 55.933h-10.6a.631.631 0 0 1-.634-.634v-3.98c0-.351.282-.633.634-.633h10.635c.352 0 .634.282.634.634v4.015a.684.684 0 0 1-.67.598zM15.54 54.701h9.403v-2.782H15.54z"
/>
</g>
</g>
</svg>
More icons in the same style and category