loading...
Cover image for Free illustrations resources for the web - Make your next project cooler!😎

Free illustrations resources for the web - Make your next project cooler!😎

kedark profile image Kedar.K Updated on ・3 min read

Illustrations - whats that?

It's a versatile means of expressing a message which helps to provide a visual representation or example of what is being shared, making it a message clear. It also adds an aesthetic element to a website.

Let's check out an example design by Sindy Lailasari

Forlives - Header Illustration Save Forest Website by Sindy Lailasari for Noansa on Dribbble.png

Ain't that cool? Just imagine this page without illustration, it feels simple and boring, isn't it? Well by now you might have got an idea about the role of illustration. Now, let's get our hands to those resources which are gonna help you to make your work look attractive.

1. unDraw.co

Illustrations   unDraw.png

It's a huge collection of opensource illustrations you can ever imagine. It provides flexibility to choose custom colors for every illustration available on this site.

It also provides an extension for designers so that they can take this directly to adobe XD.

2. Ouch!

Free vector illustrations – Ouch pics.png

These are the free illustrations provided by icons8 which also provides a huge number of icons. They are kind of cartoonish but amazing. You can use this for free but they are uneditable and don't forget to attribute it.

You can get the editable SVG's for a price though. Check it out here

3. humaaans

AwesomeScreenshot-2019-12-31-1577808229227.gif

A great resource if you wanna put lots of humaaans on the webpage 😅.
Well, this can be used for almost every occasion and every part of the website. Each vector is customizable - change shirt, pants, etc.

4. retrovectors

Free Vectors   Free Retro Vectors.png
Planning to design Vintage style web-page? This is the right place to make your site's vintage look complete. Some of them are free and some are paid but are high quality and amazing. You can even edit the files to create a new design. Don't forget to read terms of use tough.

5. absurd

Absurd Design - Free Surrealist Illustrations and Vector Art.png
Absurd but meaningful vectors for your out of the box webpage. You can get 10+1 png images for free but for more and colorful vectors you gotta pay. Believe me, they are amazing and worth each penny.

6. Freepik

Illustrations vectors   324 000 free files in  AI   EPS format.png
Another huge collection of free illustrations. It has almost +324,000 Free Illustrations as of now. But as said before don't forget to attribute them! These can also be bought at a price so there is no need for attribution.

7. lukaszadam

Free Illustrations  Free SVG Illustrations  MIT Vectors.png

All of these illustrations are free and they are designed Lukasz Adam. Basically you can do anything you want with them.

8. DrawKit

DrawKit - Beautiful Free Illustrations.png

Hand drew, free and paid illustrations which will make your day. The designer keeps on adding new designs from time to time so keep an eye on it.

That's all for now folks. These have helped me a lot with my work and hopefully, it will also be useful for you all.

Happy New Year!!

to all of you and wishing you a wonderful year ahead.
Happy Designing.

Cover Credits - Designs Raw

Discussion

pic
Editor guide
Collapse
shaijut profile image
Shaiju T

Good post :) , First Save forest design was good. Below are some more to check

  1. stackbit.com/
  2. jamstack.org/examples/
  3. gatsbyjs.org/starters/?v=2
  4. portfolio.smakosh.com/

Bring more ideas...

Collapse
andrewsmith289 profile image
Andrew Smith

Illustrations make the web a beautiful place, but remember for some they can mean the difference between a page that is usable or not.

In some parts of the world bandwidth is still very expensive, and without proper consideration some viewers can be excluded by large page sizes!

Much like we must consider people with accessibility concerns we must consider those who aren't able to enjoy the internet as freely as others.

Collapse
samelawrence profile image
Sam E. Lawrence

This is a great reminder. I'm hoping to continue seeing accessibility taken seriously in the 2020s as regulation and community standards continue to push the web to accommodate everyone.

Collapse
shtefcs profile image
Stefan Smiljkovic

There is post on Vanila Community about top illustration resources community.vanila.io/uiux/resources...

Be check to check the comments as well.

Collapse
seniru profile image
Seniru Pasan Indira

Very useful stuff! Bookmarked !!

Collapse
kedark profile image
Kedar.K Author

Glad you found it useful!!

Collapse
amandatrincher profile image
Amanda Trincher

Thank you for this great list, it's a godsend. I have already shown many of these sites to my colleagues in the Media One

Collapse
gilbishkosma profile image
Gilbish

I created a site called IllustrationHunt. There you can find more free illustration resources
link: illustrationhunt.com

Collapse
shawnrubel profile image
Shawn Rubel

What? No love for Vecteezy.com? 😅

Collapse
thisnugroho profile image
Dede Nugroho

Thank you for this nice post :) , i've been searching for those vector

Collapse
kedark profile image
Kedar.K Author

Glad to see that it was helpful for you😃

Collapse
codeperfectplus profile image
CodePerfectPlus

Thanks for sharing.

Collapse
scriptify profile image
Maximilian Torggler

isometric.online/ is also an awesome resource!

Collapse
martinoffiah profile image
martinoffiah

Thanks for sharing, this is very helpful

Collapse
andregtz profile image
André Gtz

thank you so much! I've been searching for ages where to find these and never found them.

Collapse
seanmclem profile image
Seanmclem

Awesome job. This is the kind of stuff I have trouble finding when replicating dribbble designs for fun

Collapse
kedark profile image
Collapse
mcaubrey profile image
Michael Charles Aubrey

What a great list of resources! I knew about unDraw, but the rest are new to me. At first I was bookmarking them one by one, but then I realized the whole article deserved a bookmark!

Collapse
kedark profile image
Kedar.K Author

Cool!
Hope these will be useful for your Upcoming projects.

Collapse
maurogarcia_19 profile image
Mauro Garcia

Thanks for this post Kedar! I was looking for resources for my upcoming landing page and these sites are exactly what I needed.

Collapse
kedark profile image
Kedar.K Author

My pleasure...
And good luck for your upcoming landing page.

Collapse
engagepulse1 profile image
SUD

Thanks for sharing @kedar . We are using freepik but this is so good to expand the options.

Collapse
kedark profile image
Kedar.K Author

You're welcome!

Collapse
adabru profile image
Adam Brunnmeier

Free & royalty free Photos, Illustrations, Vectors: pixabay.com

Collapse
moritzrupp profile image
Moritz Rupp

Thanks for sharing those resources with us!
They are very helpful.

Collapse
jtojnar profile image
Collapse
marthaelax profile image
Angeiͥͥͥͥͥͥͥͥͥͥͥͥͥͥ

Love unDraw illustration :D

Collapse
bkmacdaddy profile image
Brian McDaniel

Thanks for this list! Have you checked out design.dev? They have free design resources, including illustrations.

Collapse
michellescrux profile image
michellescrux

This is so cool! I never knew those resources exist! Thank you so much for this! :)

Collapse
kedark profile image
Kedar.K Author

Glad you liked this! Recently wrote a part two of this which includes more illustrations resources and free quality patterns too. You can check these out.

Collapse
michellescrux profile image
michellescrux

Amazing! I'm interested on Part 2 and thanks again for putting the time and effort for this! :)