Awesome 40+ SVG Resources For Your Next Web Project 💥
Tags: webdev, beginners, productivity, codenewbie
Published: 2021-04-15 18:26:45

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](https://www.iconshock.com/svg-icons/)
![Site Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cb8w46tswkoya6u93amh.png)
2. [Icon8](https://icons8.com/icons)
![Site Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6tdaalw8u5z8eh2uqui.png)
3. [Flaticon](https://www.flaticon.com/)
![Site Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qe7sfbh4intdos1njx7d.png)
4. [Freepik](https://www.freepik.com)
![Site Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ge6n5j4uobp6jm5fuk2f.png)
5. [Icon Ninja](https://www.iconninja.com/)
![Site Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oyexhprsk5ydlowb4sm4.png)
6. [SVGrepo](https://www.svgrepo.com/)
![Site Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/347yh4tgntq87uwsp7xi.png)
```javascript
```

#### Shape Generators 💥
1. [Blob Maker](https://www.blobmaker.app/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/txprj4g0lm2zywhjssi3.png)
2. [Wave Generator](https://getwaves.io/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bqr7wxlflxno8s0akkn6.png)
3. [Wave Generator](https://svgwave.in/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0r3n672zdjtu95aopmx.png)
4. [Squircley](https://squircley.app/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yfhhjhdiuczx3zc8kgjt.png)
5. [SVG Shape Generator](https://www.softr.io/tools/svg-shape-generator)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/38c71vm1y0j63ire7zvs.png)
6. [Blobs](https://blobs.app/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dhle8q8pro3gir1a5vv8.png)
```javascript
```

#### Illustrations 💥
1. [Undraw](https://undraw.co/illustrations)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8z0rntk4g9k44yu28dtw.png)
2. [Draw Kit](https://www.drawkit.io/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xputyajvbwn1w4no3px7.png)
3. [Manypixels](https://www.manypixels.co/gallery?ref=lapaninja)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yrbuyc091nwwplswc9yg.png)
4. [Icon8](https://icons8.com/illustrations)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mud8xjq867gqvik4z6pi.png)
5. [Humaans](https://humaaans.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7mi8x8akqcx4wq4s5psd.png)
6. [Free Illustrations](https://freeillustrations.xyz/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vx1oh4owhvaor0ns7b86.png)
7. [Illlustrations](https://illlustrations.co/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q4o6o2ap9tzj6ghkr4m4.png)
8. [Scale](https://2.flexiple.com/scale/all-illustrations)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pv0k3y3wspz283lg67bv.png)
9. [Pulse](https://sleekbundle.com/product/pulse-illustration-kit/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ezyta5xwmkyd581quk95.png)
10. [Lucid](https://lucid.pixsellz.io/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tpxn3r1266x0ii01j2ya.png)
11. [Ui8](https://ui8.net/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/avybo04r5dsz04lsicpq.png)
12. [Control.Rocks](https://control.rocks/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lc2drqsq2q0mqsyz4xec.png)
13. [Pixel True](https://www.pixeltrue.com/packs)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fc2kb9eafbm5e7451i2a.png)
14. [Delesign](https://delesign.com/free-designs/graphics)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g8u72mqeod6oacpy5fbx.png)
15. [Isometric](https://isometric.online/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fc8nj6mrhyc1siivs53z.png)
```javascript
```
#### SVG Backgrounds 💥
1. [SVG Backgrounds](https://www.svgbackgrounds.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxjk51c44ftww2xcrvm6.png)
2. [Hero Patterns](http://www.heropatterns.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k9umtd1hd3l7pet616o5.png)
3. [Philiprogers](https://philiprogers.com/svgpatterns/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nvsqwwpxh465uf0qx0ne.png)
4. [The Pattern Library](http://thepatternlibrary.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dl0g1tbjy6bw7x6xwryi.png)
5. [Plain Pattern](http://www.kennethcachia.com/plain-pattern/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9m6xsh3ftkkc67i224pv.png)
6. [Patternico](https://patternico.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w5rdlcbadsmlltbl8i0t.png)
7. [Paaatterns](https://products.ls.graphics/paaatterns/preview.html)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yny63z5p0u3om7w3jaqu.png)
8. [Cool Background](https://coolbackgrounds.io/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5foqffi5wtv1z6axh6mr.png)
9. [Btmills](http://btmills.github.io/geopattern/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0cm1tpdc8nfbfs6yzsb2.png)
10. [Bgjar](https://bgjar.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/57sswvdvpygsrdsa09d0.png)
11. [Svgeez](https://www.svgeez.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xez665nblkdrms8smu8t.png)
12. [Patternpad](https://patternpad.com/editor.html)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ax34572fqje6y8p7hpg9.png)

[SVG Loaders](http://samherbert.net/svg-loaders/) 💥
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7u4abrwbnei3ru9uvqe.png)

[SVG 404 Pages](https://error404.fun/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/58dvfkhrp632a30a3tn1.png)
 

You can check more web development resources below. 
{% link https://dev.to/kiranrajvjd/awesome-css-layout-resources-for-beginners-508a %}
{% link https://dev.to/kiranrajvjd/25-awesome-fonts-from-google-fonts-40im %}
{% link https://dev.to/kiranrajvjd/15-awesome-color-resources-for-your-next-web-project-48je %}
{% link https://dev.to/kiranrajvjd/15-awesome-css-animation-resources-4mhi %}