screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <div class="container"> <h1>Instagram Icon Version 6 Different Color and Size </h1> <p>Default Size: <i class="fa-brands fa-instagram" style="color: #316FF6"></i></p> <p>Size 2xs: <i class="fa-brands fa-instagram fa-2xs" style="color:#ffd43b"></i></p> <p>Size xs : <i class="fa-brands fa-instagram fa-xs" style="color:#ffd43b"></i></p> <p>Size sm :<i class="fa-brands fa-instagram fa-sm" style="color:#63e6be"></i></p> <p>Size lg : <i class="fa-brands fa-instagram fa-lg" style="color:#ffd43b"></i></p> <p>Size xl : <i class="fa-brands fa-instagram fa-xl" style="color:#74c0fc"></i></p> <p>Size 2xl : <i class="fa-brands fa-instagram fa-2xl" style="color:#b197fc"></i></p> </div> <style> .container { margin: 0 auto; width: 600px; padding: 20px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24); } </style> </body> </html>