menu
- Home
- Icon Tutorial
- Font Awesome
- ▼Web Applications Icons
- Font Awesome University Icon
- Font Awesome Adjust Icon
- Font Awesome Anchor Icon
- Font Awesome Archive Icon
- Font Awesome Area chart Icon
- Font Awesome Arrows Icon
- Font Awesome Arrows-h Icon
- Font Awesome Arrows-v Icon
- Font Awesome Asterisk Icon
- Font Awesome Car Icon
- Font Awesome At Icon
- Font Awesome Balance-scale Icon
- Font Awesome Ban Icon
- Font Awesome Bar-chart Icon
- Font Awesome Bar-chart-o Icon
- Font Awesome Barcode Icon
- Font Awesome Bars Icon
- Font Awesome Battery-empty Icon
- Font Awesome Battery-full Icon
- Font Awesome Battery-quarter Icon
- Font Awesome Battery-half Icon
- Font Awesome Battery-three-quarters Icon
- Font Awesome Bed Icon
- Font Awesome Beer Icon
- Font Awesome Bell Icon
- Font Awesome Bell-o Icon
- Font Awesome Bell-slash Icon
- Font Awesome Bell-slash-o Icon
- Font Awesome Bicycle Icon
- Font Awesome Binoculars Icon
- Font Awesome Birthday-cake Icon
- Font Awesome Bolt Icon
- Font Awesome Bomb Icon
- Font Awesome Book Icon
- Font Awesome Bookmark Icon
- Font Awesome Bookmark-o Icon
- Font Awesome Briefcase Icon
- Font Awesome Bug Icon
- Font Awesome Building Icon
- Font Awesome Building-o Icon
- Font Awesome Bullhorn Icon
- Font Awesome Bullseye Icon
- Font Awesome Bus Icon
- Font Awesome Taxi Icon
- Font Awesome Calculator Icon
- Font Awesome Calendar Icon
- Font Awesome Calendar-check-o Icon
- Font Awesome Calendar-minus-o Icon
- Font Awesome Calendar-o Icon
- Font Awesome Calendar-plus-o Icon
- Font Awesome Calendar-times-o Icon
- Font Awesome Camera Icon
- Font Awesome Camera-retro Icon
- Font Awesome Caret-square-o-down Icon
- Font Awesome Caret-square-o-left Icon
- Font Awesome Caret-square-o-right Icon
- Font Awesome Caret-square-o-up Icon
- Font Awesome Cart-arrow-down Icon
- Font Awesome Cart-plus Icon
- Font Awesome CC Icon
- Font Awesome Certificate Icon
- Font Awesome Check Icon
- Font Awesome Check-circle Icon
- Font Awesome Check-circle-o Icon
- Font Awesome Check-square Icon
- Font Awesome Check-square-o Icon
- Font Awesome Child Icon
- Font Awesome Circle Icon
- Font Awesome Circle-o Icon
- Font Awesome Circle-o-notch Icon
- Font Awesome Circle-thin Icon
- Font Awesome Clock-o Icon
- Font Awesome Clone Icon
- Font Awesome Times Icon
Font Awesome Bed Icon
Usage
<i class="fa fa-bed"></i>
Out of the box
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-bed"></i>
</body>
</html>
Live Demo
Large Icon
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-bed fa-5x"></i>
<!--use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes-->
</body>
</html>
Live Demo
Change color
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<style type="text/css">
.fa_custom {
color: #0099CC
}
</style>
</head>
<body>
<i class="fa fa-bed fa_custom"></i>
<i class="fa fa-bed fa_custom fa-2x"></i>
<i class="fa fa-bed fa_custom fa-3x"></i>
<i class="fa fa-bed fa_custom fa-4x"></i>
</body>
</html>
Live Demo
Previous: Font Awesome Battery-three-quarters Icon
Next:
Font Awesome Beer Icon
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics