HubToolify Education icons

5 designs in Line, Flat, Solid, Special Lineal Color. Every file in svg/ is a standalone SVG on a 24 × 24 grid.

1. As an image

Works anywhere. Flat and Special Lineal Color keep their own colours; Line and Solid render in black this way.

<img src="svg/line/school-building.svg" width="48" height="48" alt="School building">

2. Inline SVG

Paste the file's contents into your HTML. Line and Solid paint with currentColor, so the text colour of the parent recolours them:

<span style="color:#1766f2"><svg …>…</svg></span>

3. Sized with CSS

.icon svg { width: 32px; height: 32px; }

Line

Flat

Solid

Special Lineal Color