<h2 id="heading-follow-the-steps-to-add-icons-in-tabs-to-react-bootstrap">Follow the steps to add icons in Tabs to React Bootstrap</h2>
Step 1: Add {} in title
Step 2: add a span tag
Step 3: Paste your icon tag with Text
<blockquote>
Don't forget to import icons
</blockquote>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1654944871527/EInQ7XuSP.png" alt="code.png" />
<blockquote>
Output:
</blockquote>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1654945059725/ur2ihNwAW.png" alt="Instagram.png" />

## Follow the steps to add icons in Tabs to React Bootstrap

Step 1: Add {} in title

Step 2: add a span tag

Step 3: Paste your icon tag with Text

> Don't forget to import icons


![code.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1654944871527/EInQ7XuSP.png align="left")
                 
> Output:

![Instagram.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1654945059725/ur2ihNwAW.png align="left")



How to display Icon in React Bootstrap Tab with text

How to add icon in React Bootstrap Tabs

React Frontend Developer. I write about Frontend development, CSS, React and Javascript.


Rafi Kadir is a front-end developer and WordPress designer. Writing content on Frontend development. react js, javascript and WordPress