Horje Website
Icons Awesome – Default – Learn Icon Code

Icons Awesome – Default

Icons Awesome - Default


 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Font Awesome Icons</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  7. </head>
  8. <body>
  9. <p>Some Font Awesome icons:</p>
  10. <i class="fa fa-cloud"></i>
  11. <i class="fa fa-heart"></i>
  12. <i class="fa fa-car"></i>
  13. <i class="fa fa-file"></i>
  14. <i class="fa fa-bars"></i>
  15. <p>Styled Font Awesome icons (size, color, and shadow):</p>
  16. <i class="fa fa-cloud" style="font-size:24px;"></i>
  17. <i class="fa fa-cloud" style="font-size:36px;"></i>
  18. <i class="fa fa-cloud" style="font-size:48px;color:red;"></i>
  19. <i class="fa fa-cloud" style="font-size:60px;color:lightblue;text-shadow:2px 2px 4px #000000;"></i>
  20. </body>
  21. </html>



Try Your Self ->



Published:
October 8, 2020
Author:
admin
Category:
Colors Source Code, Colors Tutorial
Views:
23

This article was posted in Colors Source Code, Colors Tutorial and tagged , , . Bookmark the permalink. Follow comments with the RSS feed for this post.Post a Comment or leave a trackback: Trackback URL.

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Horje © 2011 - 2023