DEV Community

🎉 Iconsans - +320 Free Icons for your next project

Fatemeh Paghar on May 21, 2023

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, mak...

Read full post

Morteza Sabihi • May 21 '23

Thanks for sharing

Eckehard • May 21 '23

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 • May 21 '23

Hi Eckehard,

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

Eckehard • May 21 '23

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 '23 • 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 '23 • Edited

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

Example

artydev • May 21 '23

Thank you :-)

taijidude • May 21 '23

Good stuff. Thank you for sharing.

Negin • May 21 '23

Great information🥰😇

attilalb • May 21 '23

Great icons, thanks for sharing!

Negin • May 21 '23

Perfect

reaz-mohammadi • May 22 '23

thanks 👌👌

Anthony Fung • May 21 '23

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.