Что это такое?
Lucide — это open-source библиотека иконок с более чем 1600 векторными (svg) файлами. Её создало сообщество как форк Feather Icons, чтобы использовать в цифровых и нецифровых проектах.
Lucide — это open-source библиотека иконок с более чем 1600 векторными (svg) файлами. Её создало сообщество как форк Feather Icons, чтобы использовать в цифровых и нецифровых проектах.Это библиотека, которую я устанавливаю, или просто набор SVG-файлов?Это библиотека иконок, которая распространяется в виде официальных пакетов для каждой экосистемы: lucide-react, @lucide/vue, @lucide/svelte, lucide-solid, lucide-preact, lucide-react-native, @lucide/angular, @lucide/astro, а также lucide-static для обычных SVG-файлов.
Это библиотека иконок, которая распространяется в виде официальных пакетов для каждой экосистемы: lucide-react, @lucide/vue, @lucide/svelte, lucide-solid, lucide-preact, lucide-react-native, @lucide/angular, @lucide/astro, а также lucide-static для обычных SVG-файлов.Как добавить иконки в свой проект?Установите официальный пакет для вашего стека из npm (например, lucide-react для React, @lucide/vue для Vue) и импортируйте иконки как компоненты. Для дизайнеров есть ещё и плагин для Figma.
Установите официальный пакет для вашего стека из npm (например, lucide-react для React, @lucide/vue для Vue) и импортируйте иконки как компоненты. Для дизайнеров есть ещё и плагин для Figma.Нужно ли что-то ещё, кроме моего фреймворка?Нет — иконки это обычные пакеты, которые подключаются к уже настроенному React, Vue, Angular и т.д. Только для разработки самой Lucide нужен Node.js >= 24.11.1 с pnpm.
Нет — иконки это обычные пакеты, которые подключаются к уже настроенному React, Vue, Angular и т.д. Только для разработки самой Lucide нужен Node.js >= 24.11.1 с pnpm.Есть ли иконки, которые специально не добавляют?Да — логотипы брендов. Lucide их не принимает и принимать не планирует: ссылаются на юридические ограничения, сохранение единого стиля и заботу о поддержке проекта.
Да — логотипы брендов. Lucide их не принимает и принимать не планирует: ссылаются на юридические ограничения, сохранение единого стиля и заботу о поддержке проекта.Lucide для дизайнеров, разработчиков или для всех?Для всех: разработчики импортируют иконки из пакетов фреймворков в коде, а дизайнеры могут работать с тем же набором иконок в Figma через плагин Lucide.
Для всех: разработчики импортируют иконки из пакетов фреймворков в коде, а дизайнеры могут работать с тем же набором иконок в Figma через плагин Lucide.Как Lucide связана с Feather Icons?Lucide началась как форк Feather Icons, а теперь это независимый проект, который поддерживает сообщество и вырос до более чем 1600 иконок.
Lucide началась как форк Feather Icons, а теперь это независимый проект, который поддерживает сообщество и вырос до более чем 1600 иконок.А если мой проект вообще без фреймворка?Используйте lucide-static — там иконки идут как обычные SVG-файлы, которые можно вставить в простую HTML-страницу или в любой инструмент, работающий с SVG.
Используйте lucide-static — там иконки идут как обычные SVG-файлы, которые можно вставить в простую HTML-страницу или в любой инструмент, работающий с SVG.Оно подходит только для цифровых продуктов?Нет — в README прямо сказано, что иконки подходят и для цифровых, и для нецифровых проектов: это обычные векторные SVG, которые можно использовать где угодно, где принимают такой формат.
Нет — в README прямо сказано, что иконки подходят и для цифровых, и для нецифровых проектов: это обычные векторные SVG, которые можно использовать где угодно, где принимают такой формат.What are similar projects?tabler-icons, mitosis, simple-icons, css.gg, heroicons, blobatar, ui-ux-pro-max-skill, react-icons
tabler-icons, mitosis, simple-icons, css.gg, heroicons, blobatar, ui-ux-pro-max-skill, react-icons