Beautiful SVG icons meticulously created by the talented designers behind windUI.

Explore Neoicons →

Basic Usage 🚀

The fastest way to use the icons is to copy the resource of the icon you want to use by going to the official neoicons website and place it directly into your HTML, JSX, TSX, Svelte, Vue, Astro, etc. files.

<svg xmlns="http://www.w3.org/2000/svg"
  fill="none"
	viewBox="0 0 24 24"
	stroke-width="1.5"
	stroke="currentColor"
	class="w-6 h-6 text-gray-500">
<path stroke-linecap="round"
	stroke-linejoin="round"
	d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" />
</svg>

All icons are preconfigured with a specific size and color. If you want to change these defaults it's just a matter of changing the classes to the ones you like following the styles of the TailwindCSS framework.

Note

This is an icons library, but it doesn't come as an npm package. Instead, you just copy and paste the code of the icon you need into your project, and customize them to fit your style.

Contributing 🛠

We absolutely appreciate anyone's willingness to try and improve the project, we're currently only interested in contributions that fix bugs or fixing an icon that's been exported with a fill instead of a stroke, etc.

Note

We're not accepting contributions for new icons.

License 📜

Tnis library is MIT licensed.

FAQ 💭

Why don't you have an npm package?

Because it is only intended for the icon to be easily copied without the need to import dependencies that are not totally necessary.

Do you plan to release an npm package?

No. We haven't plans to publish it as an npm package.

Which frameworks are supported?

It is supported in your vanilla HTML projects, as well as the frontend framework of your choice.

Why can't we contribute with new icon designs?

Because we have specific rules for designing an icon, but you can comment in the discussion section if you want a specific icon design or if you think one or more are needed.