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

130 sleek illustrations for your startup's visual identity.