html icons Archives - https://mitindia.in/tag/html-icons/ Sat, 07 Jan 2023 07:51:24 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://mitindia.in/wp-content/uploads/2023/03/cropped-android-chrome-512x512-1-32x32.png html icons Archives - https://mitindia.in/tag/html-icons/ 32 32 new html icons https://mitindia.in/new-html-icons/ Sat, 07 Jan 2023 07:51:24 +0000 https://www.mitindia.in/?p=1304 Following are the HTML icons for using in web pages. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body{background-image: linear-gradient(to right, green 50%, lightgreen); color:white; border-radius: 20px;"} </style> </head> <body bgcolor="yellow"> <center> <h1 style="background-image: linear-gradient(to right, red, orange); color:white; border-radius: 20px;"> All New HTML ICONS </h1> <hr> <p […]

The post new html icons appeared first on .

]]> Following are the HTML icons for using in web pages.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
    body{background-image: linear-gradient(to right, green 50%, lightgreen); color:white; border-radius: 20px;"}
</style>

</head>
<body bgcolor="yellow"> <center>
<h1 style="background-image: linear-gradient(to right, red, orange); color:white; border-radius: 20px;"> All New HTML ICONS </h1>
<hr>
<p class="fa fa-bell"> </p> 
<p class="fa fa-check-circle"> </p>
<p class="fa fa-check-square"> </p>

<p class="fa fa-cloud"> </p> 
<p class="fa fa-cloud-upload"> </p> 
<p class="fa fa-cloud-download"> </p> 
<p class="fa fa-code"> </p> 
<p class="fa fa-database"> </p> 
<p class="fa fa-desktop"> </p> 
<p class="fa fa-ellipsis-v"> </p> 
<p class="fa fa-ellipsis-h"> </p> 
<p class="fa fa-file-word-o"; style="font-size:28px;color:blue"> </p> 
<p class="fa fa-phone"> </p> 
<p class="fa fa-envelope"> </p> 
<p class="fa fa-print"> </p> 
<p class="fa fa-search"> </p> 
<p class="fa fa-flag"> </p> 
<p class="fa fa-flag-o"> </p> 
<p class="fa fa-flash"> </p> 
<p class="fa fa-folder"> </p> 
<p class="fa fa-folder-o"> </p> 
<p class="fa fa-folder-open"> </p> 
<p class="fa fa-gear"> </p> 
<p class="fa fa-heart"> </p> 
<p class="fa fa-home"> </p> 
<p class="fa fa-hotel"> </p> 
<p class="fa fa-laptop"> </p> 
<p class="fa fa-institution"> </p> 
<p class="fa fa-line-chart"> </p> 
<p class="fa fa-microphone"> </p> 
<p class="fa fa-mobile-phone"> </p> 
<p class="fa fa-phone-square"> </p> 
<p class="fa fa-signal"> </p> 
<p class="fa fa-tv"> </p> 
<p class="fa fa-lock"> </p> 
<p class="fa fa-unlock"> </p> 
<p class="fa fa-user"> </p> 
<p class="fa fa-user-o"> </p> 
<p class="fa fa-video-camera"> </p> 
<p class="fa fa-volume-up"> </p> 
<p class="fa fa-volume-down"> </p> 
<p class="fa fa-volume-off"> </p> 
<p class="fa fa-wifi"> </p> 
<p class="fa fa-upload"> </p> 
<p class="fa fa-shopping-cart"> </p> 
<p class="fa fa-moon-o"> </p> 
<p class="fa fa-address-book"> </p> 
<p class="fa fa-at"> </p> 
<p class="fa fa-battery"> </p> 
<p class="fa fa-battery-1"> </p> 
<p class="fa fa-battery-2"> </p> 
<p class="fa fa-battery-3"> </p> 
<p class="fa fa-battery-4"> </p> 
<p class="fa fa-battery-empty"> </p> 
</body>
</html>

Output of above code is:

Share

The post new html icons appeared first on .

]]>