DEV Community

Fatemeh Paghar
Fatemeh Paghar

Posted on • Edited on

πŸŽ‰ 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/

Top comments (13)

Collapse
 
mortezasabihi profile image
Morteza Sabihi

Thanks for sharing

Collapse
 
efpage profile image
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)

Collapse
 
mortezasabihi profile image
Morteza Sabihi

Hi Eckehard,

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

Collapse
 
efpage profile image
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.

Thread Thread
 
ant_f_dev profile image
Anthony Fung • 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>
Enter fullscreen mode Exit fullscreen mode
Thread Thread
 
efpage profile image
Eckehard • Edited

Image description

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

Example

Collapse
 
artydev profile image
artydev

Thank you :-)

Collapse
 
taijidude profile image
taijidude

Good stuff. Thank you for sharing.

Collapse
 
negindrfsh profile image
Negin

Great informationπŸ₯°πŸ˜‡

Collapse
 
attilalb profile image
attilalb

Great icons, thanks for sharing!

Collapse
 
negindrfsh profile image
Negin

Perfect

Collapse
 
reazmohammadi profile image
reaz-mohammadi

thanks πŸ‘ŒπŸ‘Œ

Collapse
 
ant_f_dev profile image
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.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.