Online Icon Browser

Search, browse, and copy Lucide icons online. Perfect for building frontend UIs quickly.

Icon Browser Guide

1Enter keywords in the search box to find icons (e.g., 'home', 'user').
2Browse the filtered icon list to find the perfect match.
3Click on any icon to copy its component name to your clipboard.
4Paste the name directly into your Vue/Nuxt project code.

Icon Browser FAQ

Can I use these icons for commercial projects?

The integrated libraries like Lucide usually use open-source licenses (MIT) allowing commercial use. However, please verify the specific license of the icon set you use.

How to use in my project?

You can copy the SVG code directly into HTML, or copy the component name to use with the corresponding icon library package in 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