通过angular 8中的css更改svg (图标)的颜色

在Angular 8中，可以通过CSS来更改SVG图标的颜色。下面是一个完善且全面的答案：

SVG（可缩放矢量图形）是一种基于XML的图像格式，它可以通过CSS样式来进行修改和控制。在Angular 8中，我们可以使用CSS来更改SVG图标的颜色。

首先，确保你已经将SVG图标作为一个组件引入到你的Angular项目中。你可以使用<svg>标签来嵌入SVG图标，或者使用<img>标签来引用外部的SVG文件。

接下来，你可以通过CSS样式来更改SVG图标的颜色。在Angular中，可以使用以下方式来选择SVG图标并应用样式：

1. 使用组件的选择器：如果你将SVG图标作为组件的一部分，你可以使用组件的选择器来选择SVG元素。例如，如果你的组件选择器是app-icon，你可以使用以下CSS样式来更改SVG图标的颜色：

app-icon svg {
  fill: red;
}

1. 使用类选择器：如果你给SVG元素添加了一个类名，你可以使用类选择器来选择SVG元素。例如，如果你给SVG元素添加了一个类名icon，你可以使用以下CSS样式来更改SVG图标的颜色：

.icon {
  fill: blue;
}

1. 使用ID选择器：如果你给SVG元素添加了一个ID，你可以使用ID选择器来选择SVG元素。例如，如果你给SVG元素添加了一个IDmy-icon，你可以使用以下CSS样式来更改SVG图标的颜色：

#my-icon {
  fill: green;
}

以上是通过CSS更改SVG图标颜色的基本方法。根据你的具体需求，你可以使用其他CSS属性来修改SVG图标的样式，例如stroke、stroke-width等。

在腾讯云的产品中，可以使用腾讯云的云开发服务来部署和托管你的Angular项目。腾讯云云开发提供了全球部署、自动扩缩容、高可用性等特性，可以帮助你快速搭建和运行你的应用。你可以通过以下链接了解更多关于腾讯云云开发的信息：腾讯云云开发

希望以上信息对你有帮助！如果你还有其他问题，请随时提问。