/dnd5e-status-icons

FoundryVTT module for 5e-specific token markers for various conditions. Icons made by JinxShadow.

Primary LanguageJavaScript

dnd5e-status-icons

A FoundryVTT module for 5e-specific token markers for various conditions. Icons created by u/JinxShadow on Reddit and can be found here on GoogleDrive. If you appreciate the icons, tips can be sent to JinxShadow through PayPal at jinxshadow8086@gmail.com.

This module contains 65 condition markers:

Advantage Charmed Fox's Cunning Mark Shell Defense
Ancenstral Protectors Compelled Duel Frightened Mirror Image Shield of Faith
Armor of Agathys Concentration Grappled On Fire Shifted
Baned Confused Hasted Owl's Wisdom Slayer's Prey
Bear's Endurance Dead Hex Paralyzed Spirit Guardians
Bleeding Out Deafened Hexblade's Curse Petrified Stabilized
Blessed Disadvantage Highlighted Poisoned Stunned
Blinded Divine Favor Holding Action Possessed Summoning
Blink Dodge Action Incapacitated Prone Symbiotic Entity
Blur Eagle's Splendor Insightful Fighting Raging Truesight
Bull's Strength Entangled Inspired Reaction Used Unconcious
Cat's Grace Exhausted Invisible Restrained Warding Bond
Cause of Fear Flying Mage Armor Sanctuary Wounded

+Set1 +Set2 +Set3

Related Modules

No other modules are required to use these icons, but I recommend:

  • Combat Utility Belt: Triggler can be used with the Conditon Lab to set automatic conditons to apply various status icons (you'll need to Enable Enhanced Conditions first under Module Settings -> Combat Utility Belt): image image image

  • Custom CSS Rules and its dependency Code Mirror: This allows you to customize the CSS for the display of the icons. Add this rule to your Custom CSS Rules under Module Settings to enlarge the icons and set the status effects pane to be 10 icons wide:

#token-hud .status-effects { top: -275% !important; width: 400px !important; grid-template-columns: 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px !important; }
#token-hud .status-effects .effect-control { height: 40px !important; width: 40px !important; }
Before: After:
image image