Add icons to this collection by clicking the heart icon.
Class icon - also known as screen, education, school, online, class, teamwork, children, video, kids, reunion, virtual, attention, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, and orange 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>
<path
d="M504.5 224.5H7.5v280h497z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#dcdfe8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 224.5h30v280h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cbcdd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-26.036-21.106-47.143-47.143-47.143-26.036 0-47.142 21.107-47.142 47.143 0 26.037 21.106 47.143 47.142 47.143C-21.106 47.143 0 26.037 0 0"
transform="translate(126.643 152.357)"
fill="#47d5e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.246 0-10.286-.87-15-2.452C3.68-8.719 17.143-26.353 17.143-47.143c0-20.79-13.463-38.424-32.143-44.691a47.052 47.052 0 0 1 15-2.452c26.036 0 47.143 21.107 47.143 47.143C47.143-21.106 26.036 0 0 0"
transform="translate(79.5 199.5)"
fill="#22c0d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-92.781c-14.144 0-25.61 11.466-25.61 25.61v.104c0 39.765 32.236 72 72 72 39.765 0 72-32.235 72-72v-.104C25.609 11.466 14.144 0 0 0"
transform="translate(125.89 7.5)"
fill="#5793c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.146 0-10.16-.55-15-1.576C17.562-8.479 42-37.381 42-72v-.104c0-14.145-11.466-25.61-25.609-25.61h30C60.534-97.714 72-86.249 72-72.104V-72C72-32.235 39.765 0 0 0"
transform="translate(79.5 105.214)"
fill="#4c87bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.3-11.06-36.32-20.45-57.29-20.45S-98.28-11.06-114.58 0c13.15 17.26 33.92 28.4 57.29 28.4 19.88 0 37.88-8.06 50.91-21.09C-4.09 5.02-1.96 2.58 0 0"
transform="translate(136.79 76.81)"
fill="#47d5e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.86-4.65-14.38-9.01-22.35-12.49-9.52 19.84-27.86 34.64-49.94 39.32 4.84 1.03 9.86 1.57 15 1.57 19.88 0 37.88-8.06 50.91-21.09C-4.09 5.02-1.96 2.58 0 0"
transform="translate(136.79 76.81)"
fill="#22c0d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-26.036-21.106-47.143-47.143-47.143-26.036 0-47.142 21.107-47.142 47.143 0 26.037 21.106 47.143 47.142 47.143C-21.106 47.143 0 26.037 0 0"
transform="translate(303.143 152.357)"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.246 0-10.286-.87-15-2.452C3.68-8.719 17.143-26.353 17.143-47.143c0-20.79-13.463-38.424-32.143-44.691a47.052 47.052 0 0 1 15-2.452c26.036 0 47.143 21.107 47.143 47.143C47.143-21.106 26.036 0 0 0"
transform="translate(256 199.5)"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-92.781c-14.144 0-25.61 11.466-25.61 25.61v.104c0 39.765 32.236 72 72 72 39.765 0 72-32.235 72-72v-.104C25.609 11.466 14.144 0 0 0"
transform="translate(302.39 7.5)"
fill="#5793c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.146 0-10.16-.55-15-1.576C17.562-8.479 42-37.381 42-72v-.104c0-14.145-11.466-25.61-25.609-25.61h30C60.534-97.714 72-86.249 72-72.104V-72C72-32.235 39.765 0 0 0"
transform="translate(256 105.214)"
fill="#4c87bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.3-11.06-36.32-20.45-57.29-20.45S-98.28-11.06-114.58 0c13.15 17.26 33.92 28.4 57.29 28.4 19.88 0 37.88-8.06 50.91-21.09C-4.09 5.02-1.96 2.58 0 0"
transform="translate(313.29 76.81)"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.86-4.65-14.38-9.01-22.351-12.49C-31.87 7.35-50.21 22.15-72.29 26.83c4.84 1.03 9.86 1.57 15 1.57 19.88 0 37.88-8.06 50.91-21.09C-4.09 5.02-1.96 2.58 0 0"
transform="translate(313.29 76.81)"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-26.036-21.106-47.143-47.143-47.143-26.036 0-47.142 21.107-47.142 47.143 0 26.037 21.106 47.143 47.142 47.143C-21.106 47.143 0 26.037 0 0"
transform="translate(479.643 152.357)"
fill="#ff4b26"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.246 0-10.286-.87-15-2.452C3.68-8.719 17.143-26.353 17.143-47.143c0-20.79-13.463-38.424-32.143-44.691a47.052 47.052 0 0 1 15-2.452c26.036 0 47.143 21.107 47.143 47.143C47.143-21.106 26.036 0 0 0"
transform="translate(432.5 199.5)"
fill="#eb4523"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-92.781c-14.144 0-25.61 11.466-25.61 25.61v.104c0 39.765 32.236 72 72 72 39.765 0 72-32.235 72-72v-.104C25.609 11.466 14.144 0 0 0"
transform="translate(478.89 7.5)"
fill="#5793c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.3-11.06-36.32-20.45-57.29-20.45S-98.28-11.06-114.58 0c13.15 17.26 33.92 28.4 57.29 28.4 19.88 0 37.88-8.06 50.91-21.09C-4.09 5.02-1.96 2.58 0 0"
transform="translate(489.79 76.81)"
fill="#ff4b26"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.146 0-10.16-.55-15-1.576C17.562-8.479 42-37.381 42-72v-.104c0-14.145-11.466-25.61-25.609-25.61h30C60.534-97.714 72-86.249 72-72.104V-72C72-32.235 39.765 0 0 0"
transform="translate(432.5 105.214)"
fill="#4c87bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.86-4.65-14.38-9.01-22.351-12.49C-31.87 7.35-50.21 22.15-72.29 26.83c4.84 1.03 9.86 1.57 15 1.57 19.88 0 37.88-8.06 50.91-21.09C-4.09 5.02-1.96 2.58 0 0"
transform="translate(489.79 76.81)"
fill="#eb4523"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 424.5H7.5v80h497z"
fill="#5793c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 424.5h30v80h-30z"
fill="#4c87bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(68.5 465)"
fill="#ff4b26"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(128.5 465)"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(188.5 465)"
fill="#47d5e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-52.992c0-4.251 4.617-6.892 8.278-4.737l45.015 26.497c3.609 2.125 3.609 7.347 0 9.472L8.278 4.736C4.617 6.892 0 4.25 0 0"
transform="translate(228 362.496)"
fill="#ff4b26"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-26.036-21.106-47.143-47.143-47.143-26.036 0-47.142 21.107-47.142 47.143 0 26.037 21.106 47.143 47.142 47.143C-21.106 47.143 0 26.037 0 0Z"
transform="translate(126.643 152.357)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.781c-14.144 0-25.61 11.466-25.61 25.61v.104c0 39.765 32.236 72 72 72 39.765 0 72-32.235 72-72v-.104C25.609 11.466 14.144 0 0 0Z"
transform="translate(125.89 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.3-11.06-36.32-20.45-57.29-20.45S-98.28-11.06-114.58 0"
transform="translate(136.79 76.81)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.054-.921.081-1.849.081-2.784 0-26.036-21.106-47.142-47.143-47.142-26.036 0-47.142 21.106-47.142 47.142 0 26.037 21.106 47.143 47.142 47.143 13.753 0 26.13-5.889 34.749-15.283"
transform="translate(303.062 155.14)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.781c-14.144 0-25.61 11.466-25.61 25.61v.104c0 39.765 32.236 72 72 72 39.765 0 72-32.235 72-72v-.104C25.609 11.466 14.144 0 0 0Z"
transform="translate(302.39 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.3-11.06-36.32-20.45-57.29-20.45S-98.28-11.06-114.58 0"
transform="translate(313.29 76.81)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-26.036-21.106-47.143-47.143-47.143-26.036 0-47.142 21.107-47.142 47.143 0 26.037 21.106 47.143 47.142 47.143C-21.106 47.143 0 26.037 0 0Z"
transform="translate(479.643 152.357)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-92.781c-14.144 0-25.61 11.466-25.61 25.61v.104c0 39.765 32.236 72 72 72 39.765 0 72-32.235 72-72v-.104C25.609 11.466 14.144 0 0 0Z"
transform="translate(478.89 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.3-11.06-36.32-20.45-57.29-20.45S-98.28-11.06-114.58 0"
transform="translate(489.79 76.81)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(68.5 465)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(128.5 465)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(188.5 465)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v216.167h497v-280H0v31.5"
transform="translate(7.5 288.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-440.5"
transform="translate(448 424.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-24.5"
transform="translate(504.5 424.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-52.992c0-4.251 4.617-6.892 8.278-4.737l45.015 26.497c3.609 2.125 3.609 7.347 0 9.472L8.278 4.736C4.617 6.892 0 4.25 0 0Z"
transform="translate(228 362.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category