Pack Builder
Build a custom icon pack with only the icons you need — then download a lean CSS file or host it on our CDN.
Overview
Instead of loading the full icon library, the Pack Builder lets you cherry-pick icons and generate a minimal CSS file. This keeps your page weight low and load times fast.
Step 1 — Browse & Select Icons
Go to the Icon Browser and click any icon to select it. Selected icons appear in the dock at the bottom of the screen. You can filter by category or search by name to find what you need.
Free accounts can select up to 4 icons per pack. Premium accounts have no limit.
Step 2 — Save to a Pack
Once you've selected your icons, click "Save to Pack" in the bottom dock. You can create a new pack or add to an existing one. Each pack gets a unique name and version number.
Free accounts can have up to 3 packs. Premium accounts can create unlimited packs.
Step 3 — Choose CSS Modules
On the pack detail page, click "Compile" to open the module selector. Choose which CSS utilities to include:
- Base — Core icon styles (always included, cannot be removed)
- Sizing —
.trker-xsthrough.trker-10x - Fixed Width —
.trker-fw - Animations — spin, pulse, beat, bounce, shake, fade
- Rotate & Flip — rotation and flip utilities
- Stacking —
.trker-stack,.trker-stack-1x,.trker-stack-2x - Border —
.trker-border, circle, square variants - Pull —
.trker-pull-left,.trker-pull-right
Step 4 — Download or Use CDN
After compiling, you can download the generated trker-icon.css file and self-host it, or enable CDN hosting (premium) to get a permanent URL you can link directly.
<!-- Self-hosted -->
<link rel="stylesheet" href="/css/trker-icon.css">
<!-- CDN hosted (premium) -->
<link rel="stylesheet" href="https://www.trkericon.com/cdn/{your-pack-uuid}/trker-icon.css">Versioning
Every time you compile a pack, the version number increments automatically (e.g. 1.0 → 1.1). This makes cache-busting straightforward — the CDN URL always serves the latest compiled version.