Can we add border around the fontawesome icon using css?

Question

I need to change the border width of the icon - fa-comment-o. Can we change the border-width size with css?

question from:https://stackoverflow.com/questions/35933260/can-we-add-border-around-the-fontawesome-icon-using-css

Answer 1

Yes you can. Use a text-shadow:

.my-icon {
     text-shadow: 0 0 3px #000;
}

Or Also you can use webkit text stroke remember it only work with Chrome and Safari

CSS-Tricks example

-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;