w3resource logo


user-md
Icon Tutorial

Font Awesome User-md Icon

Secondary Nav

Usage

<i class="fa fa-user-md"></i>

Out of the box

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">  
  5. </head>  
  6. <body>  
  7. <i class="fa fa-user-md"></i>  
  8. </body>  
  9. </html>  

Large Icon

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">  
  5. </head>  
  6. <body>  
  7. <i class="fa fa-user-md fa-5x"></i>  
  8. <!--use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes-->  
  9. </body>  
  10. </html>  

Change color

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">  
  5. <style type="text/css">  
  6. .fa_custom {  
  7. color: #0099CC  
  8. }  
  9. </style>  
  10. </head>  
  11. <body>  
  12. <i class="fa fa-user-md fa_custom"></i>  
  13. <i class="fa fa-user-md fa_custom fa-2x"></i>  
  14. <i class="fa fa-user-md fa_custom fa-3x"></i>  
  15. <i class="fa fa-user-md fa_custom fa-4x"></i>  
  16. </body>  
  17. </html>