HTML Battery Program
(1). <!DOCTYPE html>
<html>
<head>
<title>Font Awesome 5 Icons</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<!--Get your own code at fontawesome.com-->
</head>
<body>
<h1>fas fa-battery-empty</h1>
<i class='fas fa-battery-empty'></i>
<i class='fas fa-battery-empty' style='font-size:24px'></i>
<i class='fas fa-battery-empty' style='font-size:36px'></i>
<i class='fas fa-battery-empty' style='font-size:48px;color:red'></i>
<br>
<p>Used on a button:</p>
<button style='font-size:24px'>Button <i class='fas fa-battery-empty'></i></button>
<p>Unicode:</p>
<i style='font-size:24px' class='fas'></i>
</body>
</html>
(2). <!DOCTYPE html>
<html>
<head>
<title>Font Awesome 5 Icons</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<!--Get your own code at fontawesome.com-->
</head>
<body>
<h1>fas fa-battery-full</h1>
<i class='fas fa-battery-full'></i>
<i class='fas fa-battery-full' style='font-size:24px'></i>
<i class='fas fa-battery-full' style='font-size:36px'></i>
<i class='fas fa-battery-full' style='font-size:48px;color:red'></i>
<br>
<p>Used on a button:</p>
<button style='font-size:24px'>Button <i class='fas fa-battery-full'></i></button>
<p>Unicode:</p>
<i style='font-size:24px' class='fas'></i>
</body>
</html>
(3). <!DOCTYPE html>
<html>
<head>
<title>Font Awesome 5 Icons</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<!--Get your own code at fontawesome.com-->
</head>
<body>
<h1>fas fa-battery-half</h1>
<i class='fas fa-battery-half'></i>
<i class='fas fa-battery-half' style='font-size:24px'></i>
<i class='fas fa-battery-half' style='font-size:36px'></i>
<i class='fas fa-battery-half' style='font-size:48px;color:red'></i>
<br>
<p>Used on a button:</p>
<button style='font-size:24px'>Button <i class='fas fa-battery-half'></i></button>
<p>Unicode:</p>
<i style='font-size:24px' class='fas'></i>
</body>
</html>
(4). <!DOCTYPE html>
<html>
<head>
<title>Font Awesome 5 Icons</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<!--Get your own code at fontawesome.com-->
</head>
<body>
<h1>fas fa-battery-quarter</h1>
<i class='fas fa-battery-quarter'></i>
<i class='fas fa-battery-quarter' style='font-size:24px'></i>
<i class='fas fa-battery-quarter' style='font-size:36px'></i>
<i class='fas fa-battery-quarter' style='font-size:48px;color:red'></i>
<br>
<p>Used on a button:</p>
<button style='font-size:24px'>Button <i class='fas fa-battery-quarter'></i></button>
<p>Unicode:</p>
<i style='font-size:24px' class='fas'></i>
</body>
</html>
(5). <!DOCTYPE html>
<html>
<head>
<title>Font Awesome 5 Icons</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<!--Get your own code at fontawesome.com-->
</head>
<body>
<h1>fas fa-battery-three-quarters</h1>
<i class='fas fa-battery-three-quarters'></i>
<i class='fas fa-battery-three-quarters' style='font-size:24px'></i>
<i class='fas fa-battery-three-quarters' style='font-size:36px'></i>
<i class='fas fa-battery-three-quarters' style='font-size:48px;color:red'></i>
<br>
<p>Used on a button:</p>
<button style='font-size:24px'>Button <i class='fas fa-battery-three-quarters'></i></button>
<p>Unicode:</p>
<i style='font-size:24px' class='fas'></i>
</body>
</html>
मैं इस ब्लॉग का संस्थापक और एक पेशेवर ब्लॉगर हूं। यहाँ पर मैं नियमित रूप से अपने पाठकों के लिए उपयोगी और मददगार जानकारी शेयर करता हूं।
Written by Rajeev Tiwari
Comments
Post a Comment