Undraw SVG

This package compiles all of the illustrations from the undraw.co website as well as an informational JSON file.

All illustrations by Katerina Limpitsouni

Installation

pnpm add undraw-svg

--- OR ---

npm i undraw-svg

--- OR ---

yarn add undraw-svg

Usage

While you can use the SVGs directly as images, this gives you no way to affect the theme colour, so it's recommended to import the SVG raw and use that in your components.

The below example assumes you're using Vite as your bundler.

import WorkFriends from "undraw-svg/work-friends.svg?raw";

// Vue
<div v-html="WorkFriends"></div>;