Searching....
Search Results
Font Awesome Database Icon (Information, Records, Storage)
The Font Awesome Database icon holds significance in information management, record-keeping, and data storage, be it in educational institutions or any project involving data. Learn how to implement the Database icon on your website. It comes in different versions such as 'fa fa-database' for version 4, 'fas fa-database' for version 5, and 'fa-solid fa-database' for version 6.
Fontawesome Version 4.X
database
<i class='fa fa-database'></i> database
<i class='fa fa-database' style='color: white'></i> database
<i class='fa fa-database' style='color: red'></i> database
<i class='fa fa-database' style='color: blue'></i> database
<i class='fa fa-database' style='color: #f3da35'></i> Fontawesome Version 5.X
database
<i class='fas fa-database'></i> database
<i class='fas fa-database' style='color: white'></i> database
<i class='fas fa-database' style='color: red'></i> database
<i class='fas fa-database' style='color: blue'></i> database
<i class='fas fa-database' style='color: #f3da35'></i> Fontawesome Version 6.X
database
Web
<i class='fa-solid fa-database'></i> React
<FontAwesomeIcon icon="fa-solid fa-database" /> Vue
<font-awesome-icon icon="fa-solid fa-database" /> database
Web
<i class='fa-solid fa-database' style='color: white'></i> React
<FontAwesomeIcon icon="fa-solid fa-database" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-solid fa-database" :style="{color: 'white'}" /> database
Web
<i class='fa-solid fa-database' style='color: red'></i> React
<FontAwesomeIcon icon="fa-solid fa-database" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-solid fa-database" :style="{color: 'red'}" /> database
Web
<i class='fa-solid fa-database' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-solid fa-database" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-solid fa-database" :style="{color: 'blue'}" /> database
Web
<i class='fa-solid fa-database' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-solid fa-database" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-solid fa-database" :style="{color: '#f3da35'}" /> How to add Font Awesome database Icon ?
Font Awesome Icon fa fa database Icon can be added to any web page simply as below. You can integrate Icon in web pages by just adding following below syntax & icon code.
HTML Code
Get complete html code for icon database
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body>
<i class='fa fa-database'></i>
</body>
</html> Tags
information,storage,server,rational database,records,tables,big data
Change Font Awesome Icon Database Color
Sometimes we need icons in different color, as we suggested by adding css style we can change color. Here we have created one example to change color of icons with css classes.
<style>
.blue-color {
color:blue;
}
.green-color {
color:green;
}
.teal-color {
color:teal;
}
.yellow-color {
color:yellow;
}
.red-color {
color:red;
}
</style>
<i class='fa fa-database blue-color'></i>
<i class='fa fa-database green-color'></i>
<i class='fa fa-database teal-color'></i>
<i class='fa fa-database yellow-color'></i>
<i class='fa fa-database red-color'></i>
Output of the above example will be as below- Note- Make Sure You have included the below Font Awesome file in header-
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
Database Icon Font Awesome - FAQs
⭐What is the Font Awesome Database Icon code?Icon Code is - fa fa-database.
⭐ What does the fa fa-database Icon mean?fa fa-database is the Icon code of Font Awesome Database.
⭐ Can we add fa fa-database Icon in different sizes?Yes, you can Icon of fa fa-database in various pixels.
⭐ How to add a Blue color Font Awesome Database Icon?Add the blue color Database icon of the font awesome by using code: fa fa-database style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Database?To change the Database icon to white color use code: fa fa-database style='color: white;'.
Advertisements
Advertisements