Ionic framework 如何在ion图标ios竖起轮廓中填充颜色

我使用离子图标作为

.html

<ion-icon name="ios-thumbs-up-outline" [style.color]="'#EF3B51'"></ion-icon>

当我这样做时，图标的轮廓变为红色，但我想在图标内的空白处填充红色

您可以看到下图：

---

这将解决问题

---

如果您需要使用图像所需的任何其他内容，您可以使用中提供的内容。这将解决此问题

---

如果您需要使用图像所需的任何其他内容，您可以使用中提供的功能

是否有不使用实心拇指图标的原因，并添加红色样式？您可以尝试编辑矢量填充轮廓图标@SunilKumar是的，如果我不点击“喜欢”按钮，那么它应该看起来类似于ios竖起的轮廓，如果我使用md竖起的话，那么我必须使用相同的问题制作类似于ios竖起的轮廓。我这里没有使用SVG，如果我能使用ion图标，我将不胜感激。不使用实心拇指图标的原因是什么，并添加红色样式？您可以尝试编辑矢量填充轮廓图标@SunilKumar是的，如果我不点击“喜欢”按钮，那么它应该看起来类似于ios竖起的轮廓，如果我使用md竖起的话，那么我必须使用相同的问题制作类似于ios竖起的轮廓。我这里没有使用SVG，如果我能使用ion ICON，我将不胜感激。您如何使用CSS4变量？您也可以使用普通CSS，如

style=“color:#EF3B51”

。您如何使用CSS4变量？您也可以使用普通CSS，如

style=“color:#EF3B51”

。