Skill Icons

All 24 skills plus total level, as React components.

Installation

npx shadcn@latest add https://osrsui.com/r/skill-icons.json

Usage

import { AttackIcon, SkillIcon } from "@/components/ui/skill-icons"

<AttackIcon />            {/* follows --osrs-px */}
<AttackIcon scale={4} />  {/* 100 × 100 */}
<SkillIcon skill="sailing" size={50} />

Notes

Icons are 25×25 and stay sharp at whole-number scales. Download them as SVG or PNG on the Assets page.