mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 21:27:06 +04:00
37 lines
1.2 KiB
Plaintext
37 lines
1.2 KiB
Plaintext
---
|
|
title: PNG version
|
|
summary: Use the PNG files when you need raster icons for mockups, chats or tools without vector support.
|
|
description: Download Tabler Icons as PNG files - raster images for mockups, chat apps, and tools that do not support vector formats.
|
|
---
|
|
|
|
import TabsPackage from '@components/TabsPackage.astro'
|
|
import { Code } from 'astro:components'
|
|
import { site } from '@shared/lib/site.ts'
|
|
|
|
|
|
|
|
|
|
## Installation
|
|
|
|
<TabsPackage name="@tabler/icons-png" />
|
|
|
|
or just [download from Github](https://github.com/tabler/tabler-icons/releases).
|
|
|
|
All PNG files are stored in `icons` subdirectory.
|
|
|
|
## CDN
|
|
|
|
### Outline version
|
|
|
|
Load the outline version of an icon as an image straight from the `icons/outline` directory of the CDN package:
|
|
|
|
<Code lang="html" code={`<img src="https://unpkg.com/@tabler/icons-png@${site.iconsVersion}/icons/outline/home.png" />`} />
|
|
|
|
### Filled version
|
|
|
|
Use the `icons/filled` path to load the filled version of an icon:
|
|
|
|
<Code lang="html" code={`<img src="https://unpkg.com/@tabler/icons-png@${site.iconsVersion}/icons/filled/home.png" />`} />
|
|
|
|
Swap the version for `latest` to always pull the newest icons, or keep it pinned so the set stays stable.
|