Every FPL Analyzer kit, ready to use.
The shirt illustrations FPL Analyzer draws for all 20 Premier League clubs: home, away, third, goalkeeper and special editions. Preview them here, then take them as SVG or PNG, or load them straight from a URL.
- 20 clubs
- SVG + PNG
- JSON manifest
Background
Loading kits...
For developers
Every kit is a small, self-contained SVG (1–18 KB) at a predictable URL. Files are served with open cross-origin access, so you can use them in an <img> tag or fetch them from your own site.
URL pattern
Club codes are the three-letter FPL short names.
| Kit | File |
|---|---|
| Home | ARS.svg |
| Away | ARS_AWAY.svg |
| Third | ARS_THIRD.svg |
| Goalkeeper | ARS_GK.svg |
| Goalkeeper away | ARS_AWAY_GK.svg |
Use a kit
Link to it directly, or download it and host it yourself.
<img src="https://kits.fpl-analyzer.com/kits/ARS.svg"
alt="Arsenal home kit" width="64" height="64">
List every kit
The manifest groups all kits by club, with type, label, URL and size.
const res = await fetch(
'https://kits.fpl-analyzer.com/kits/manifest.json');
const { clubs } = await res.json();
// clubs[0] -> { code: 'ARS', name: 'Arsenal', kits: [...] }
// kits[0] -> { id: 'ARS', type: 'home', label: 'Home',
// file: 'ARS.svg', url: '...', bytes: 4310 }
Pick a kit from FPL data
Join the FPL API's team short_name to the file name.
const kitUrl = (team, isGoalkeeper) => 'https://kits.fpl-analyzer.com/kits/' + team.short_name + (isGoalkeeper ? '_GK' : '') + '.svg';