# Contents

> What's in the Tabler Illustrations download: the folders for each format and where the light and dark variants live.

The folder structure of the Tabler Illustrations package and where to find each format, color variant and theme.

Source: https://docs.tabler.io/illustrations/contents

---

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:

```text
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](https://tabler.io/illustrations).