.icon::before {
	content: "";
    display: inline-block;
    mask-repeat: no-repeat;
    mask-size: contain;
	mask-position: center;
	transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
}

.chevron-down::before {
	mask-image: url('../images/chevron-down-solid.svg');
}

.envelope::before {
	mask-image: url('../images/envelope-solid.svg');
}

.whatsapp::before {
	mask-image: url('../images/whatsapp-brands.svg');
}

.phone::before {
	mask-image: url('../images/phone-solid.svg');
}

.user-tie::before {
	mask-image: url('../images/user-tie-solid.svg');
}

.receipt::before {
	mask-image: url('../images/receipt-solid.svg');
}

.location::before {
	mask-image: url('../images/location-dot-solid.svg');
}

.brand-linkedin::before {
	mask-image: url('../images/linkedin-brands.svg');
}

.brand-xing::before {
	mask-image: url('../images/xing-brands.svg');
}

.brand-gulp::before {
	mask-image: url('../images/randstad-brands.svg');
}

.brand-freelancermap::before {
	mask-image: url('../images/freelancermap-brands.svg');
}