在线图标浏览器
在线搜索、浏览并复制 Lucide 图标。助您快速构建前端界面。
图标浏览器指南
- 1在搜索框输入关键词(如 'home', 'user')查找图标。
- 2在过滤后的图标列表中浏览并找到合适的图标。
- 3点击任意图标即可一键将其组件名称复制到剪贴板。
- 4直接将复制的名称粘贴到您的 Vue/Nuxt 项目代码中使用。
图标浏览器常见问题
这些图标可以免费商用吗?
本站集成的 Lucide 等图标库通常基于 MIT 等开源协议,允许免费商用。但建议您在使用前核实具体图标库的许可协议。
如何引入到我的项目中?
您可以直接复制 SVG 代码嵌入 HTML,或者复制组件名称在 React/Vue 项目中配合相应的图标库包使用。
a-arrow-down
a-arrow-up
a-large-small
accessibility
activity
air-vent
airplay
alarm-clock
alarm-clock-check
alarm-clock-minus
alarm-clock-off
alarm-clock-plus
alarm-smoke
album
align-center
align-center-horizontal
align-center-vertical
align-end-horizontal
align-end-vertical
align-horizontal-distribute-center
align-horizontal-distribute-end
align-horizontal-distribute-start
align-horizontal-justify-center
align-horizontal-justify-end
align-horizontal-justify-start
align-horizontal-space-around
align-horizontal-space-between
align-justify
align-left
align-right
align-start-horizontal
align-start-vertical
align-vertical-distribute-center
align-vertical-distribute-end
align-vertical-distribute-start
align-vertical-justify-center
align-vertical-justify-end
align-vertical-justify-start
align-vertical-space-around
align-vertical-space-between
ambulance
ampersand
ampersands
amphora
anchor
angry
annoyed
antenna
anvil
aperture
app-window
app-window-mac
apple
archive
archive-restore
archive-x
area-chart
armchair
arrow-big-down
arrow-big-down-dash
arrow-big-left
arrow-big-left-dash
arrow-big-right
arrow-big-right-dash
arrow-big-up
arrow-big-up-dash
arrow-down
arrow-down-0-1
arrow-down-1-0
arrow-down-a-z
arrow-down-from-line
arrow-down-left
arrow-down-narrow-wide
arrow-down-right
arrow-down-to-dot
arrow-down-to-line
arrow-down-up
arrow-down-wide-narrow
arrow-down-z-a
arrow-left
arrow-left-from-line
arrow-left-right
arrow-left-to-line
arrow-right
arrow-right-from-line
arrow-right-left
arrow-right-to-line
arrow-up
arrow-up-0-1
arrow-up-1-0