Live
Run
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> <h1>house</h1> <i class='material-icons'>house</i> <i class='material-icons-outlined' style='font-size:24px'>house</i> <i class='material-icons-round'>house</i> <i class='material-icons-sharp'>house</i> <i class='material-icons-two-tone'>house</i> <button class='custom-button'><i class='material-icons'>house</i></button> <style> .custom-button { padding: 8px 12px; font-size: 16px; font-weight: bold; cursor: pointer; border: none; border-radius: 5px; background-color: #ad6800; color: #fff; transition: background-color 0.3s ease; } .custom-button:hover { background-color: #874d00; } </style> </body> </html>