Add icons to this collection by clicking the heart icon.
Class icon - also known as education, school, and class. Created in a clean flat style with a white, silver, gray, teal, and navy 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-141.385 0-256-114.615-256-256 0-66.3 25.204-126.712 66.553-172.181l108.941-70.888a254.516 254.516 0 0 1 20.053-5.732l.011.013H60.506v-.001a254.703 254.703 0 0 1 20.064 5.741l108.877 70.867C230.796-382.713 256-322.3 256-256 256-114.615 141.385 0 0 0"
transform="translate(256 512)"
fill="#69cdff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v276.935c0 11.045 8.954 20 20 20h410c11.046 0 20-8.955 20-20V0c0-11.046-8.954-20-20-20H20C8.954-20 0-11.046 0 0"
transform="translate(31 175.065)"
fill="#445ea0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v276.935c0 11.045 8.954 20 20 20h-41c-11.046 0-20-8.955-20-20V0c0-11.046 8.954-20 20-20h41C8.954-20 0-11.046 0 0"
transform="translate(72 175.065)"
fill="#2e4c89"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M51 452h410V175.065H51Z"
fill="#2e4c89"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M51 175.065h40V452H51Z"
fill="#293d7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h330"
transform="translate(91 408.786)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h237"
transform="translate(184 358.786)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h63"
transform="translate(91 358.786)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h330"
transform="translate(91 308.786)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h165"
transform="translate(173.5 258.786)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 33.416-27.09 60.506-60.506 60.506S-121.012 33.416-121.012 0c0-23.396 13.288-43.675 32.72-53.743a60.806 60.806 0 0 1-20.649-17.503C-79.656-103.45-42.265-128.143 0-142.135v34.653C0-84.087-13.288-63.81-32.719-53.743-13.288-43.676 0-23.396 0 0"
transform="translate(175.494 155.066)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a60.53 60.53 0 0 1-15.851 2.112c-33.417 0-60.506-27.089-60.506-60.506 0-23.395 13.288-43.675 32.719-53.743a60.814 60.814 0 0 1-20.649-17.503 257.484 257.484 0 0 1 21.555-21.073c4.339 16.798 15.715 30.763 30.797 38.576-19.432 10.068-32.72 30.348-32.72 53.743C-44.655-30.464-25.725-6.967 0 0"
transform="translate(130.84 213.46)"
fill="#d9eafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 33.416-27.09 60.506-60.506 60.506S-121.012 33.416-121.012 0c0-23.396 13.288-43.675 32.72-53.743-19.432-10.067-32.72-30.344-32.72-53.739h.064v-40.387a256.594 256.594 0 0 1 60.442-7.197c20.847 0 41.105 2.511 60.506 7.213v40.371C0-84.087-13.288-63.81-32.72-53.743-13.288-43.676 0-23.396 0 0"
transform="translate(316.506 155.066)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a60.53 60.53 0 0 1-15.851 2.112c-33.416 0-60.506-27.089-60.506-60.506 0-23.395 13.288-43.675 32.719-53.743-19.431-10.066-32.719-30.343-32.719-53.738h.064v-40.388a255.173 255.173 0 0 1 31.702-5.581v45.969h-.064c0 23.395 13.288 43.672 32.72 53.738-19.432 10.068-32.72 30.348-32.72 53.743C-44.655-30.464-25.725-6.967 0 0"
transform="translate(271.851 213.46)"
fill="#d9eafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a60.814 60.814 0 0 1-20.649 17.503C-1.217 27.571 12.07 47.851 12.07 71.246c0 33.417-27.089 60.506-60.506 60.506-33.416 0-60.505-27.089-60.505-60.506 0-23.395 13.287-43.675 32.719-53.743-19.432-10.066-32.719-30.343-32.719-53.738h.063v-34.632C-66.638-56.872-29.271-32.187 0 0"
transform="translate(445.447 83.82)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a60.53 60.53 0 0 1-15.851 2.112c-33.416 0-60.506-27.089-60.506-60.506 0-23.395 13.288-43.675 32.72-53.743-19.432-10.066-32.72-30.343-32.72-53.738h.064v-34.632a254.2 254.2 0 0 1 31.702 12.931v21.701h-.064c0 23.395 13.288 43.672 32.72 53.738-19.432 10.068-32.72 30.348-32.72 53.743C-44.655-30.464-25.725-6.967 0 0"
transform="translate(412.863 213.46)"
fill="#d9eafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category