Contents
What's in the Tabler Illustrations download: the folders for each format and where the light and dark variants live.
Every illustration in the package comes in several formats, and each format has a light and a dark variant. This page lists the folders in the download and what each one is for.
Folder structure
Once downloaded, unzip the compressed folder and you'll see something like this:
tabler-illustrations/
├── eps/
| ├── dark/
| └── light/
├── figma/
├── pdf/
| ├── dark/
| └── light/
├── png/
| ├── dark/
| └── light/
├── png-background/
| ├── dark/
| └── light/
├── svg/
| ├── dark/
| └── light/
├── svg-css-autodark/
└── svg-css-variables/
├── dark/
└── light/
What each folder contains
1. Vector files: eps/
This folder contains EPS files for scalable vector illustrations.
dark/: Dark-themed illustrations.light/: Light-themed illustrations.
2. Design file: figma/
This folder contains the Figma source file with every illustration.
3. Document files: pdf/
This folder contains PDF files, for print or slides.
dark/: Dark-themed illustrations.light/: Light-themed illustrations.
4. Transparent images: png/
This folder stores PNG files with transparent backgrounds at 1600 × 1200px resolution.
dark/: Dark-themed illustrations.light/: Light-themed illustrations.
5. Background images: png-background/
This folder contains PNG files on a dark background.
dark/: Dark-themed illustrations.light/: Light-themed illustrations.
6. Scalable vector graphics: svg/
This folder contains the SVG files. They scale without loss and you can edit them in any vector tool.
dark/: Dark-themed illustrations.light/: Light-themed illustrations.
7. Adaptive graphics: svg-css-autodark/
These SVG files switch between the light and dark colors on their own, based on the user's system color scheme.
8. Themed graphics: svg-css-variables/
These SVG files take their colors from CSS variables, so you can theme them from your stylesheet.
dark/: Dark-themed illustrations.light/: Light-themed illustrations.
You can buy Tabler Illustrations at tabler.io/illustrations.
On this page
