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>
</ul>
/* CSS */ 
ul.ico {
list-style-type: none;
padding-left:0;
}
ul.ico li:before {
font-family: ETmodules;
padding-right: 8px;
font-size: 12px;
}
ul.love li:before {
content: "\e089";
color:#0c71c3;
}

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.
https://actionskills.au/resource/add-divi-icons-css/.