🎉 Iconsans - +320 Free Icons for your next project

#react #vue #javascript

Iconsans is a collection of over 320 free icons designed for use in your next project. This package offers separate versions for Vue and React, making it easy for developers and designers to access a wide range of icons that can be used in a variety of applications.

Demo: https://mortezasabihi.github.io/iconsans/

Top comments (15)

Morteza Sabihi - #OPENTOWORK • May 21

Thanks for sharing

Eckehard • May 21

Thank you much for sharing, great content.

Is there any easy option to use the Icons from vanilla JS other than extracting them from the page? But anyway, this might be an option too (see an example)

Morteza Sabihi - #OPENTOWORK • May 21

Hi Eckehard,

Thanks for your comment, We will add icon font support soon.😊

Eckehard • May 21

Your Icons are really beautiful!

I would appreciate to have an option to read SVG directly. Maybe something like a REST api that returns SVG like this:
https://mortezasabihi.github.io/iconsans/SVG?Id=Alert1&width=500
This would give us the option to use single icons without the overhead.

Anthony Fung • May 21 • Edited

It's not quite what you describe, but one option might be to download the GitHub repository and upload the icons folder in your project (you can also choose which icons you need). You could then use them from HTML by doing something like:

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <image href="https://path-to-svg" height="200" width="200" />
</svg>

Eckehard • May 21 • Edited

Did not know it was already there... Thank you very much

Example

KRUNAL R PRAJAPATI • Sep 14

This is also beautiful website for free svg icon - custicon.com
24000+ free icons for use in web, iOS, Android, and desktop apps. Support for SVG. License: MIT, Free for commercial or personal use.
This provide svg icon and svg code and also provide the icon image and it should be free