Lucide V1 发布了!🚀
你现在浏览的是 v1 站点,如需查看 v0,请前往 v0 站点

Skip to content

组合图标

你可以通过嵌套 SVG 元素将多个图标组合成一个图标。 如果你想通过组合现有图标来创建自定义图标,这很有用。

这是有效的,因为 SVG 可以嵌套,并且图标支持所有 SVG 属性。 可以调整 xy 坐标来按需定位图标。

限制

组合图标时,你需要确保 xy 坐标在外层图标的 viewBox 范围内(24x24)。

使用原生 SVG 元素

你也可以将 Lucide 图标与原生 SVG 元素组合,以构建自定义图标变体。

带通知徽章的示例

例如,你可以使用 circle SVG 元素向图标添加通知徽章。

带文本元素的示例

你也可以使用 text SVG 元素向图标添加文本。