Prealge icons is an experimental icon library. It is still in progress. New icons will be added to the list of icon classes below.
You can see more icons like this at cssicon.space
To add an icon, you simply need a <div> with one of the follow classes. If it says 'i required' on the list below, that just means that you need an <i></i> tag within the <div>. You can see examples below the list.
smiley-iconpencil-icon(i required)save-icon(i required) (responsive)
Here is an example of the class smiley-icon. It does not require an <i> tag.
<div class='smiley-icon'></div>
Here is an example of the class pencil-icon, which does require an <i> tag.
<div class='pencil-icon'><i></i></div>
To change the size of some icons, you can just set the width and height, as shown below. These say responsive beside them. You can use px, any unit based off of px, or percents.
<div class='pencil-icon' style='width: 50px; height: 50px;'><i></i></div>
If the icon that you want to use is not responsive, you can change the --size to px or any px based unit.
<div class='pencil-icon' style='--size: 50px;'><i></i></div>