Font Awesome blog Icon

Blog Icon is given below. You can use this icon on the same way in your project. First make sure you have added Font Awesome Icon library. If this library is added just add the HTML css class fas fa-blog to any element to add the icon. Font Awesome blog Icon can be resized as per your need. You can manage size of icon(fas fa blog) by using font-size css style.

You can get steps to add HTML icon Blog in Web, Font Awesome and other framwork.

How to add Font Awesome blog Icon ?

Font Awesome Icon fas fa blog Icon can be added to any web page simply as below.

Fontawesome Version 5.X

• Default
• White
• Red
• Blue
• Customize

blog

<i class='fas fa-blog'></i>

blog

<i class='fas fa-blog' style='color: white'></i>

blog

<i class='fas fa-blog' style='color: red'></i>

blog

<i class='fas fa-blog' style='color: blue'></i>

blog

<i class='fas fa-blog' style='color: #f3da35'></i>

Fontawesome Version 6.X

• Default
• White
• Red
• Blue
• Customize

blog

Web

<i class='fa-solid fa-blog'></i>

React

<FontAwesomeIcon icon="fa-solid fa-blog" />

Vue

<font-awesome-icon icon="fa-solid fa-blog" />

blog

Web

<i class='fa-solid fa-blog' style='color: white'></i>

React

<FontAwesomeIcon icon="fa-solid fa-blog" style={{color: 'white'}} />

Vue

<font-awesome-icon icon="fa-solid fa-blog" :style="{color: 'white'}" />

blog

Web

<i class='fa-solid fa-blog' style='color: red'></i>

React

<FontAwesomeIcon icon="fa-solid fa-blog" style={{color: 'red'}} />

Vue

<font-awesome-icon icon="fa-solid fa-blog" :style="{color: 'red'}" />

blog

Web

<i class='fa-solid fa-blog' style='color: blue'></i>

React

<FontAwesomeIcon icon="fa-solid fa-blog" style={{color: 'blue'}} />

Vue

<font-awesome-icon icon="fa-solid fa-blog" :style="{color: 'blue'}" />

blog

Web

<i class='fa-solid fa-blog' style='color: #f3da35'></i>

React

<FontAwesomeIcon icon="fa-solid fa-blog" style={{color: '#f3da35'}} />

Vue

<font-awesome-icon icon="fa-solid fa-blog" :style="{color: '#f3da35'}" />

You can integrate Icon in web pages by just adding following below syntax & icon code.

thumb_up

Icon –

<i class='fas fa-blog'></i>

Icon Code –

fas fa-blog

HTML Code

Get complete html code for icon blog