Evaluate RPG-themed condition icons #29

New Issue

2026-04-07T01:33:57+02:00

dostulata commented

2026-04-07 01:33:57 +02:00

Summary

The current condition icons use generic Lucide icons (EyeOff for Blinded, Heart for Charmed, Sparkles for Stunned, etc.). At 14px display size, color coding does most of the differentiation work, but more thematic RPG-specific icons could improve recognizability — especially as the condition set grows with PF2e support (~50 total conditions across both systems).

This is a UX improvement to evaluate and potentially replace condition icons with RPG-themed alternatives.

Icon Sources Evaluated

tw-dnd (github.com/intrinsical/tw-dnd)

260+ SVGs across 20 categories, including 17 D&D condition icons and 16 damage type icons
Monochrome SVGs, 100x100 viewBox, clean single-path design
License: GPL-3.0 (copyleft) — bundling these into Initiative could require the entire project to be released under GPL. Not usable without dual-licensing or author permission.
Only covers D&D 5e conditions; PF2e-specific conditions (clumsy, drained, doomed, enfeebled, etc.) are absent

game-icons.net

4,000+ RPG-themed icons under CC-BY-3.0 (permissive, attribution required)
Broad coverage of RPG concepts including conditions, damage types, status effects
Would need conversion to React components or inline SVG usage
Good candidate for both D&D and PF2e conditions

Custom SVG set

Draw simplified icons optimized for 14px display
Most work but best result for the specific use case
Could be done incrementally (replace worst offenders first)

Acceptance Criteria

Evaluate game-icons.net for condition icon coverage across both D&D and PF2e condition sets
Determine if recognizability improves meaningfully over Lucide at 14px display size
If adopting new icons: replace condition icon mappings with RPG-themed alternatives
If adopting new icons: include proper attribution per the icon license
Condition icons remain visually distinct by shape at 14px (not just by color)

## Summary The current condition icons use generic Lucide icons (EyeOff for Blinded, Heart for Charmed, Sparkles for Stunned, etc.). At 14px display size, color coding does most of the differentiation work, but more thematic RPG-specific icons could improve recognizability — especially as the condition set grows with PF2e support (~50 total conditions across both systems). This is a UX improvement to evaluate and potentially replace condition icons with RPG-themed alternatives. ## Icon Sources Evaluated ### tw-dnd (github.com/intrinsical/tw-dnd) - 260+ SVGs across 20 categories, including 17 D&D condition icons and 16 damage type icons - Monochrome SVGs, 100x100 viewBox, clean single-path design - **License: GPL-3.0 (copyleft)** — bundling these into Initiative could require the entire project to be released under GPL. Not usable without dual-licensing or author permission. - Only covers D&D 5e conditions; PF2e-specific conditions (clumsy, drained, doomed, enfeebled, etc.) are absent ### game-icons.net - 4,000+ RPG-themed icons under **CC-BY-3.0** (permissive, attribution required) - Broad coverage of RPG concepts including conditions, damage types, status effects - Would need conversion to React components or inline SVG usage - Good candidate for both D&D and PF2e conditions ### Custom SVG set - Draw simplified icons optimized for 14px display - Most work but best result for the specific use case - Could be done incrementally (replace worst offenders first) ## Acceptance Criteria - [ ] Evaluate game-icons.net for condition icon coverage across both D&D and PF2e condition sets - [ ] Determine if recognizability improves meaningfully over Lucide at 14px display size - [ ] If adopting new icons: replace condition icon mappings with RPG-themed alternatives - [ ] If adopting new icons: include proper attribution per the icon license - [ ] Condition icons remain visually distinct by shape at 14px (not just by color)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: dostulata/initiative#29