We value your feedback!

Can you spare a moment to take our survey?
Your feedback helps us improve Lucide and make it better for everyone.

Skip to content
Get JavaScript certificates from certificates.dev

调整字体大小

使用 CSS 设置 Lucide 图标字体的样式很简单。您可以使用 CSS 中的 font-size 属性更改图标的大小。这使您可以轻松自定义图标的外观以匹配您的设计。

更改大小

要更改图标的大小,只需将 font-size 属性应用于包含图标的元素。例如,如果要将图标的大小更改为 24px,可以使用以下 CSS:

css
.icon-house {
  font-size: 24px;
}

这将把类为 icon-house 的图标大小更改为 24px。您可以使用任何有效的 CSS 大小值,例如 em、rem 或百分比。