Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Иконки Font Awesome</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <style> i { color: #1c87c9; text-shadow: 2px 2px 4px #00ffff; font-size: 30px; } </style> </head> <body> <h2>Пример иконок с тенью текста</h2> <div> <i class="fas fa-apple-alt"></i> <i class="fas fa-car"></i> <i class="fas fa-star-half-alt"></i> <i class="far fa-smile"></i> <i class="fas fa-paw"></i> <i class="fas fa-globe-asia"></i> </div> </body> </html>