开发者工具箱

在线图标浏览器

在线搜索、浏览并复制 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

✨ 觉得工具有用?

如果这些工具帮您节省了时间,欢迎通过微信、支付宝或 PayPal 赞助支持 ☕️