Writing Icons in Font Awesome

fas fa-pencil-alt

<!-- version v5 -->
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'>

<i class='fas fa-pencil-alt'></ i>
<i class='fas fa-pencil-alt' style='font-size:24px'></i>
<i class='fas fa-pencil-alt' style='font-size:36px'></i>
<i class='fas fa-pencil-alt' style='font-size:48px;color:#d29a18'></i>

Output:

Icon class v5 Unicode
fas fa-archive &#x;
fas fa-blog &#xf781;
fas fa-book &#xf02d;
fas fa-bookmark &#xf02e;
far fa-bookmark &#xf02e;
fas fa-edit &#xf044;
far fa-edit &#xf044;
fas fa-envelope &#xf0e0;
far fa-envelope &#xf0e0;
fas fa-envelope-open &#xf2b6;
far fa-envelope-open &#xf2b6;
fas fa-eraser &#xf12d;
fas fa-file &#xf15b;
far fa-file &#xf15b;
fas fa-file-alt &#xf15c;
far fa-file-alt &#xf15c;
fas fa-folder &#xf07b;
far fa-folder &#xf07b;
fas fa-folder-open &#xf07c;
far fa-folder-open &#xf07c;
fas fa-keyboard &#xf11c;
far fa-keyboard &#xf11c;
fas fa-newspaper &#xf1ea;
far fa-newspaper &#xf1ea;
fas fa-paper-plane &#xf1d8;
far fa-paper-plane &#xf1d8;
fas fa-paperclip &#xf0c6;
fas fa-paragraph &#xf1dd;
fas fa-pen &#xf304;
fas fa-pen-alt &#xf305;
fas fa-pen-square &#xf14b;
fas fa-pencil-alt &#xf303;
fas fa-quote-left &#xf10d;
fas fa-quote-right &#xf10e;
fas fa-sticky-note &#xf249;
far fa-sticky-note &#xf249;
fas fa-thumbtack &#xf08d;

Comments