🎉 Iconsans - +320 Free Icons for your next project

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/

Comments

[Morteza Sabihi]

Thanks for sharing

[Eckehard]

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]

Hi Eckehard,

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

[Eckehard]

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]

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]

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

Example

[artydev]

Thank you :-)

[taijidude]

Good stuff. Thank you for sharing.

[Negin]

Great information🥰😇

[attilalb]

Great icons, thanks for sharing!

[Negin]

Perfect

[reaz-mohammadi]

thanks 👌👌

[Anthony Fung]

These look great - thanks for sharing!

I love that SVGs are available too, so they can be used even when not using React or Vue.