我为 Fontawesome 图标定义了一些样式，以将浏览器图标着色为相应的品牌颜色。所以Opera图标是红色，IE蓝色，Firefox橙色。
但是，由于 Chrome 有 4 种不同的颜色，而且分隔非常严苛，我想知道是否可以仅使用 CSS 来模仿接近于那种颜色的东西？
我所知道的最接近那里的是渐变，但显然它并没有接近看起来正确。
i.fa-chrome {
font-size: 3rem;
background-image: linear-gradient(to bottom right, yellow, limegreen, crimson, blue, blue);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="p-3">
<i class="fa fab fa-chrome"></i>
</div>是否可以通过一些背景剪辑和 CSS 技巧来做更多的事情，以更接近原始图标的视觉识别？