4. Font Awesome
One Font, 929 icons
In a single collection, Font Awesome 5 is a pictographic language of web-related actions
Font Awesome gives you scalable vector icons that can instantly be customized -- size, color, drop shadow, and anything that can be done with the power of CSS. Plus: Font Awesome won't trip up screen readers, unlike other icon fonts.
You can place Font Awesome icons just about anywhere using a CSS style prefix and the icon’s name. Font Awesome is designed to be used with inline elements (we like the
<i> tag for
brevity, but using a
<span> is more semantically correct).
<i class="fas fa-camera-retro"></i>
- If you change the font-size of the icon's container, the icon gets bigger. Same things goes for color, drop shadow, and anything else that gets inherited using CSS.
- List icons can
- be used to
- replace bullets
- in lists
Bordered & Pulled Icons
Rotated & Flipped
The above examples are taken from the official Font Awesome 5 documentation.