You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons.
20
-
21
-
It began after growing dissatisfaction with the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted.
22
-
23
-
Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers and hope that you'll join us!
24
-
25
-
### Why choose Lucide over Feather Icons
26
-
27
-
- More icons to work with: Lucide already has hundreds of icons more than Feather does.
28
-
- Official libraries and integrations with popular frameworks and design tools.
29
-
- Well maintained code base.
30
-
- Active community, regularly growing and improving the set.
At its core, Lucide is a collection of [SVG](https://svgontheweb.com/#svg) files. This means that you can use Lucide icons in all the same ways you can use SVGs (e.g. `img`, `background-image`, `inline`, `object`, `embed`, `iframe`). Here's a helpful article detailing the many ways SVGs can be used on the web: [SVG on the Web – Implementation Options](https://svgontheweb.com/#implementation)
58
-
59
-
The following are additional ways you can use Lucide.
60
-
With the Javascript library you can easily incorporate the icon you want in your webpage.
61
-
62
-
### Web
63
-
64
-
Implementation of the lucide icon library for web applications.
65
-
66
-
```sh
67
-
npm install lucide
68
-
```
69
-
70
-
or
71
-
72
-
```sh
73
-
yarn add lucide
74
-
```
75
-
76
-
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide#lucide).
77
-
78
-
### React
79
-
80
-
Implementation of the lucide icon library for react applications.
81
-
82
-
```sh
83
-
yarn add lucide-react
84
-
```
85
-
86
-
or
87
-
88
-
```sh
89
-
npm install lucide-react
90
-
```
91
-
92
-
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-react#lucide-react).
93
-
94
-
### React Native
95
-
96
-
Implementation of the lucide icon library for React Native applications.
97
-
98
-
```sh
99
-
yarn add lucide-react-native
100
-
```
101
-
102
-
or
103
-
104
-
```sh
105
-
npm install lucide-react-native
106
-
```
107
-
108
-
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-react-native#lucide-react-native).
109
-
110
-
### Vue 2
111
-
112
-
Implementation of the lucide icon library for vue applications.
113
-
114
-
```sh
115
-
yarn add lucide-vue
116
-
```
117
-
118
-
or
119
-
120
-
```sh
121
-
npm install lucide-vue
122
-
```
123
-
124
-
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-vue#lucide-vue).
125
-
126
-
### Vue 3
127
-
128
-
Implementation of the lucide icon library for vue applications.
129
-
130
-
```sh
131
-
yarn add lucide-vue-next
132
-
```
133
-
134
-
or
135
-
136
-
```sh
137
-
npm install lucide-vue-next
138
-
```
29
+
Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official [packages](https://lucide.dev/packages) to make it easier to use these icons in your project.
139
30
140
-
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-vue-next#lucide-vue-next).
31
+
## Packages
141
32
142
-
### Angular
143
-
144
-
```sh
145
-
yarn add lucide-angular
146
-
```
147
-
148
-
or
149
-
150
-
```sh
151
-
npm install lucide-angular
152
-
```
153
-
154
-
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-angular#lucide-angular).
155
-
156
-
### Preact
157
-
158
-
Implementation of the lucide icon library for preact applications.
159
-
160
-
```sh
161
-
yarn add lucide-preact
162
-
```
163
-
164
-
or
165
-
166
-
```sh
167
-
npm install lucide-preact
168
-
```
169
-
170
-
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-preact#lucide-preact).
For more details, see the [documentation](https://github.com/Siteation/magento2-hyva-icons-lucide/blob/main/README.md).
250
-
251
-
### Eleventy
252
-
253
-
Using this plugin, Eleventy projects can incorporate Lucide icons. it makes it simple to use Lucide icons into your themes via shortcodes, improving your website's overall usability and visual appeal.
0 commit comments