.icon {
	box-sizing: border-box;
	background-size: contain;
	background-repeat: no-repeat;
}

.icon.icon-lightbulb {
	background-image: url('images/lightbulb.svg');
}

.icon.icon-brain-grey {
	background-image: url('images/brain-grey.svg');
}

.icon.icon-coin {
	background-image: url('images/coin.svg');
}

.icon.icon-scan-in {
	background-image: url('images/scan-in.svg');
}

.icon.icon-scan-out {
	background-image: url('images/scan-out.svg');
}

.icon.icon-plus {
	background-image: url('images/plus-circle.svg');
}

.icon.icon-edit {
	background-image: url('images/edit.svg');
}

.icon.icon-list-bullet {
	background-image: url('images/list-bullet.svg');
}

.icon.icon-list-bullet-fill {
	background-image: url('images/list-bullet-fill.svg');
}

.icon.icon-avoid-sun {
	background-image: url('images/avoid-sun.svg');
}

.icon.icon-condenser {
	background-image: url('images/condenser2.png');
}



i.icon-mode-heat,
i.icon-mode-cool {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('images/web-heating.svg') 50% 0 no-repeat;
	background-size: contain;
}

i.icon-mode-cool {
	background: url('images/web-cooling.svg') 50% 0 no-repeat;
}