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