Use Svg As Icon Css. We can also add the SVG content using this property and leaving the content property empty. You wish to use an tag as the html element for the icon since it is not possible to.
Long gone are the days of using images and CSS sprites to make icons for the web. Icons by default have classes svg-inline--fa and fa-w-. No CSS backgrounds no before pseudo-elements.
Which can look like this.
The least verbose HTML we can use is. No CSS backgrounds no before pseudo-elements. After selecting all the fonts you want click the SVG button on the bottom and youll get that output including a demo page with the inline SVG method. This means a lightbulb icon can be lit with CSS the contrast icon can be styled to reflect a specific contrast and a stoplight icon can communicate go.