---
title: "How to change the size of fontawesome icon in bootstrap 5?"
description: "How to change the size of fontawesome icon in bootstrap 5?"
author: "Steilla Mitchel"
published: 2022-01-04
updated: 2022-01-04
canonical: https://www.mindstick.com/forum/156871/how-to-change-the-size-of-fontawesome-icon-in-bootstrap-5
category: "bootstrap"
tags: ["bootstrap"]
reading_time: 2 minutes
---
# How to change the size of fontawesome icon in bootstrap 5?
How to [add](https://www.mindstick.com/forum/12983/add-address-in-textbox-when-page-is-load-and-if-i-search-address-in-textbox-show-in-map-by-javascript) and change the [size](https://www.mindstick.com/forum/159799/how-can-you-manage-the-size-of-mdf-and-ldf-files) of fontawesome [icon](https://www.mindstick.com/articles/13090/icon-the-identity-of-your-brand) in [bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) 5?
## Replies
### Reply by Manish Sharma
## What is Font Awesome icon:
Font Awesome icon is an icon as like image that gives you scalable vector image that can be customized with CSS. There are greater the thousands number of icons are available for free used in html code. You can easily use font awesome icon as which type icon you want in your bootstrap html code. You can download different icons, Click here…
## Resize the Font awesome icon:
To change the size of font awesome icon in bootstrap then bootstrap provide inbuilt class the resize the icon, only you need to add them and define the size of that icons.
There are 5 specific size of icons you can use in your bootstrap code which are,
```
fa-1x(default), fa-2x, fa-3x, fa-4x, fa-5x.
```
## Example-
```
Default size of icon is like as
```
If you want to resize the icon then you can define the size in bootstrap tag class like as,
```