Bootstrap Tutorial - Mark glyphicon with color

The following code shows how to mark glyphicon with color.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css">
<style type='text/css'>
.blue {<!-- w w  w .  ja  va2 s  .c  o  m-->
  color: blue;
}
</style>
</head>
<body>
  <span class="glyphicon glyphicon-search"></span>
  <span class="glyphicon glyphicon-user blue"></span>
  <span class="glyphicon glyphicon-trash"></span>
</body>
</html>

Click to view the demo