Editing Template:AbilityCircleGive feedback

 <onlyinclude>
 <div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
              <div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|128x128px|link=]]</div>
              <div class="ability-icon"
                style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
                {{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{{name|Smoke Bomb}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}}
              </div>
            </div>
</onlyinclude>

Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]].

{{AbilityCircle|name=Siphon Life}} {{AbilityCircle|name=Shoulder Charge}} {{AbilityCircle|name=Infernal Resilience}} {{AbilityCircle|name=Seismic Impact}}
<noinclude>
<templatedata>
{
	"params": {
		"displayicon": {
			"description": "Use if the ability icon has a different name or uses another icon.",
			"example": "Smoke Bomb.png"
		},
		"iconsize": {
			"description": "Size of the whole icon. Defaults to 90",
			"example": "20",
			"default": "90"
		},
		"name": {
			"description": "Name of the ability",
			"example": "Smoke Bomb",
			"required": true
		}
	},
	"paramOrder": [
		"name",
		"iconsize",
		"displayicon"
	]
}
</templatedata>
</noinclude>