Divi – How to add Divi icons to CSS

The snippet example will replace the bullets from a list with custom Divi icon (love heart).

Go to the Divi Icon Code to get the code reference.

<!-- HTML -->
<ul class="ico love">
<li>Item 1</li>
<li>Item 2</li>
/* CSS */ 
ul.ico {
list-style-type: none;
ul.ico li:before {
font-family: ETmodules;
padding-right: 8px;
font-size: 12px;
ul.love li:before {
content: "\e089";

Last updated: October 23rd, 2020

Creative Commons Licence
Divi – How to add Divi icons to CSS by actionskills.co is licensed under a Creative Commons Attribution 4.0 International License.