Font Awesome Icon Box Icon | Fas Fa Box | HTML, CSS

Trang chủ » Html Box Icon » Font Awesome Icon Box Icon | Fas Fa Box | HTML, CSS

Có thể bạn quan tâm

Font Awesome Box (Square, Design)

Font Awesome provides box icon, symbol of boxed, parcel, or package. The box icon can be useful for adding some functionality to your website or app, such as shipping, delivery, or tracking. In this tutorial, we will learn how to use the Font Awesome box icon, which is also known as Fa Fa box, Square, Design. Try it v6 Try it v5

Fontawesome Version 5.X

  • Default
  • White
  • Red
  • Blue
  • Customize

box

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

box

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

box

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

box

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

box

<i class='fas fa-box' style='color: #f3da35'></i> Try it Yourself

Fontawesome Version 6.X

  • Default
  • White
  • Red
  • Blue
  • Customize

box

Web

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

React

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

Vue

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

box

Web

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

React

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

Vue

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

box

Web

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

React

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

Vue

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

box

Web

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

React

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

Vue

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

box

Web

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

React

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

Vue

<font-awesome-icon icon="fa-solid fa-box" :style="{color: '#f3da35'}" /> Try it Yourself

How to add Font Awesome box Icon ?

Font Awesome Icon fas fa box Icon can be added to any web page simply as below. You can integrate Icon in web pages by just adding following below syntax & icon code.

Icon - <i class='fas fa-box'></i> Icon Code - fas fa-box

HTML Code

Get complete html code for icon box

<!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> </head> <body> <i class='fas fa-box'></i> </body> </html>

Tags

Package,Parcel,Boxed

Từ khóa » Html Box Icon