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