<!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>signal_wifi_4_bar</h1>
<i class='material-icons'>signal_wifi_4_bar</i>
<i class='material-icons-outlined' style='font-size:24px'>signal_wifi_4_bar</i>
<i class='material-icons-round'>signal_wifi_4_bar</i>
<i class='material-icons-sharp'>signal_wifi_4_bar</i>
<i class='material-icons-two-tone'>signal_wifi_4_bar</i>
<button class='custom-button'><i class='material-icons'>signal_wifi_4_bar</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>