1904 открытых иконок

Библиотека SVG-иконок

Просмотрите открытые SVG-иконки от Lucide. Ищите, просматривайте и копируйте названия иконок для быстрого использования.

Открытый источник

Иконки предоставлены набором иконок Lucide (лицензия MIT).

Показаны 120 из 1904 иконокДействия копирования

Копировать название для импортов lucide-react. Копировать SVG для сырого разметки. Копировать React создает автономный компонент.

a-arrow-down

A Arrow Down

Lucide

a-arrow-up

A Arrow Up

Lucide

a-large-small

A Large Small

Lucide

accessibility

Accessibility

Lucide

activity

Activity

Lucide

activity-square

Activity Square

Lucide

air-vent

Air Vent

Lucide

airplay

Airplay

Lucide

alarm-check

Alarm Check

Lucide

alarm-clock

Alarm Clock

Lucide

alarm-clock-check

Alarm Clock Check

Lucide

alarm-clock-minus

Alarm Clock Minus

Lucide

alarm-clock-off

Alarm Clock Off

Lucide

alarm-clock-plus

Alarm Clock Plus

Lucide

alarm-minus

Alarm Minus

Lucide

alarm-plus

Alarm Plus

Lucide

alarm-smoke

Alarm Smoke

Lucide

album

Album

Lucide

alert-circle

Alert Circle

Lucide

alert-octagon

Alert Octagon

Lucide

alert-triangle

Alert Triangle

Lucide

align-center

Align Center

Lucide

align-center-horizontal

Align Center Horizontal

Lucide

align-center-vertical

Align Center Vertical

Lucide

align-end-horizontal

Align End Horizontal

Lucide

align-end-vertical

Align End Vertical

Lucide

align-horizontal-distribute-center

Align Horizontal Distribute Center

Lucide

align-horizontal-distribute-end

Align Horizontal Distribute End

Lucide

align-horizontal-distribute-start

Align Horizontal Distribute Start

Lucide

align-horizontal-justify-center

Align Horizontal Justify Center

Lucide

align-horizontal-justify-end

Align Horizontal Justify End

Lucide

align-horizontal-justify-start

Align Horizontal Justify Start

Lucide

align-horizontal-space-around

Align Horizontal Space Around

Lucide

align-horizontal-space-between

Align Horizontal Space Between

Lucide

align-justify

Align Justify

Lucide

align-left

Align Left

Lucide

align-right

Align Right

Lucide

align-start-horizontal

Align Start Horizontal

Lucide

align-start-vertical

Align Start Vertical

Lucide

align-vertical-distribute-center

Align Vertical Distribute Center

Lucide

align-vertical-distribute-end

Align Vertical Distribute End

Lucide

align-vertical-distribute-start

Align Vertical Distribute Start

Lucide

align-vertical-justify-center

Align Vertical Justify Center

Lucide

align-vertical-justify-end

Align Vertical Justify End

Lucide

align-vertical-justify-start

Align Vertical Justify Start

Lucide

align-vertical-space-around

Align Vertical Space Around

Lucide

align-vertical-space-between

Align Vertical Space Between

Lucide

ambulance

Ambulance

Lucide

ampersand

Ampersand

Lucide

ampersands

Ampersands

Lucide

amphora

Amphora

Lucide

anchor

Anchor

Lucide

angry

Angry

Lucide

annoyed

Annoyed

Lucide

antenna

Antenna

Lucide

anvil

Anvil

Lucide

aperture

Aperture

Lucide

app-window

App Window

Lucide

app-window-mac

App Window Mac

Lucide

apple

Apple

Lucide

archive

Archive

Lucide

archive-restore

Archive Restore

Lucide

archive-x

Archive X

Lucide

area-chart

Area Chart

Lucide

armchair

Armchair

Lucide

arrow-big-down

Arrow Big Down

Lucide

arrow-big-down-dash

Arrow Big Down Dash

Lucide

arrow-big-left

Arrow Big Left

Lucide

arrow-big-left-dash

Arrow Big Left Dash

Lucide

arrow-big-right

Arrow Big Right

Lucide

arrow-big-right-dash

Arrow Big Right Dash

Lucide

arrow-big-up

Arrow Big Up

Lucide

arrow-big-up-dash

Arrow Big Up Dash

Lucide

arrow-down

Arrow Down

Lucide

arrow-down-az

Arrow Down Az

Lucide

arrow-down-circle

Arrow Down Circle

Lucide

arrow-down-from-line

Arrow Down From Line

Lucide

arrow-down-left

Arrow Down Left

Lucide

arrow-down-left-from-circle

Arrow Down Left From Circle

Lucide

arrow-down-left-from-square

Arrow Down Left From Square

Lucide

arrow-down-left-square

Arrow Down Left Square

Lucide

arrow-down-narrow-wide

Arrow Down Narrow Wide

Lucide

arrow-down-right

Arrow Down Right

Lucide

arrow-down-right-from-circle

Arrow Down Right From Circle

Lucide

arrow-down-right-from-square

Arrow Down Right From Square

Lucide

arrow-down-right-square

Arrow Down Right Square

Lucide

arrow-down-square

Arrow Down Square

Lucide

arrow-down-to-dot

Arrow Down To Dot

Lucide

arrow-down-to-line

Arrow Down To Line

Lucide

arrow-down-up

Arrow Down Up

Lucide

arrow-down-wide-narrow

Arrow Down Wide Narrow

Lucide

arrow-down-za

Arrow Down Za

Lucide

arrow-down01

Arrow Down01

Lucide

arrow-down10

Arrow Down10

Lucide

arrow-left

Arrow Left

Lucide

arrow-left-circle

Arrow Left Circle

Lucide

arrow-left-from-line

Arrow Left From Line

Lucide

arrow-left-right

Arrow Left Right

Lucide

arrow-left-square

Arrow Left Square

Lucide

arrow-left-to-line

Arrow Left To Line

Lucide

arrow-right

Arrow Right

Lucide

arrow-right-circle

Arrow Right Circle

Lucide

arrow-right-from-line

Arrow Right From Line

Lucide

arrow-right-left

Arrow Right Left

Lucide

arrow-right-square

Arrow Right Square

Lucide

arrow-right-to-line

Arrow Right To Line

Lucide

arrow-up

Arrow Up

Lucide

arrow-up-az

Arrow Up Az

Lucide

arrow-up-circle

Arrow Up Circle

Lucide

arrow-up-down

Arrow Up Down

Lucide

arrow-up-from-dot

Arrow Up From Dot

Lucide

arrow-up-from-line

Arrow Up From Line

Lucide

arrow-up-left

Arrow Up Left

Lucide

arrow-up-left-from-circle

Arrow Up Left From Circle

Lucide

arrow-up-left-from-square

Arrow Up Left From Square

Lucide

arrow-up-left-square

Arrow Up Left Square

Lucide

arrow-up-narrow-wide

Arrow Up Narrow Wide

Lucide

arrow-up-right

Arrow Up Right

Lucide

arrow-up-right-from-circle

Arrow Up Right From Circle

Lucide

arrow-up-right-from-square

Arrow Up Right From Square

Lucide

Открытый набор SVG-иконок

Эта страница перечисляет полную библиотеку иконок Lucide с быстрым поиском, предварительными просмотрами и удобными для копирования выводами для рабочих процессов дизайна и разработки.

  • Используйте названия иконок напрямую с lucide-react
  • Возьмите сырую SVG-разметку для Figma или HTML
  • Копируйте React-компоненты для использования без зависимостей
  • Открывайте иконки мгновенно в SVG-редакторе для очистки

Примеры использования SVG-иконок

Общие способы использования этой библиотеки SVG-иконок в React, HTML и рабочих процессах дизайна.

Использование с lucide-react

Импортируйте по названию и отобразите иконку как React-компонент.

import { Activity } from "lucide-react";

export function IconExample() {
  return <Activity className="h-6 w-6" />;
}

Встроенный SVG в HTML

Вставьте сырую SVG-разметку напрямую в ваш HTML или инструмент дизайна.

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M4 12h4l2-7 4 14 2-7h4" />
</svg>

Автономный React-компонент

Копируйте SVG в повторно используемый React-компонент без дополнительных зависимостей.

export function ActivityIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
      <path d="M4 12h4l2-7 4 14 2-7h4" />
    </svg>
  );
}

Как использовать эти SVG-иконки

1

Найдите иконку

Ищите по названию и просматривайте иконку одним взглядом.

2

Копируйте или скачайте

Копируйте название иконки, SVG-разметку или React-компонент, или скачайте SVG.

3

Редактируйте при необходимости

Откройте иконку в SVG-редакторе для оптимизации или настройки цветов.

FAQ по библиотеке SVG-иконок

Частые вопросы об использовании библиотеки иконок.

В чем разница между Копировать название и Копировать SVG?
Копировать название дает вам название компонента иконки для lucide-react. Копировать SVG дает сырую SVG-разметку для HTML, Figma или встроенного использования.
Что делает Копировать React?
Это создает автономный React-компонент, который встраивает SVG напрямую, поэтому вам не нужно устанавливать lucide-react.
Можно ли редактировать эти иконки?
Да. Используйте кнопку Редактировать в SVG-редакторе, чтобы открыть иконку и внести изменения или оптимизации.
Открытый ли набор иконок?
Да. Иконки приходят из открытого набора иконок Lucide под лицензией MIT.