In this project, I used CodePen’s CSS Reset built-in option and added my CSS resets to it for definitions that I felt were missing. Let’s talk about the elemental parts of CSS in a project, the main basic styles which every project should have, but web developers tend to forget. We’ll fill in that blank in this section. Here we have created one example to change color of icons with css classes.The above diagram of Atomic Design, although I didn’t read the book, seems to be missing an essential part of the project - the styles that we should write even before starting to create the basic “atoms” parts.

Sometimes we need icons in different color, as we suggested by adding css style we can change color. Change Bootstrap Icon Icon Whatsapp Color Smililarly you can add border color, shadow and other font styles to Whatsapp. On the same way you can change size of Whatsapp icon by just adding style='font-size:50px '. It is pretty simple to change color of icon Whatsapp just add style='color:red' it will make font color red. You can customize Bootstrap Icon whatsapp Icon Whatsapp as per your requirement, suppose that you need to chnage the color of Whatsapp icon or change the size of size.

You need to add the icon class along with bi, it is basically main class and mandatory for icons so do not forget to add this class. Bootstrap Icon whatsapp Icon | whatsapp | HTML, CSSĪdding Bootstrap Icon icon HTML Whatsapp( whatsapp) in web project is very simple.

Dark green whatsapp icon