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'>
Advertisements
Advertisements