Replace PNG icons with Font Awesome fonts

You can use the Font Awesome Icon Library and replace the default icons in Easy Property Listings with Font Awesome versions in your project. 

Requirements: The Font Awesome library will need to be loading on your site. Some theme and page builders include loading the Font Awesome icon font library. You can use the Font Awesome plugin or custom code to load it.

Enable the PNG icons

Visit Dashboard > Easy Property Listings > Settings > Advanced Settings and disable the SVG Icons for Listings option.

The icons will now load using the PNG versions.

Add the Icon CSS

Add and adjust this css to the Customizer or wherever you add your custom css.

The icons will now load with Font Awesome versions.

.epl-property-featured-icons .elementor-heading-title {
	/* Remove .elementor-heading-title if not using an Elementor heading */
	display: flex;
	gap: 1em;
	justify-content: flex-end;
}
.epl-property-featured-icons .icon {
 background: transparent;
	padding: 0;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
}
.epl-property-featured-icons .icon-value {
	padding: 0;
	font-size: 1.2em;
}
.epl-property-featured-icons .icon::before {
	content: '\f236';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 2em;
	margin-right: 0.5em;
	color: red;
}
.epl-property-featured-icons .icon.bath::before {
	content: '\f2cd';
}
.epl-property-featured-icons .icon.parking::before {
	content: '\f1b9';
}
.epl-property-featured-icons .icon.pool::before {
	content: '\f5c5';
}
.epl-property-featured-icons .icon.security::before {
	content: '\f023';
}
.epl-property-featured-icons .icon.air::before {
	content: '\f863';
}