---
title: Contents
order: 2
description: The folder structure of the Tabler Illustrations package and where to find each format, color variant and theme.
summary: "What's in the Tabler Illustrations download: the folders for each format and where the light and dark variants live."
---
import Example from '@components/Example.astro';

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).