Add icons to this collection by clicking the heart icon.
Class icon - also known as education, school, university, teacher, teaching, class, session, students, lecture, advanced training, humanpictos, training course, and professor. 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="-45.008"
x2="18.742"
y1="595.711"
y2="595.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M435.2 307.2c-23.561 0-42.667 19.106-42.667 42.667s19.106 42.667 42.667 42.667 42.667-19.106 42.667-42.667c-.026-23.552-19.115-42.641-42.667-42.667zm0 68.267c-14.14 0-25.6-11.46-25.6-25.6s11.46-25.6 25.6-25.6 25.6 11.46 25.6 25.6c0 14.139-11.46 25.6-25.6 25.6z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.008"
x2="18.742"
y1="582.711"
y2="582.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M401.067 512h68.267a8.536 8.536 0 0 0 8.533-8.533v-85.333a8.536 8.536 0 0 0-8.533-8.533h-68.267a8.536 8.536 0 0 0-8.533 8.533v85.333c-.001 4.71 3.822 8.533 8.533 8.533zm8.533-85.333h51.2v68.267h-51.2v-68.267z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.008"
x2="18.742"
y1="595.711"
y2="595.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M76.8 392.533c23.561 0 42.667-19.106 42.667-42.667s-19.106-42.667-42.667-42.667-42.667 19.106-42.667 42.667c.026 23.553 19.115 42.642 42.667 42.667zm0-68.266c14.14 0 25.6 11.46 25.6 25.6s-11.46 25.6-25.6 25.6-25.6-11.46-25.6-25.6 11.46-25.6 25.6-25.6z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-45.008"
x2="18.742"
y1="582.711"
y2="582.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M34.133 503.467A8.536 8.536 0 0 0 42.666 512h68.267a8.536 8.536 0 0 0 8.533-8.533v-85.333a8.536 8.536 0 0 0-8.533-8.533H42.667a8.536 8.536 0 0 0-8.533 8.533v85.333zm17.067-76.8h51.2v68.267H51.2v-68.267z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-45.008"
x2="18.742"
y1="595.711"
y2="595.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M256 307.2c-23.561 0-42.667 19.106-42.667 42.667s19.106 42.667 42.667 42.667 42.667-19.106 42.667-42.667c-.026-23.552-19.115-42.641-42.667-42.667zm0 68.267c-14.14 0-25.6-11.46-25.6-25.6s11.46-25.6 25.6-25.6 25.6 11.46 25.6 25.6c0 14.139-11.46 25.6-25.6 25.6z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-45.008"
x2="18.742"
y1="582.711"
y2="582.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M221.867 409.6a8.536 8.536 0 0 0-8.533 8.533v85.333a8.536 8.536 0 0 0 8.533 8.533h68.267a8.536 8.536 0 0 0 8.533-8.533v-85.333a8.536 8.536 0 0 0-8.533-8.533h-68.267zm59.733 85.333h-51.2v-68.267h51.2v68.267z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-45.008"
x2="18.742"
y1="621.711"
y2="621.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M145.067 170.667c23.561 0 42.667-19.106 42.667-42.667s-19.106-42.667-42.667-42.667S102.4 104.439 102.4 128c.026 23.552 19.115 42.641 42.667 42.667zm0-68.267c14.14 0 25.6 11.46 25.6 25.6s-11.46 25.6-25.6 25.6-25.6-11.46-25.6-25.6 11.46-25.6 25.6-25.6z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-45.008"
x2="18.742"
y1="627.711"
y2="627.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M290.133 85.333h128c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533h-128c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-45.008"
x2="18.742"
y1="631.711"
y2="631.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M290.133 51.2h128c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533h-128c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-45.008"
x2="18.742"
y1="623.711"
y2="623.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M290.133 119.467h128a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-128a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-45.008"
x2="18.742"
y1="619.711"
y2="619.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M290.133 153.6h128a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-128a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-45.008"
x2="18.742"
y1="615.711"
y2="615.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M290.133 187.733h128c4.71 0 8.533-3.823 8.533-8.533s-3.823-8.533-8.533-8.533h-128c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-45.008"
x2="18.742"
y1="619.711"
y2="619.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M469.333 247.467V8.533A8.536 8.536 0 0 0 460.8 0H51.2a8.536 8.536 0 0 0-8.533 8.533v238.933a8.536 8.536 0 0 0 8.533 8.533h51.2v25.6a8.536 8.536 0 0 0 8.533 8.533H179.2a8.536 8.536 0 0 0 8.533-8.533V256H460.8a8.536 8.536 0 0 0 8.533-8.533zm-298.666 25.6h-51.2V204.8h51.2v68.267zM409.6 238.933h-34.133v-17.067H409.6v17.067zm42.667 0h-25.6v-25.6a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v25.6H187.733v-28.86l21.786 10.94a8.645 8.645 0 0 0 3.814.853 8.524 8.524 0 0 0 7.569-4.591l26.667-51.2-15.138-7.885-22.784 43.759-26.633-13.321v.085a8.389 8.389 0 0 0-3.814-.981h-68.267a8.536 8.536 0 0 0-8.533 8.533v42.667H59.733V17.067h392.533v221.866z"
fill="url(#m)"
/>
</svg>
More icons in the same style and category