CSS Icons

Using Icons in CSS

• Font libraries like Font Awesome.
• Inline SVGs styled via CSS.
• Image icons using background-image.

Styling Icons

Use font-size, color, and width/height properties.

Examples

/* Font Awesome */
i { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 24px; }

/* SVG icon */
.svg-icon { width: 32px; height: 32px; fill: red; }