Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
bf530d39d3 | ||
|
|
71e8df6354 | ||
|
|
cafd2a838b | ||
|
|
e16f368502 | ||
|
|
d38509a03d | ||
|
|
6550e22874 | ||
|
|
22193420c7 | ||
|
|
70827d4571 | ||
|
|
7d980f6cc1 | ||
|
|
67131489c8 | ||
|
|
ebf03a5434 | ||
|
|
8fda42c719 | ||
|
|
b17627b82d | ||
|
|
84ec1620a8 |
@@ -2,16 +2,16 @@
|
||||
|
||||
This package include the following lucide implementations:
|
||||
|
||||
- All svg files
|
||||
- Javascript library containing strings of svgs.
|
||||
- All SVG files
|
||||
- SVG sprite
|
||||
- Icon fonts
|
||||
- Svg sprite
|
||||
- JavaScript library containing strings of SVGs.
|
||||
|
||||
## Why lucide-static?
|
||||
|
||||
This package is suitable for very specific use cases for example if you want to use icon fonts, svg sprites, normal svgs or Common.js Svg strings in your javascript project.
|
||||
This package is suitable for specific use cases, for example if you want to use icon fonts, SVG sprites, normal SVGs or Common.js SVG strings in your javascript project.
|
||||
|
||||
> ⚠️ It is not recommended to use this package for svg sprites or icon fonts for web pages/applications, for prototyping it is ok. We recommend to bundlers for web applications to make sure you only bundle the used icons from this icon library (Treeshaking). Otherwise it will load all the icons, making you webpage loading slower. Threeshaking is only available in the packages: [lucide](lucide), [lucide-react](lucide-react), [lucide-vue](lucide-vue), [lucide-vue-next](lucide-vue-next), [lucide-angular](lucide-angular), [lucide-preact](lucide-preact)
|
||||
> ⚠️ While they can be useful for prototyping, it is not recommended to use the SVG sprites or icon fonts provided by this package in production web apps as all the available icons are included in the app, hence increasing loading time and data usage. We recommend to use a bundler and treeshaking to make sure only the icons you use are bundled with your app. Threeshaking is only available in these packages: [lucide](lucide), [lucide-react](lucide-react), [lucide-vue](lucide-vue), [lucide-vue-next](lucide-vue-next), [lucide-angular](lucide-angular), [lucide-preact](lucide-preact)
|
||||
|
||||
## Installation
|
||||
|
||||
@@ -30,10 +30,10 @@ npm install lucide-static
|
||||
### CDN
|
||||
|
||||
```html
|
||||
<!-- Svg File -->
|
||||
<!-- SVG file for a single icon -->
|
||||
<img src="https://unpkg.com/lucide-static@latest/icons/home.svg" />
|
||||
|
||||
<!-- Icon Font -->
|
||||
<!-- Icon font -->
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'LucideIcons';
|
||||
@@ -44,16 +44,16 @@ npm install lucide-static
|
||||
|
||||
## Usage
|
||||
|
||||
Checkout the [codesandbox examples](https://codesandbox.io/s/using-the-svg-sprite-lz1kk).
|
||||
Check out the [codesandbox examples](https://codesandbox.io/s/using-the-svg-sprite-lz1kk).
|
||||
|
||||
### SVG Files
|
||||
|
||||
#### Svg file as image
|
||||
#### SVG file as image
|
||||
|
||||
To use it in for example html:
|
||||
|
||||
```html
|
||||
<!-- Svg File -->
|
||||
<!-- SVG file for a single icon -->
|
||||
<img src="~lucide-static/icons/home.svg" />
|
||||
```
|
||||
|
||||
@@ -65,15 +65,15 @@ To use it in for example html:
|
||||
|
||||
Make sure you have the correct webpack loaders to make this work. [url-loader](https://v4.webpack.js.org/loaders/url-loader/)
|
||||
|
||||
#### Svg file Inline
|
||||
#### SVG file as string
|
||||
|
||||
You can simply import each svg by targeting `lucide-static/icons/{icon-name}.svg`.
|
||||
To use svgs in your project you can for example use a [svg loader](https://v4.webpack.js.org/loaders/svg-inline-loader/).
|
||||
You can simply import each SVG by targeting `lucide-static/icons/{icon-name}.svg`.
|
||||
To use SVGs in your project you can for example use a [SVG loader](https://v4.webpack.js.org/loaders/svg-inline-loader/).
|
||||
|
||||
```js
|
||||
import arrowRightIcon from 'lucide-static/icons/arrow-right';
|
||||
|
||||
// return string of a svg
|
||||
// return string of an SVG
|
||||
```
|
||||
|
||||
### SVG Sprite
|
||||
@@ -116,7 +116,7 @@ If you'd prefer, you can use CSS to hold your base SVG properties
|
||||
}
|
||||
```
|
||||
|
||||
and update the svg as follows
|
||||
and update the SVG as follows
|
||||
|
||||
```svg
|
||||
<svg
|
||||
|
||||
11
icons/arrow-big-down-dash.json
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"key",
|
||||
"download"
|
||||
],
|
||||
"categories": [
|
||||
"arrows",
|
||||
"files"
|
||||
]
|
||||
}
|
||||
@@ -9,9 +9,6 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="M11 5h10" />
|
||||
<path d="M11 9h7" />
|
||||
<path d="M11 13h4" />
|
||||
<path d="m3 17 3 3 3-3" />
|
||||
<path d="M6 18V4" />
|
||||
<path d="M15 5H9" />
|
||||
<path d="M15 9v3h4l-7 7-7-7h4V9h6z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 331 B After Width: | Height: | Size: 272 B |
@@ -9,5 +9,5 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="M9 3h6v11h4l-7 7-7-7h4z" />
|
||||
<path d="M15 6v6h4l-7 7-7-7h4V6h6z" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 247 B After Width: | Height: | Size: 249 B |
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"filter"
|
||||
"key",
|
||||
"back"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout"
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
@@ -9,9 +9,6 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="M11 11h4" />
|
||||
<path d="M11 15h7" />
|
||||
<path d="M11 19h10" />
|
||||
<path d="M9 7 6 4 3 7" />
|
||||
<path d="M6 6v14" />
|
||||
<path d="M19 15V9" />
|
||||
<path d="M15 15h-3v4l-7-7 7-7v4h3v6z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 332 B After Width: | Height: | Size: 275 B |
@@ -1,7 +1,8 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"key"
|
||||
"key",
|
||||
"back"
|
||||
],
|
||||
"categories": [
|
||||
"arrows"
|
||||
|
||||
@@ -9,5 +9,5 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="m3 12 7-7v4h11v6H10v4z" />
|
||||
<path d="M18 15h-6v4l-7-7 7-7v4h6v6z" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 246 B After Width: | Height: | Size: 251 B |
10
icons/arrow-big-right-dash.json
Normal file
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"key",
|
||||
"forward"
|
||||
],
|
||||
"categories": [
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
14
icons/arrow-big-right-dash.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="M5 9v6" />
|
||||
<path d="M9 9h3V5l7 7-7 7v-4H9V9z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 270 B |
@@ -9,5 +9,5 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="m21 12-7-7v4H3v6h11v4z" />
|
||||
<path d="M6 9h6V5l7 7-7 7v-4H6V9z" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 246 B After Width: | Height: | Size: 248 B |
16
icons/arrow-big-up-dash.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"keyboard",
|
||||
"key",
|
||||
"forward",
|
||||
"caps lock",
|
||||
"capitals",
|
||||
"mac",
|
||||
"button"
|
||||
],
|
||||
"categories": [
|
||||
"arrows",
|
||||
"development"
|
||||
]
|
||||
}
|
||||
14
icons/arrow-big-up-dash.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="M9 19h6" />
|
||||
<path d="M9 15v-3H5l7-7 7 7h-4v3H9z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 273 B |
@@ -1,10 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"keyboard",
|
||||
"key",
|
||||
"forward"
|
||||
"forward",
|
||||
"shift",
|
||||
"mac",
|
||||
"button"
|
||||
],
|
||||
"categories": [
|
||||
"arrows"
|
||||
"arrows",
|
||||
"development"
|
||||
]
|
||||
}
|
||||
@@ -9,5 +9,5 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="M9 21V10H5l7-7 7 7h-4v11z" />
|
||||
<path d="M9 18v-6H5l7-7 7 7h-4v6H9z" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 249 B After Width: | Height: | Size: 250 B |
15
icons/arrow-down-0-1.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"ascending",
|
||||
"numerical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-down-0-1.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 16 4 4 4-4" />
|
||||
<path d="M7 20V4" />
|
||||
<rect x="15" y="4" width="4" height="6" ry="2" />
|
||||
<path d="M17 20v-6h-2" />
|
||||
<path d="M15 20h4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 364 B |
15
icons/arrow-down-1-0.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"descending",
|
||||
"numerical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-down-1-0.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 16 4 4 4-4" />
|
||||
<path d="M7 20V4" />
|
||||
<path d="M17 10V4h-2" />
|
||||
<path d="M15 10h4" />
|
||||
<rect x="15" y="14" width="4" height="6" ry="2" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 364 B |
15
icons/arrow-down-a-z.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"ascending",
|
||||
"alphabetical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-down-a-z.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 16 4 4 4-4" />
|
||||
<path d="M7 20V4" />
|
||||
<path d="M20 8h-5" />
|
||||
<path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10" />
|
||||
<path d="M15 14h5l-5 6h5" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 362 B |
14
icons/arrow-down-narrow-wide.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"ascending"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-down-narrow-wide.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 16 4 4 4-4" />
|
||||
<path d="M7 20V4" />
|
||||
<path d="M11 4h4" />
|
||||
<path d="M11 8h7" />
|
||||
<path d="M11 12h10" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 331 B |
18
icons/arrow-down-up.json
Normal file
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"bidirectional",
|
||||
"direction",
|
||||
"swap",
|
||||
"switch",
|
||||
"network",
|
||||
"mobile data",
|
||||
"internet",
|
||||
"sort",
|
||||
"reorder",
|
||||
"move"
|
||||
],
|
||||
"categories": [
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
16
icons/arrow-down-up.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 16 4 4 4-4" />
|
||||
<path d="M7 20V4" />
|
||||
<path d="m21 8-4-4-4 4" />
|
||||
<path d="M17 4v16" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 313 B |
17
icons/arrow-down-wide-narrow.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"descending"
|
||||
],
|
||||
"aliases": [
|
||||
"sort-desc"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-down-wide-narrow.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 16 4 4 4-4" />
|
||||
<path d="M7 20V4" />
|
||||
<path d="M11 4h10" />
|
||||
<path d="M11 8h7" />
|
||||
<path d="M11 12h4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 331 B |
15
icons/arrow-down-z-a.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"descending",
|
||||
"alphabetical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-down-z-a.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 16 4 4 4-4" />
|
||||
<path d="M7 4v16" />
|
||||
<path d="M15 4h5l-5 6h5" />
|
||||
<path d="M15 20v-3.5a2.5 2.5 0 0 1 5 0V20" />
|
||||
<path d="M20 18h-5" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 363 B |
@@ -9,8 +9,8 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<polyline points="17 11 21 7 17 3" />
|
||||
<line x1="21" x2="9" y1="7" y2="7" />
|
||||
<polyline points="7 21 3 17 7 13" />
|
||||
<line x1="15" x2="3" y1="17" y2="17" />
|
||||
<path d="M8 3 4 7l4 4" />
|
||||
<path d="M4 7h16" />
|
||||
<path d="m16 21 4-4-4-4" />
|
||||
<path d="M20 17H4" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 369 B After Width: | Height: | Size: 313 B |
15
icons/arrow-right-left.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"bidirectional",
|
||||
"direction",
|
||||
"swap",
|
||||
"switch",
|
||||
"transaction",
|
||||
"reorder",
|
||||
"move"
|
||||
],
|
||||
"categories": [
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
16
icons/arrow-right-left.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m16 3 4 4-4 4" />
|
||||
<path d="M20 7H4" />
|
||||
<path d="m8 21-4-4 4-4" />
|
||||
<path d="M4 17h16" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 313 B |
15
icons/arrow-up-0-1.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"ascending",
|
||||
"numerical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-up-0-1.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 8 4-4 4 4" />
|
||||
<path d="M7 4v16" />
|
||||
<rect x="15" y="4" width="4" height="6" ry="2" />
|
||||
<path d="M17 20v-6h-2" />
|
||||
<path d="M15 20h4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 363 B |
15
icons/arrow-up-1-0.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"descending",
|
||||
"numerical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-up-1-0.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 8 4-4 4 4" />
|
||||
<path d="M7 4v16" />
|
||||
<path d="M17 10V4h-2" />
|
||||
<path d="M15 10h4" />
|
||||
<rect x="15" y="14" width="4" height="6" ry="2" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 363 B |
15
icons/arrow-up-a-z.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"ascending",
|
||||
"alphabetical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-up-a-z.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 8 4-4 4 4" />
|
||||
<path d="M7 4v16" />
|
||||
<path d="M20 8h-5" />
|
||||
<path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10" />
|
||||
<path d="M15 14h5l-5 6h5" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 361 B |
@@ -8,10 +8,11 @@
|
||||
"network",
|
||||
"mobile data",
|
||||
"internet",
|
||||
"sort",
|
||||
"reorder",
|
||||
"move"
|
||||
],
|
||||
"categories": [
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<polyline points="11 17 7 21 3 17" />
|
||||
<line x1="7" x2="7" y1="21" y2="9" />
|
||||
<polyline points="21 7 17 3 13 7" />
|
||||
<line x1="17" x2="17" y1="15" y2="3" />
|
||||
<path d="m21 16-4 4-4-4" />
|
||||
<path d="M17 20V4" />
|
||||
<path d="m3 8 4-4 4 4" />
|
||||
<path d="M7 4v16" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 369 B After Width: | Height: | Size: 313 B |
17
icons/arrow-up-narrow-wide.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"ascending"
|
||||
],
|
||||
"aliases": [
|
||||
"sort-asc"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-up-narrow-wide.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 8 4-4 4 4" />
|
||||
<path d="M7 4v16" />
|
||||
<path d="M11 12h4" />
|
||||
<path d="M11 16h7" />
|
||||
<path d="M11 20h10" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 332 B |
14
icons/arrow-up-wide-narrow.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"descending"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-up-wide-narrow.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 8 4-4 4 4" />
|
||||
<path d="M7 4v16" />
|
||||
<path d="M11 12h10" />
|
||||
<path d="M11 16h7" />
|
||||
<path d="M11 20h4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 332 B |
15
icons/arrow-up-z-a.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"filter",
|
||||
"sort",
|
||||
"descending",
|
||||
"alphabetical"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout",
|
||||
"arrows"
|
||||
]
|
||||
}
|
||||
17
icons/arrow-up-z-a.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m3 8 4-4 4 4" />
|
||||
<path d="M7 4v16" />
|
||||
<path d="M15 4h5l-5 6h5" />
|
||||
<path d="M15 20v-3.5a2.5 2.5 0 0 1 5 0V20" />
|
||||
<path d="M20 18h-5" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 362 B |
@@ -6,7 +6,9 @@
|
||||
"stop",
|
||||
"forbidden",
|
||||
"prohibited",
|
||||
"error"
|
||||
"error",
|
||||
"circle",
|
||||
"slash"
|
||||
],
|
||||
"categories": [
|
||||
"account"
|
||||
|
||||
@@ -1,7 +1,14 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow"
|
||||
"arrow",
|
||||
"caret",
|
||||
"keyboard",
|
||||
"key",
|
||||
"mac",
|
||||
"control",
|
||||
"ctrl",
|
||||
"button"
|
||||
],
|
||||
"categories": [
|
||||
"arrows"
|
||||
|
||||
@@ -2,9 +2,10 @@
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"keyboard",
|
||||
"key",
|
||||
"mac",
|
||||
"cmd",
|
||||
"terminal",
|
||||
"prompt"
|
||||
"button"
|
||||
],
|
||||
"categories": [
|
||||
"development"
|
||||
|
||||
11
icons/iteration-ccw.json
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"right"
|
||||
],
|
||||
"categories": [
|
||||
"arrows",
|
||||
"design"
|
||||
]
|
||||
}
|
||||
14
icons/iteration-ccw.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="M20 10c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8h8" />
|
||||
<polyline points="16 14 20 18 16 22" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 311 B |
11
icons/iteration-cw.json
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrow",
|
||||
"left"
|
||||
],
|
||||
"categories": [
|
||||
"arrows",
|
||||
"design"
|
||||
]
|
||||
}
|
||||
14
icons/iteration-cw.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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 10c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8H4" />
|
||||
<polyline points="8 22 4 18 8 14" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 306 B |
14
icons/monitor-down.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"tv",
|
||||
"screen",
|
||||
"display",
|
||||
"desktop",
|
||||
"download"
|
||||
],
|
||||
"categories": [
|
||||
"connectivity",
|
||||
"devices"
|
||||
]
|
||||
}
|
||||
17
icons/monitor-down.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect width="20" height="14" x="2" y="3" rx="2" ry="2" />
|
||||
<line x1="8" x2="16" y1="21" y2="21" />
|
||||
<line x1="12" x2="12" y1="17" y2="21" />
|
||||
<path d="M12 13V7" />
|
||||
<path d="m15 10-3 3-3-3" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 407 B |
16
icons/monitor-up.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"tv",
|
||||
"screen",
|
||||
"display",
|
||||
"upload",
|
||||
"connect",
|
||||
"remote",
|
||||
"screen share"
|
||||
],
|
||||
"categories": [
|
||||
"connectivity",
|
||||
"devices"
|
||||
]
|
||||
}
|
||||
17
icons/monitor-up.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect width="20" height="14" x="2" y="3" rx="2" ry="2" />
|
||||
<line x1="8" x2="16" y1="21" y2="21" />
|
||||
<line x1="12" x2="12" y1="17" y2="21" />
|
||||
<path d="M12 13V7" />
|
||||
<path d="m9 10 3-3 3 3" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 406 B |
12
icons/moon-star.json
Normal file
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"dark",
|
||||
"night",
|
||||
"star"
|
||||
],
|
||||
"categories": [
|
||||
"accessibility",
|
||||
"weather"
|
||||
]
|
||||
}
|
||||
15
icons/moon-star.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="M12 3a6.364 6.364 0 0 0 9 9 9 9 0 1 1-9-9Z" />
|
||||
<path d="M19 3v4" />
|
||||
<path d="M21 5h-4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 313 B |
@@ -1,8 +1,10 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"keyboard",
|
||||
"key",
|
||||
"mac",
|
||||
"alt",
|
||||
"button"
|
||||
],
|
||||
"categories": [
|
||||
|
||||
16
icons/repeat-2.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"arrows",
|
||||
"retweet",
|
||||
"repost",
|
||||
"share",
|
||||
"repeat",
|
||||
"loop"
|
||||
],
|
||||
"categories": [
|
||||
"arrows",
|
||||
"social",
|
||||
"multimedia"
|
||||
]
|
||||
}
|
||||
16
icons/repeat-2.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m2 9 3-3 3 3" />
|
||||
<path d="M13 18H7a2 2 0 0 1-2-2V6" />
|
||||
<path d="m22 15-3 3-3-3" />
|
||||
<path d="M11 6h6a2 2 0 0 1 2 2v10" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 346 B |
@@ -1,10 +1,11 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"filter"
|
||||
"floppy disks",
|
||||
"copy"
|
||||
],
|
||||
"categories": [
|
||||
"text",
|
||||
"layout"
|
||||
"files"
|
||||
]
|
||||
}
|
||||
16
icons/save-all.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="M6 4a2 2 0 0 1 2-2h10l4 4v10.2a2 2 0 0 1-2 1.8H8a2 2 0 0 1-2-2Z" />
|
||||
<path d="M10 2v4h6" />
|
||||
<path d="M18 18v-7h-8v7" />
|
||||
<path d="M18 22H4a2 2 0 0 1-2-2V6" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 382 B |
@@ -4,6 +4,7 @@
|
||||
"floppy disk"
|
||||
],
|
||||
"categories": [
|
||||
"text"
|
||||
"text",
|
||||
"files"
|
||||
]
|
||||
}
|
||||
11
icons/shield-question.json
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"security",
|
||||
"secure",
|
||||
"insecure"
|
||||
],
|
||||
"categories": [
|
||||
"security"
|
||||
]
|
||||
}
|
||||
15
icons/shield-question.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="M12 17h.01" />
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" />
|
||||
<path d="M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 343 B |
17
icons/stars.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"effect",
|
||||
"filter",
|
||||
"night",
|
||||
"sparkles",
|
||||
"magic"
|
||||
],
|
||||
"categories": [
|
||||
"shapes",
|
||||
"cursors",
|
||||
"multimedia",
|
||||
"gaming",
|
||||
"weather"
|
||||
]
|
||||
}
|
||||
17
icons/stars.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/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="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" />
|
||||
<path d="M5 3v4" />
|
||||
<path d="M19 17v4" />
|
||||
<path d="M3 5h4" />
|
||||
<path d="M17 19h4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 481 B |
16
icons/workflow.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"tags": [
|
||||
"action",
|
||||
"continuous integration",
|
||||
"ci",
|
||||
"automation",
|
||||
"devops",
|
||||
"network",
|
||||
"node",
|
||||
"connection"
|
||||
],
|
||||
"categories": [
|
||||
"development"
|
||||
]
|
||||
}
|
||||
15
icons/workflow.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect width="8" height="8" x="3" y="3" rx="2" />
|
||||
<path d="M7 11v4a2 2 0 0 0 2 2h4" />
|
||||
<rect width="8" height="8" x="13" y="13" rx="2" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 351 B |
@@ -11,6 +11,7 @@ interface TypedChange<T> extends SimpleChange {
|
||||
|
||||
type LucideAngularComponentChanges = {
|
||||
name?: TypedChange<string|LucideIconData>;
|
||||
img?: TypedChange<LucideIconData|undefined>;
|
||||
color?: TypedChange<string>;
|
||||
size?: TypedChange<number>;
|
||||
strokeWidth?: TypedChange<number>;
|
||||
@@ -30,7 +31,7 @@ export class LucideAngularComponent implements OnChanges {
|
||||
@Input() name?: string|LucideIconData;
|
||||
@Input() set img(img: LucideIconData) {
|
||||
this.name = img;
|
||||
}
|
||||
};
|
||||
@Input() color?: string;
|
||||
_size?: number;
|
||||
get size(): number {
|
||||
@@ -70,8 +71,8 @@ export class LucideAngularComponent implements OnChanges {
|
||||
this.strokeWidth ?? this.iconConfig.strokeWidth
|
||||
);
|
||||
this.absoluteStrokeWidth = this.absoluteStrokeWidth ?? false;
|
||||
if (changes.name) {
|
||||
const name = changes.name.currentValue;
|
||||
if (changes.name || changes.img) {
|
||||
const name = changes.img?.currentValue ?? changes.name?.currentValue;
|
||||
if (typeof name === 'string') {
|
||||
const icoOfName = this.getIcon(this.toPascalCase(name));
|
||||
if (icoOfName) {
|
||||
@@ -79,8 +80,10 @@ export class LucideAngularComponent implements OnChanges {
|
||||
} else {
|
||||
throw new Error(`The "${name}" icon has not been provided by any available icon providers.`);
|
||||
}
|
||||
} else {
|
||||
} else if (typeof name === 'object') {
|
||||
this.replaceElement(name);
|
||||
} else {
|
||||
throw new Error(`No icon name or image has been provided.`);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,5 +3,6 @@ import * as icons from './icons/lucide-icons';
|
||||
export * from './lib/lucide-angular.component';
|
||||
export * from './lib/lucide-angular.module';
|
||||
export * from './lib/lucide-icon.config';
|
||||
export * from './lib/lucide-icon.provider';
|
||||
export * from './icons/lucide-icons';
|
||||
export { icons };
|
||||
|
||||