Cet article est également disponible en : Français

Illustrations on a web page or application have a very interesting effect on the user: they create a connection, echo emotions and feelings and also help to assert your identity.

But sometimes getting started with a free illustration kit can help you get started quickly without sacrificing the visual appeal of your product.

Woobro – Free Vector Illustrations

The free illustrations offered by Woobro have a very assertive style. These illustrations are dressed in purple, mauve and blue gradients, proposing a scene wrapped in a blob, those little potatoes that serve as a visual support or container.

Woobro Illustrations

These illustrations are in SVG but are also packaged in PNG, Sketch and Illustration. They are free of rights for any kind of use, the only counterpart will be to cite the author or the website (CC 4.0 Attribution).

  • Style: flat and color gradients
  • Format: SVG, Sketch and Illustrator
  • License: CC 4.0 Attribution – Free of charge and rights for personal and commercial use, obligation to cite the website.

More on Woobro

Undraw – Vector Illustrations

Undraw is one of the first illustration libraries of this type that I have known, it is also by far my favorite. Created by Katerina Limpitsouni, these illustrations cover quite varied fields that you can explore very easily thanks to a keyword search.

Undraw Illustrations

These illustrations are proposed in vector (SVG) and offers a possibility of customization of the main colors. This feature is very useful to quickly customize the vector file to the color of your brand.

Personally I use this type of illustration on professional projects in order to quickly add a more pleasant visual content. Not being specialized in illustration at all, even if I have the ability to make compositions thanks to these illu, it allows me to quickly brighten up some of the interface, while waiting for clients to contact a talented illustrator for custom work.

The SVG files offer fairly simple plots, so much so that it was easy for me for a test to put things in motion. See the Undraw animation example created with SVG and CSS.

  • Style: flat, line
  • Format: SVG (all design software compatibility)
  • License: MIT License – Free of charge and rights for personal and commercial use.

More on Undraw

Illustrations.co – 100 awesome illustrations

Vijay Verma has embarked on a series of 100 days of creating illustrations and now offers a website that brings them together. These illustrations are mainly flat, colorful, but not always super consistent with each other.

Illustrations.co

This type of content is rather useful in the context of specific needs to illustrate a statement or decorate a poster for example (or make the featured image of this article :D). They are available in AI, SVG, PNG, EPS and also Figma, to enjoy the live performance of the latter 😀

  • Style: flat, line, retro
  • Format: AI, SVG, PNG, EPS, Figma
  • License: MIT License – Free of charge and rights for personal and commercial use.

More on Illustrations.co

Lukas Zadam – Free illustrations

Lukas Zadam is an illustrator by profession who makes part of his creations available to share with his community and make it grow. I can only advise you to join her if you are interested in this type of community.

Illustrations Lukas Zadam

The proposed illustrations are not always consistent with each other, and are sometimes proposed in the form of scenes, or as a kind of icon kit on a specific subject. The style is quite classical: flat and lines, few gradients.

  • Style: flat, line, bubble
  • Format: SVG (all design software compatibility)
  • License: MIT License – Free of charge and rights for personal and commercial use.

More on Lukas Zadam

DrawKit.io – Free Flat Illustrations

DrawKit, proposed by James, a professional illustrator, displays a double graphic style: black and white line and flat colour for almost all illustrations representing mainly humans in their activities and natural habitats.

Drawkit

These illustrations are arranged in fairly rich categories and are easily found through a keyword search. The proposed scenes and objects are all rather consistent with each other. The library of available illustrations allows you to recompose rich scenes adapted to your theme.

  • Style: flat, line, black and white, color
  • Format: SVG (all design software compatibility)
  • License: MIT License – Free of charge and rights for personal and commercial use.

More on DrawKit

Humaaans – A dynamic library

Pablo Stanley has created a library of remarkable illustrations capable of offering modular illustrations on which you can change certain elements of the illustration such as the person’s face, their clothes or the backgrounds of the scenes.

Humaaans Illustrations

The style of these illustrations is flat, with rather “blobby” shapes. The appearance of the characters is really simple but very effective: no shadows or rich light, making the dynamism of the characters and backgrounds possible.

The illustrations are available for Sketch, Figma, InVision Studio, Adobe XD and royalty-free for personal and commercial use.

  • Style: flat, color, dynamic
  • Format: Sketch, Figma, InVision Studio, Adobe XD (probably SVG)
  • License: CC0 – Free of charge and rights for personal and commercial use.

More on Humaaans

Icons8 Ouch – Illustration Library

Ouch offers a library of images on a wide variety of subjects, there is a complete list on the home page of the Icons8 site.

Icons8 Ouch

The styles are quite varied, some sets offer color gradients where others offer more or less explosive flat tints in color. Some are based only on solid, others on a mixture of solid and lines. You will have to sort according to your style.

Each illutration set has its own name and style, even if some of them are close enough to be complementary.

Becareful, the PNG format is free, if you want to access the SVG version you will have to pay $19/month.

  • Style: flat, colors, line, variable
  • Format: PNG (free), SVG (paid)
  • License: Variable, paid ($19/month) or mandatory attribution.

More on Ouch

Whoosh – Illustration Kit

This set of very colorful illustrations offers really simple scenes to decorate the interfaces you design on quite classical topics of website usage: code, security, delivery, empty states, etc.

Whoosh Illustration

The PNG format is free, but you will have to pay the modest amount of $29 to access a library compatible with Figma, Sketch, Adobe XD or the EPS format.

Whoosh Customization

With these paid versions, a color palette is provided allowing you to change all the colors of the illustrations.

  • Style: flat, colors
  • Format: PNG (free), SVG (paid)
  • License: Variable, paid ($29) or mandatory attribution.

More on Whoosh

Absurd Design – Black Illustrations

These illustrations, drawn in black and white, offer a very assertive effect and a bit of a “rough draft” very much appreciated (I like this style personally).

Absurd Design Illustrations

The proposed illustrations are in PNG format with mandatory attribution for the free version. If you wish to access a pro version, you will have to pay $57 per quarter.

  • Style: stroke, line, black and white
  • Format : PNG (free), SVG (paid)
  • Licence : Variable, paid ($57 per quarter) or mandatory attribution.

More on Absurd

Stubborn – Customizable characters

Stubborn offers customizable characters, backgrounds and objects, as well as sample artwork to help you create your own scenes.

Stubborn Illustration

A scene/image generator is also available to customize these illustrations free of charge.

  • Style : flat, customizable
  • Format : SVG (all design software compatibility)
  • Licence : Variable, free for a limited amount of images. Pro Version for $99/year.

More on Stubborn

The work of an illustrator

A little reminder for people who think that $99 is a bit expensive for illustrations, to take just this example: the work of an illustrator is something very complicated, between the difficulty of maintaining graphic coherence, of assuming and maintaining a choice to stick to a company’s identity, or even simply the vectorial composition itself.

I’m not going to dwell on that because it’s not my job, even though I already composed a few mini-sets or a few paid vector illustrations (sometimes hyperrealistic like the fashion of old times) a long time ago, but believe me, even a $400 set wouldn’t be expensive at all considering the time needed to create them.

I take this opportunity to drag here the link of the description page and the choices of use, graphic choices, illustrations of Foyer (my current employer) just to show you what’s behind 3 characters. Imagine complete scenes 😉
The style and graphic choices are the result of a fabulous work of our chief illustrator Léa.

Have fun with those illustrations!