Plain SVG files.

Every icon is a small SVG on a 24px grid with a 1.5px line. No font, no script, nothing to install. The 200 free icons are one download away.

Download free icons

What is in the zip

Free (200 icons)

One folder per style, the icon name as the file name, plus the license.

neat-icons-free/
  rounded-stroke/home.svg
  rounded-solid/home.svg
  sharp-stroke/home.svg
  sharp-solid/home.svg
  LICENSE.txt

Full set (1,104 icons)

Two copies of every file: colored #141B34 for design tools, and with currentColor for code. icons.json lists every icon with its category.

svg/<family>/<style>/<name>.svg
svg-currentcolor/<family>/<style>/<name>.svg
icons.json

svg/rounded/stroke/home.svg
svg-currentcolor/sharp/solid/home.svg

Use them

Inline

Paste the file into your HTML. Swap the color for currentColor and the icon takes the text color around it. This is the free home icon, as it is in the zip:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g transform="translate(0 -0.6)"><path d="M8.55 21C5.37 21 4 19.64 4 16.45L4 11.37C4 10.55 4.26 9.97 4.87 9.42L9.41 5.39C11.22 3.78 12.78 3.78 14.59 5.39L19.13 9.42C19.74 9.97 20 10.55 20 11.37L20 16.45C20 19.64 18.64 21 15.45 21L8.55 21Z" fill="none" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M10.25 21V17.75A1.75 1.75 0 0 1 13.75 17.75V21" fill="none" stroke="#141B34" stroke-width="1.5" stroke-linecap="butt" stroke-linejoin="round" stroke-miterlimit="10"/></g></svg>

img tag or CSS

As a file it keeps its own color. Size it in whole steps of the grid (24, 48, 72) for the crispest lines; it stays sharp from 16px up.

<img src="/icons/home.svg" width="24" height="24" alt="Home">

.icon-home {
  width: 24px;
  height: 24px;
  background: url(/icons/home.svg) no-repeat center / contain;
}

The Solid styles cut their inner details out with white shapes. On a dark background use a Line style, or the React package, where the cut-outs are real masks. Each icon page has its own files: try search, mail or settings, or browse all free icons.