Icons Grey {% include 'components/icons/icons~grey' %}
#
HTML
<div class="inner">
<span class="icon-disaster-grey"></span>
<span class="icon-hunger-grey"></span>
<span class="icon-conflict-grey"></span>
<span class="icon-matter-grey"></span>
<span class="icon-health-grey"></span>
<span class="icon-money-grey"></span>
<span class="icon-see-grey"></span>
<span class="icon-blog-grey"></span>
<span class="icon-calendar-grey"></span>
<span class="icon-gender-grey"></span>
<span class="icon-children-grey"></span>
<span class="icon-church-grey"></span>
<span class="icon-water-grey"></span>
<span class="icon-communities-grey"></span>
<span class="icon-injustice-grey"></span>
<span class="icon-vulnerable-grey"></span>
<span class="icon-signup-grey"></span>
<span class="icon-empowerment-grey"></span>
<span class="icon-livelihoods-grey"></span>
<span class="icon-climate-grey"></span>
<span class="icon-hiv-grey"></span>
<span class="icon-marginalised-grey"></span>
<span class="icon-education-grey"></span>
<span class="icon-whole-person-grey"></span>
</div>
Twig
<div class="inner">
	<span class="icon-disaster-{{colour}}"></span>
	<span class="icon-hunger-{{colour}}"></span>
	<span class="icon-conflict-{{colour}}"></span>
	<span class="icon-matter-{{colour}}"></span>
	<span class="icon-health-{{colour}}"></span>
	<span class="icon-money-{{colour}}"></span>
	<span class="icon-see-{{colour}}"></span>
	<span class="icon-blog-{{colour}}"></span>
	<span class="icon-calendar-{{colour}}"></span>
	<span class="icon-gender-{{colour}}"></span>
	<span class="icon-children-{{colour}}"></span>
	<span class="icon-church-{{colour}}"></span>
	<span class="icon-water-{{colour}}"></span>
	<span class="icon-communities-{{colour}}"></span>
	<span class="icon-injustice-{{colour}}"></span>
	<span class="icon-vulnerable-{{colour}}"></span>
	<span class="icon-signup-{{colour}}"></span>
	<span class="icon-empowerment-{{colour}}"></span>
	<span class="icon-livelihoods-{{colour}}"></span>
	<span class="icon-climate-{{colour}}"></span>
	<span class="icon-hiv-{{colour}}"></span>
	<span class="icon-marginalised-{{colour}}"></span>
	<span class="icon-education-{{colour}}"></span>
	<span class="icon-whole-person-{{colour}}"></span>
</div>
{
    "colour": "grey"
}