Add icons to this collection by clicking the heart icon.
Blackboard icon - also known as education, eraser, school, blackboard, and class. 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.883"
x2="19.002"
y1="606.711"
y2="606.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="M503.467 76.8H8.533A8.536 8.536 0 0 0 0 85.333v341.333a8.536 8.536 0 0 0 8.533 8.533h494.933a8.536 8.536 0 0 0 8.533-8.533V85.333c.001-4.71-3.822-8.533-8.532-8.533zm-8.534 341.333H17.067V384h477.867v34.133zM51.2 366.933V332.8h102.4v34.133H51.2zm443.733 0H170.667v-42.667a8.536 8.536 0 0 0-8.533-8.533H42.667a8.536 8.536 0 0 0-8.533 8.533v42.667H17.067V93.867h477.867v273.066z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.883"
x2="19.002"
y1="614.711"
y2="614.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="M264.533 196.267H281.6a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-17.067a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.883"
x2="19.002"
y1="614.711"
y2="614.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="M315.733 196.267H435.2a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533H315.733a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-45.883"
x2="19.002"
y1="610.711"
y2="610.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="M264.533 230.4H281.6a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-17.067a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-45.883"
x2="19.002"
y1="610.711"
y2="610.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="M315.733 230.4H435.2a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533H315.733a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-45.883"
x2="19.002"
y1="606.711"
y2="606.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="M264.533 264.533H281.6a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-17.067A8.536 8.536 0 0 0 256 256a8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-45.883"
x2="19.002"
y1="606.711"
y2="606.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="M315.733 264.533H435.2a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533H315.733A8.536 8.536 0 0 0 307.2 256a8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-45.883"
x2="19.002"
y1="602.711"
y2="602.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="M264.533 298.667H281.6a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533h-17.067a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-45.883"
x2="19.002"
y1="602.711"
y2="602.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="M315.733 298.667H435.2a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533H315.733a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category