Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Font Awesome Icons</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>Icons with rotation</h2> <i class="fas fa-star-half-alt"></i> <i class="fas fa-star-half-alt fa-rotate-90"></i> <i class="fas fa-star-half-alt fa-rotate-180"></i> <i class="fas fa-star-half-alt fa-rotate-270"></i> <i class="fas fa-star-half-alt fa-flip-horizontal"></i> <i class="fas fa-star-half-alt fa-flip-vertical"></i> <i class="fas fa-star-half-alt fa-flip-both"></i> </body> </html>