DESIGN SETS FOR OXYGEN
Feel free to donate if you like my tutorials ;)
Oxygen includes more than 600 icons from Font Awesome 5. If it's enough in most case, you will quickly find out that some icons are missing.
Actually many icons are missing, as there are exactly 1544 free icons available in the Font Awesome website.
By chance we can easily add custom Icon Sets in Oxygen.
If you want to add the full Font Awesome set, you can create your own set or simply download this SVG file:
Unpack the archive and install the svg file as a new Icon Set. Then all the missing icons will be finally available:
Oxygen doesn't load the full set in the frontend.
When you use the Icon element, the icon will be inserted in SVG format directly in the HTML page:
If you don't want to use the Icon element but you need to use the traditional way by using the CSS class, you must load Font Awesome in the frontend.
If not, you will see that
when you type I <i class="fas fa-heart"></i> OXYGEN4FUN
To load Font Awesome 5, you can follow Sridhar's tutorial or you can use my plugin to load the file locally:
Note that Font Awesome 5 is quite big. It's a 1.08MB JS file !
If you don't use the new icons, you can load Font Awesome 4 instead, as it's smaller. Here is another little plugin, that loads the assets locally:
Or once again, you can simply follow this other Sridhar's tutorial: https://sridharkatakam.com/using-font-awesome-wordpress/