Library. Lucide React

🧱 Суть

lucide-react – библиотека SVG-иконок для React.

📦 Проблема

1. Нужно быстро добавить иконки

Без готовых библиотек приходится самостоятельно писать SVG.

✅ Решение

Установить библиотеку и подключить согласно документации.

💻 Код

Установка:

npm install lucide-react

Импорт иконок:

import { Camera, User } from 'lucide-react';
 
export function App() {
	return (
		<div>
			<Camera />
			<User size={32} />
		</div>
	);
}

Иконки представляют собой React-компоненты.

🎯 Вывод

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

🔗 Связано

• Library. Tailwind
• React. ReactNode vs ReactElement
• TSX. Сортировка JSX-атрибутов