balazser / undraw-svg-collection

A collection of customizable SVG illustrations from unDraw, ready for use in web and app projects. Change color with CSS variable `--primary-svg-color`.

undraw-svg-collection

This repository contains a collection of customizable SVGs from unDraw, a constantly updated collection of beautiful SVG images that you can use completely free and without attribution.

Usage

To use these SVGs in your project:

1. Clone or download this repository to your local machine.

2. If you are using a package manager like npm or yarn, you can add this repository as a dependency. For example, using npm:

   npm install --save balazser/undraw-svg-collection

3. Add the SVG files to your project's assets directory.

4. Include the SVGs in your project as needed.

The color of these SVGs can be customized using the CSS variable --primary-svg-color. This allows you to easily adapt the SVGs to your project's color scheme.

For example:

:root {
  --primary-svg-color: #123456;
}

The above CSS will apply the color #123456 to all SVGs in your project that utilize the --primary-svg-color.

Credits

All SVGs in this repository are sourced from unDraw. We greatly appreciate their work and contribution to the open-source community.

License

The SVGs in this repository are provided under the MIT License.