为字体着色

使用 CSS 为 Lucide 图标字体设置样式很简单。你可以使用 CSS 中的 color 属性来更改图标的颜色。这使你能够轻松自定义图标的外观以匹配你的设计。

更改图标颜色

要更改图标的颜色，只需将 color 属性应用于包含图标的元素。例如，如果你想将图标的颜色更改为红色，可以使用以下 CSS：

.icon-house {
  color: red;
}

这会将类为 icon-house 的图标颜色更改为红色。你可以使用任何有效的 CSS 颜色值，例如十六进制代码、RGB 或命名颜色。

从父元素继承颜色

默认情况下，图标将从其父元素继承颜色。这意味着如果你在父元素上设置了颜色，所有子图标将自动采用该颜色，除非你为图标指定了特定颜色来覆盖它。与 HTML 中的文本元素一样，图标字体将使用 color 属性来确定其颜色，从而便于在整个项目中进行样式设置和保持一致性。