DEV Community

Cover image for Awesome 40+ SVG Resources For Your Next Web Project πŸ’₯
Kiran Raj R
Kiran Raj R

Posted on • Edited on

Awesome 40+ SVG Resources For Your Next Web Project πŸ’₯

Here are the list of awesome svg resources that will help you to make your web project better. The list mainly contains free resources for icons, illustrations for landing pages, common illustrations, svg backgroung generator, svg shape generators etc. I am not going to write about each sites, just go through and explore. Each of these site will give you something for your future projects. If you have any other resources please feel free to comment. Happy Coding

Icons πŸ’₯

  1. Iconshock Site Image
  2. Icon8 Site Image
  3. Flaticon Site Image
  4. Freepik Site Image
  5. Icon Ninja Site Image
  6. SVGrepo Site Image
Enter fullscreen mode Exit fullscreen mode

Shape Generators πŸ’₯

  1. Blob Maker Alt Text
  2. Wave Generator Alt Text
  3. Wave Generator Alt Text
  4. Squircley Alt Text
  5. SVG Shape Generator Alt Text
  6. Blobs Alt Text
Enter fullscreen mode Exit fullscreen mode

Illustrations πŸ’₯

  1. Undraw Alt Text
  2. Draw Kit Alt Text
  3. Manypixels Alt Text
  4. Icon8 Alt Text
  5. Humaans Alt Text
  6. Free Illustrations Alt Text
  7. Illlustrations Alt Text
  8. Scale Alt Text
  9. Pulse Alt Text
  10. Lucid Alt Text
  11. Ui8 Alt Text
  12. Control.Rocks Alt Text
  13. Pixel True Alt Text
  14. Delesign Alt Text
  15. Isometric Alt Text
Enter fullscreen mode Exit fullscreen mode

SVG Backgrounds πŸ’₯

  1. SVG Backgrounds Alt Text
  2. Hero Patterns Alt Text
  3. Philiprogers Alt Text
  4. The Pattern Library Alt Text
  5. Plain Pattern Alt Text
  6. Patternico Alt Text
  7. Paaatterns Alt Text
  8. Cool Background Alt Text
  9. Btmills Alt Text
  10. Bgjar Alt Text
  11. Svgeez Alt Text
  12. Patternpad Alt Text

SVG Loaders πŸ’₯
Alt Text

SVG 404 Pages
Alt Text

You can check more web development resources below.




Top comments (11)

Collapse
 
tyler36 profile image
tyler36

Thanks for the list of items.

It would be nice to include a description or a simple screen to help people know why you like the links.

Also, I think name + link style is better:
SVG Loaders πŸ€”
SVG Loaded - youtube.com/watch?v=dQw4w9WgXcQ πŸ‘

Sure, the second doesn't look as nice, but I get a better sense of where I should end up. 😊

Collapse
 
kiranrajvjd profile image
Kiran Raj R

ok point noted , the main reason was I was too lazy , and I think exploring was fun. I will update this :)
Thank you for your suggestion

Collapse
 
tyler36 profile image
tyler36

No problems, only a suggestion. Thanks for sharing!

Thread Thread
 
kiranrajvjd profile image
Kiran Raj R

I update some... will finish today.. can you take a look at it. About link style I like the first one better :)

Thread Thread
 
tyler36 profile image
tyler36

Looks great ... I know about 80% of these site but I never remember their names. All the links I clicked worked.

Now with the screenshots, it's easy to go "oh yeah, I love that website too!"

Thread Thread
 
kiranrajvjd profile image
Kiran Raj R

if you have any resources, let me know i can add to this site... thanks for the motivation :)

Collapse
 
filatovv profile image
Yuri Filatov

great selection, thanks :)

Collapse
 
kiranrajvjd profile image
Kiran Raj R

Thank you :)

Collapse
 
alonedatascientist profile image
alonedatascientist

excellent find!

Collapse
 
prathyushaguduru profile image
Prathyusha Guduru

This is a glodmine!

Collapse
 
prathyushaguduru profile image
Prathyusha Guduru

*goldmine