[class*=" vg-outline-"],
[class^="vg-outline-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.vg-outline-solar {
	-webkit-mask-image: url("svg/solar.svg");
	mask-image: url("svg/solar.svg");
}

.vg-outline-inverter {
	-webkit-mask-image: url("svg/inverter.svg");
	mask-image: url("svg/inverter.svg");
}

.vg-outline-battery {
	-webkit-mask-image: url("svg/battery.svg");
	mask-image: url("svg/battery.svg");
}

.vg-outline-breaker {
	-webkit-mask-image: url("svg/breaker.svg");
	mask-image: url("svg/breaker.svg");
}

.vg-outline-cable {
	-webkit-mask-image: url("svg/cable.svg");
	mask-image: url("svg/cable.svg");
}

.vg-outline-charger {
	-webkit-mask-image: url("svg/charger.svg");
	mask-image: url("svg/charger.svg");
}

.vg-outline-tools {
	-webkit-mask-image: url("svg/tools.svg");
	mask-image: url("svg/tools.svg");
}

.vg-outline-sale {
	-webkit-mask-image: url("svg/sale.svg");
	mask-image: url("svg/sale.svg");
}

.vg-outline-smart-home {
	-webkit-mask-image: url("svg/smart-home.svg");
	mask-image: url("svg/smart-home.svg");
}