unDraw: illustrations gallery and downloads

What is unDraw?

unDraw is a large, regularly updated set of SVG illustrations for product, marketing, and content work. The gallery on undraw.co/illustrations lets you search by theme, preview scenes (for example collaboration, data, or lifestyle), and generate on-the-fly color so characters and shapes match your palette. Files are offered for personal and commercial use under the license published on undraw.co; read the current terms and any unDraw+ conditions before client work. The project is credited to creator Katerina Limpitsouni on the public site.

What you can do on unDraw

Browse, recolor, and export flat vector art for screens and decks.

1. On-the-fly color: Set a main color so illustrations align with your brand before you download, without redrawing in another app first.
2. Searchable gallery: Search and paginate through many scenes so you can match a page to a concept (for example chat, analytics, or empty states).
3. SVG and PNG: Download vector SVG for responsive layouts, or PNG when you need a raster drop-in for slides or legacy flows.
4. Regular updates: New illustrations appear over time; revisit the gallery when you refresh a product or campaign.
5. No account for basic flow: Typical browse, recolor, and download works in the public gallery; optional unDraw+ features are separate.
6. License summary on site: The undraw.co license page defines what you can do in personal and commercial projects; keep a copy for your records.

How to use unDraw from this page

Short path from browse to a file in your repo or deck.

1. Search or scan: Use search or flip pages until a scene matches your message and layout slot.
2. Set your color: Pick a brand or theme color so the artwork reads as one system with the rest of the UI.
3. Download the format you need: Grab SVG for code and scaling, or PNG when your toolchain expects a bitmap.

Tips for production use

Keep illustrations legible and maintainable in code.

1. One style per surface: Stick to the same unDraw look within a view so the page does not mix unrelated illustration languages.
2. Test contrast: After recolor, check contrast on real backgrounds, not only the default artboard.
3. Optimize SVG: Run vectors through your usual SVG optimizer and strip unused groups before shipping in critical paths.

Who it helps

Teams that need clear, neutral scenes without a long custom art cycle.

1. Product and marketing: Landing pages, empty states, and feature tours that need a friendly figure or scene.
2. Startups and side projects: Ship something polished when there is no illustrator on retainer.
3. Presentations: SVG or PNG for slides and docs where brand color matters.
4. Developers: Inline or asset-folder SVG to pair with design systems and component libraries.

Why use the illustrations gallery

Practical reasons teams open undraw.co again across releases.

1. Fast shortlisting: Search and paginate through many concepts instead of drafting from a blank page.
2. Quick brand alignment: Recolor in the tool before you hand files to design or code.
3. Scalable art: Vector-first downloads help across breakpoints and print-scale exports from your pipeline.

Legal and product notes

What to verify on the source site.

1. License: The undraw.co license file describes commercial and personal use. Follow it, and re-check if the site updates wording.
2. unDraw+: The public site may reference Supporters and unDraw+ with extra features (for example a video tool). Read what is included before you pay.
3. Source URL: This Uwarp view loads https://undraw.co/illustrations, the public illustrations gallery path.

Frequently Asked Questions

Have questions? We have answers.