mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 13:17:00 +04:00
92 lines
2.5 KiB
Plaintext
92 lines
2.5 KiB
Plaintext
---
|
||
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).
|