Add icons to this collection by clicking the heart icon.
Class icon - also known as education, study, school, student, class, learning, and course. Created in a clean flat 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 64 64"
>
<linearGradient
id="b"
x1="7"
x2="57"
y1="24"
y2="24"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe9661" />
<stop offset="1" stop-color="#ffb369" />
</linearGradient>
<linearGradient
id="c"
x1="32"
x2="32"
y1="38"
y2="10"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient
id="a"
x1="39"
x2="57"
y1="49"
y2="49"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient id="d" x1="23" x2="41" href="#a" />
<linearGradient id="e" x1="7" x2="25" href="#a" />
<linearGradient id="f" x1="48" x2="48" y1="42" y2="28" href="#a" />
<linearGradient id="g" x1="32" x2="32" y1="42" y2="28" href="#a" />
<linearGradient id="h" x1="16" x2="16" y1="42" y2="28" href="#a" />
<rect width="50" height="34" x="7" y="7" fill="url(#b)" rx="2" />
<rect width="44" height="28" x="10" y="10" fill="url(#c)" rx="1" />
<path fill="url(#a)" d="M57 47v10H39V47a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6z" />
<path
fill="#4795ea"
d="M44 47v10h-2V47a1 1 0 0 1 2 0zM54 47v10h-2V47a1 1 0 0 1 2 0z"
/>
<path fill="url(#d)" d="M41 47v10H23V47a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6z" />
<path
fill="#4795ea"
d="M28 47v10h-2V47a1 1 0 0 1 2 0zM38 47v10h-2V47a1 1 0 0 1 2 0z"
/>
<path fill="url(#e)" d="M25 47v10H7V47a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6z" />
<path
fill="#4795ea"
d="M12 47v10h-2V47a1 1 0 0 1 2 0zM22 47v10h-2V47a1 1 0 0 1 2 0z"
/>
<path
fill="url(#f)"
d="M48 42a5.83 5.83 0 0 1-5.83-5.83v-2.34a5.83 5.83 0 0 1 11.66 0v2.34A5.83 5.83 0 0 1 48 42z"
/>
<path
fill="url(#g)"
d="M32 42a5.83 5.83 0 0 1-5.83-5.83v-2.34a5.83 5.83 0 0 1 11.66 0v2.34A5.83 5.83 0 0 1 32 42z"
/>
<path
fill="url(#h)"
d="M16 42a5.83 5.83 0 0 1-5.83-5.83v-2.34a5.83 5.83 0 0 1 11.66 0v2.34A5.83 5.83 0 0 1 16 42z"
/>
</svg>
More icons in the same style and category