# TIP: Changing the colour of Bootrap Icons

**URL:** <https://forum.pinegrow.com/t/tip-changing-the-colour-of-bootrap-icons/4856>\
**Category:** General\
**Tags:** tutorial\
**Created:** [January 21, 2021, 11:30am UTC](https://forum.pinegrow.com/t/tip-changing-the-colour-of-bootrap-icons/4856 "2021-01-21T11:30:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mxs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mxs/32/2943_2.png) [@mxs](https://forum.pinegrow.com/u/mxs)\
**Post date:** [January 21, 2021, 11:30am UTC](https://forum.pinegrow.com/t/tip-changing-the-colour-of-bootrap-icons/4856/1 "2021-01-21T11:30:33Z")

</div>

You may want to change the colour of Bootstrap Icons to match your website.

- Open the SVG file in a text editor
- Edit the “fill” element in line 1 with your color  
eg. “svg xmlns=“[SVG namespace](http://www.w3.org/2000/svg)” width=“20” height=“20” fill=”#5f93bd" class=“bi bi-globe” viewBox=“0 0 16 16"”

Do this for all the icons you use  
No need to amend CSS or other solutions  
Include the icon in your page `<img src="/img/globe.svg" >`