How many icons are available?

Over 1,600 icons from the Lucide icon set — one of the most popular open-source icon libraries for web development.

What formats can I download?

You can download any icon as SVG (vector, infinitely scalable) or PNG at 16, 24, 32, 48, 64, 128, 256, and 512 pixels.

Can I change the color before downloading?

Yes. Use the color picker or enter any hex value to set the icon color. The downloaded file will use that exact color.

Can I adjust stroke width?

Yes. Drag the stroke slider from 0.5 to 3 to get thin or thick icon lines before downloading.

Can I use these icons in my project?

Lucide icons are open-source under the ISC license. You can use them freely in personal and commercial projects.

How do I use icons in React?

Click any icon and use the "Copy import statement" button to get the exact import line, e.g. import { ArrowLeft } from 'lucide-react'.

Icon Library

Переглядайте 1600+ іконок Lucide. Завантажуйте SVG або PNG, копіюйте JSX-імпорти.

1,475 icons

Про інструмент Icon Library

Переглядайте, шукайте та завантажуйте 1600+ безкоштовних іконок Lucide онлайн. Шукайте за назвою, налаштовуйте колір і товщину обведення, завантажуйте як SVG або PNG (від 16 до 512 пікселів), копіюйте SVG-код і React-імпорти. Повністю безкоштовний набір іконок для веб- та застосункової розробки.

Як використовувати

1Введіть назву в пошуковому рядку, щоб відфільтрувати 1600+ іконок.
2Натисніть на будь-яку іконку, щоб відкрити панель деталей.
3Налаштуйте колір за допомогою палітри та відрегулюйте товщину обведення.
4Натисніть «SVG», щоб завантажити векторний файл, або оберіть розмір PNG (16–512 пкс).
5Використовуйте «Копіювати імпорт» для отримання готового React-імпорту.
6Використовуйте «Копіювати SVG-код» для вставки SVG безпосередньо в HTML.

Часті запитання

Скільки іконок доступно?

Понад 1600 іконок із набору Lucide — одна з найпопулярніших відкритих бібліотек іконок для веб-розробки.

Які формати завантаження доступні?

Можна завантажити будь-яку іконку як SVG (векторний, нескінченно масштабований) або PNG розміром 16, 24, 32, 48, 64, 128, 256 і 512 пікселів.

Чи можна змінити колір перед завантаженням?

Так. Використовуйте палітру або введіть будь-яке hex-значення для встановлення кольору іконки. Завантажений файл матиме саме цей колір.

Чи можна регулювати товщину обведення?

Так. Перетягуйте повзунок від 0.5 до 3 для тонких або товстих ліній іконок перед завантаженням.

Чи можна використовувати ці іконки у проєкті?

Іконки Lucide є відкритими під ліцензією ISC. Їх можна вільно використовувати в особистих та комерційних проєктах.

Як використовувати іконки в React?

Натисніть на будь-яку іконку та використайте кнопку «Копіювати імпорт», щоб отримати точний рядок імпорту, наприклад: import { ArrowLeft } from 'lucide-react'.

Інформація

Категорія: image
Використання: Необмежено

Схожі інструменти

Crop Image

Обрізайте будь-яке зображення в редакторі перетягування. Пропорції, точні пікселі, миттєве збереження.

Resize Image

Швидко та легко змінюйте розміри зображень.

Convert Image

Конвертуйте зображення між форматами: JPEG, PNG, WebP тощо.

Більше інструментів: image