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.
Basic Icons
fa-camera-retro
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.
Icon Sizes
List Icons
- List icons can
- be used to
- replace bullets
- in lists
Bordered & Pulled Icons
Gatsby believed in the green light, the orgastic future that year by year recedes before us.
It eluded us then, but that’s no matter — tomorrow we will run faster, stretch our arms further...
And one fine morning — So we beat on, boats against the current, borne back ceaselessly into the past.
Spinning Icons
Rotated & Flipped
Stacked Icons
The above examples are taken from the official Font Awesome 5 documentation.