Css 字体图标颜色

是否可以在边缘和内部为字体图标涂上透明的颜色？ 就像照片上的一样

我有这个密码

<i class="icon fa fa-check-circle"></i>

.icon{
    color: #26b2ad;
}

.图标{
颜色：#26b2ad；
}

看起来：

---

只需使用边界半径创建

i

标记周围的圆：

i{
边界半径：100%；
边框：2倍纯绿；
填充：10px；
背景：红色；
颜色：蓝色；
}

是，通过使用“开放”版本：

正文{
背景：深蓝色；
颜色：深蓝色；
}
我{
颜色：#26b2ad；
字体大小：5em！重要；
}

--------^^

你试过什么吗？我试过用边框，但没有用。try

color

。。。。（在这里发布你的代码，这就是它的全部内容）分享你的代码来修复它….？我投票结束这个问题作为离题，因为一直没有努力解决这个问题。谢谢你，弗格森先生，我喜欢你的答案，但不适合我。它只显示外部边界！我已经更新了代码片段，显示您可以为图标的任何部分添加所需的颜色。我把它们分成三种不同的颜色，这样你就可以看到它们的区别了。这就是你想要的吗？太棒了，但不是所有图标都有开放版本，如何处理？选择另一个图标，或者使用@M.Ferguson发布的边框技巧。