Font Awesome
Free icon support fas ,far or fab only
Using an <i> element or <span> element to reference the icon
Font Awesome Icons + Your Project’s Styling
Sizing Icons
List Icons
- List Item
- List Item
- List Item
- List Item
- List Item
Animated Icons
Rotated and Flipped(翻轉) Icons
Stacked(堆疊) Icons
fa-twitter (inverse) on fa-circle (solid)
fa-twitter on fa-circle (regular)
fa-ban on fa-camera
Fixed Width Icons(fa-fw 設定固定寬度)
Fixed Width:
Icon 1
Icon 2
Icon 3
Without Fixed Width:
Icon 1
Icon 2
Icon 3
Bordered and Pulled Icons
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.