Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <link rel="stylesheet" type="text/css" href="//use.fontawesome.com/releases/v5.7.2/css/all.css"> <style> ul li { list-style-type: none; display: inline-block; margin-right: 20px; } .icon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .facebook::before { font-family: "Font Awesome 5 Brands"; font-weight: 900; content: "\f082"; } .twitter::before { font-family: "Font Awesome 5 Brands"; content: "\f099"; } </style> </head> <body> <ul> <li> <span class="icon facebook"></span> Facebook </li> <li> <span class="icon twitter"></span> Twitter </li> </ul> </body> </html>