Search
 
SCRIPT & CODE EXAMPLE
 

HTML

font awesome

<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" />
Comment

fontawesome

# 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
Comment

fontawesome

<script src="https://kit.fontawesome.com/4ea6e3ab0b.js" crossorigin="anonymous"></script>
Comment

Font-awesome

/* 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;
}
Comment

fontawesome

<i class="fa fa-envelope-o" aria-hidden="true"></i>
Comment

font awesome

$ 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>
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
5+2 =