<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
# use this in the head section of html to apply the font awesome icons.
<head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"/>
</head>
use the link for free icons from font awesome -> https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free
<script src="https://kit.fontawesome.com/4ea6e3ab0b.js" crossorigin="anonymous"></script>
/* Add to head, this script is from font-awesome.icon */
<script
src="https://kit.fontawesome.com/5daa8eb347.js"
crossorigin="anonymous"
></script>
/* Add to body */
<i class="fa-solid fa-magnifying-glass"></i>
/* Add style to your css */
.fa-solid {
vertical-align: top;
font-size: 16px;
border: 1px solid red;
color: white;
padding: 5px;
}
<i class="fa fa-envelope-o" aria-hidden="true"></i>
$ npm install @fortawesome/fontawesome-svg-core
$ npm install @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ npm install @fortawesome/angular-fontawesome@<version>
Code Example |
---|
Html :: html skype chat link |
Html :: onclick alert javascript |
Html :: share to twitter html link |
Html :: href disable underline |
Html :: auto update copyright year javascript |
Html :: meta theme color |
Html :: font awesome 5 pro |
Html :: api whatsapp link |
Html :: html ö |
Html :: href rel |
Html :: svg line |
Html :: bootstrap 5 border shadow |
Html :: HTML Links - Hyperlinks |
Html :: mdb input bg |
Html :: ngfor with index |
Html :: regex to select everything in a html tag |
Html :: html sound autoplay |
Html :: bootstrap responsive meta tag |
Html :: datalayer push |
Html :: html option selected |
Html :: vue router link dynamic id |
Html :: how to use pyscript in html |
Html :: how to navigate to another page in html |
Html :: how to add space between buttons |
Html :: use of extends in html django |
Html :: how to leave an empty row in html table |
Html :: html input clear history |
Html :: test image as base 64 string |
Html :: bootstrap 5 modal |
Html :: how to change font html |