screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp&display=swap" rel="stylesheet"> </head> <body> <h3>Google Material Design Logout Icons</h3> <p><i class="material-icons">logout</i></p> <p><i class="material-icons-outlined" style="font-size:30px;color:red">logout</i></p> <button> <i class="material-icons-round material-icon">logout</i> Logout </button> </body> <style> button { background-color: #2196F3; color: white; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; border-radius: 5px; display: flex; align-items: center; } .material-icon { margin-right: 8px; } button:hover { background-color: #1565C0; /* Change to your desired hover color */ } </style> </html>