Compare commits

...

5 Commits

Author SHA1 Message Date
Eric Fennis
b875ee1a52 Add override alias import entry files lucide-react 2024-01-27 22:47:17 +01:00
Daniel Bayley
3302870983 Refine helping-hand/add hand-* icons (#1328)
* Refine `helping-hand` icon

* Add `hand-platter` icon

* Add `hand-coins` (savings) icon

* Add `hand-heart` icon

* Fix/optimise `helping-hand` icon

* Fix/optimise `hand-coins` icon

* Fix/optimise `hand-heart` icon

* Rename `helping-hand` to `hand-helping`

* Fix/optimise `hand-platter` icon

* Add `thumbs-up-down` icon

* Improve `thumbs-up`/`down` icons metadata

* Improve metadata

* Delete thumbs-up-down icons

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2024-01-26 10:10:19 +01:00
Karsa
0f25ee86a0 Fix fills in smaller dots (#1436)
* Fixes palette

* Fixing fill on circles

* Fixing fills

* Revert tractor fill

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2024-01-26 09:58:05 +01:00
Jakob Guddas
28686b5bd5 feat: added webhook-off icon (#1566)
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2024-01-25 08:54:18 +01:00
Eric Fennis
8cc143915c Update JSdoc lucide svelte (#1826) 2024-01-25 08:23:34 +01:00
22 changed files with 227 additions and 21 deletions

View File

@@ -0,0 +1,25 @@
# Aliased Names
Icons can have multiple names for the same icon. This is because we choose to rename some icons to make them more consistent with the rest of the icon set, or the name was not generic. For example, the `edit-2` icon is renamed to `pen` to make the name more generic, since it is just a pen icon.
Beside aliases names lucide also includes prefixed and suffixed names to use within your project. This is to prevent import name collisions with other libraries or your own code.
```tsx
// These are all the same icon
import {
Home,
HomeIcon,
LucideHome,
} from "lucide-react";
```
## Choosing import name style
```ts
declare module "lucide-react" {
export * from "lucide-react/dist/lucide-react.prefixed";
}
```

View File

@@ -11,7 +11,7 @@
>
<path d="m20 7 1.7-1.7a1 1 0 0 0 0-1.4l-1.6-1.6a1 1 0 0 0-1.4 0L17 4v3Z" />
<path d="m17 7-5.1 5.1" />
<circle cx="11.5" cy="12.5" r=".5" />
<circle cx="11.5" cy="12.5" r=".5" fill="currentColor" />
<path d="M6 12a2 2 0 0 0 1.8-1.2l.4-.9C8.7 8.8 9.8 8 11 8c2.8 0 5 2.2 5 5 0 1.2-.8 2.3-1.9 2.8l-.9.4A2 2 0 0 0 12 18a4 4 0 0 1-4 4c-3.3 0-6-2.7-6-6a4 4 0 0 1 4-4" />
<path d="m6 16 2 2" />
</svg>

Before

Width:  |  Height:  |  Size: 548 B

After

Width:  |  Height:  |  Size: 568 B

27
icons/hand-coins.json Normal file
View File

@@ -0,0 +1,27 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"danielbayley",
"kayleyhill"
],
"tags": [
"savings",
"banking",
"money",
"finance",
"offers",
"mortgage",
"payment",
"received",
"wage",
"payroll",
"allowance",
"pocket money",
"handout",
"pennies"
],
"categories": [
"money",
"account"
]
}

17
icons/hand-coins.svg Normal file
View 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="M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17" />
<path d="m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9" />
<path d="m2 16 6 6" />
<circle cx="16" cy="9" r="2.9" />
<circle cx="6" cy="5" r="3" />
</svg>

After

Width:  |  Height:  |  Size: 473 B

15
icons/hand-heart.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"danielbayley",
"kayleyhill"
],
"tags": [
"love",
"like",
"emotion"
],
"categories": [
"social"
]
}

16
icons/hand-heart.svg Normal file
View 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="M11 14h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16" />
<path d="m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9" />
<path d="m2 15 6 6" />
<path d="M19.5 8.5c.7-.7 1.5-1.6 1.5-2.7A2.73 2.73 0 0 0 16 4a2.78 2.78 0 0 0-5 1.8c0 1.2.8 2 1.5 2.8L16 12Z" />
</svg>

After

Width:  |  Height:  |  Size: 519 B

View File

@@ -2,7 +2,8 @@
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere",
"jguddas"
"jguddas",
"danielbayley"
],
"tags": [
"agreement",
@@ -14,5 +15,8 @@
],
"categories": [
"emoji"
],
"aliases": [
"helping-hand"
]
}

View File

@@ -9,6 +9,7 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 15 5.12-5.12A3 3 0 0 1 10.24 9H13a2 2 0 1 1 0 4h-2.5m4-.68 4.17-4.89a1.88 1.88 0 0 1 2.92 2.36l-4.2 5.94A3 3 0 0 1 14.96 17H9.83a2 2 0 0 0-1.42.59L7 19" />
<path d="m2 14 6 6" />
<path d="M11 12h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 14" />
<path d="m7 18 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9" />
<path d="m2 13 6 6" />
</svg>

Before

Width:  |  Height:  |  Size: 403 B

After

Width:  |  Height:  |  Size: 404 B

22
icons/hand-platter.json Normal file
View File

@@ -0,0 +1,22 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"danielbayley"
],
"tags": [
"waiter",
"waitress",
"restaurant",
"table service",
"served",
"dinner",
"dining",
"meal",
"course",
"luxury"
],
"categories": [
"food-beverage",
"people"
]
}

18
icons/hand-platter.svg Normal file
View File

@@ -0,0 +1,18 @@
<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 3V2" />
<path d="M5 10a7.1 7.1 0 0 1 14 0" />
<path d="M4 10h16" />
<path d="M2 14h12a2 2 0 1 1 0 4h-2" />
<path d="m15.4 17.4 3.2-2.8a2 2 0 0 1 2.8 2.9l-3.6 3.3c-.7.8-1.7 1.2-2.8 1.2h-4c-1.1 0-2.1-.4-2.8-1.2L5 18" />
<path d="M5 14v7H2" />
</svg>

After

Width:  |  Height:  |  Size: 474 B

View File

@@ -10,5 +10,5 @@
stroke-linejoin="round"
>
<path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z" />
<circle cx="16.5" cy="7.5" r=".5" />
<circle cx="16.5" cy="7.5" r=".5" fill="currentColor" />
</svg>

Before

Width:  |  Height:  |  Size: 322 B

After

Width:  |  Height:  |  Size: 342 B

View File

@@ -9,9 +9,9 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="13.5" cy="6.5" r=".5" />
<circle cx="17.5" cy="10.5" r=".5" />
<circle cx="8.5" cy="7.5" r=".5" />
<circle cx="6.5" cy="12.5" r=".5" />
<circle cx="13.5" cy="6.5" r=".5" fill="currentColor" />
<circle cx="17.5" cy="10.5" r=".5" fill="currentColor" />
<circle cx="8.5" cy="7.5" r=".5" fill="currentColor" />
<circle cx="6.5" cy="12.5" r=".5" fill="currentColor" />
<path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" />
</svg>

Before

Width:  |  Height:  |  Size: 596 B

After

Width:  |  Height:  |  Size: 676 B

View File

@@ -9,10 +9,10 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="7.5" cy="7.5" r=".5" />
<circle cx="18.5" cy="5.5" r=".5" />
<circle cx="11.5" cy="11.5" r=".5" />
<circle cx="7.5" cy="16.5" r=".5" />
<circle cx="17.5" cy="14.5" r=".5" />
<circle cx="7.5" cy="7.5" r=".5" fill="currentColor" />
<circle cx="18.5" cy="5.5" r=".5" fill="currentColor" />
<circle cx="11.5" cy="11.5" r=".5" fill="currentColor" />
<circle cx="7.5" cy="16.5" r=".5" fill="currentColor" />
<circle cx="17.5" cy="14.5" r=".5" fill="currentColor" />
<path d="M3 3v18h18" />
</svg>

Before

Width:  |  Height:  |  Size: 430 B

After

Width:  |  Height:  |  Size: 530 B

View File

@@ -13,6 +13,7 @@
],
"categories": [
"account",
"social"
"social",
"emoji"
]
}

View File

@@ -13,6 +13,7 @@
],
"categories": [
"account",
"social"
"social",
"emoji"
]
}

View File

@@ -10,13 +10,13 @@
stroke-linejoin="round"
>
<rect width="18" height="18" x="3" y="3" rx="2" />
<circle cx="7.5" cy="7.5" r=".5" />
<circle cx="7.5" cy="7.5" r=".5" fill="currentColor" />
<path d="m7.9 7.9 2.7 2.7" />
<circle cx="16.5" cy="7.5" r=".5" />
<circle cx="16.5" cy="7.5" r=".5" fill="currentColor" />
<path d="m13.4 10.6 2.7-2.7" />
<circle cx="7.5" cy="16.5" r=".5" />
<circle cx="7.5" cy="16.5" r=".5" fill="currentColor" />
<path d="m7.9 16.1 2.7-2.7" />
<circle cx="16.5" cy="16.5" r=".5" />
<circle cx="16.5" cy="16.5" r=".5" fill="currentColor" />
<path d="m13.4 13.4 2.7 2.7" />
<circle cx="12" cy="12" r="2" />
</svg>

Before

Width:  |  Height:  |  Size: 585 B

After

Width:  |  Height:  |  Size: 665 B

17
icons/webhook-off.json Normal file
View File

@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere",
"jguddas"
],
"tags": [
"push api",
"interface",
"callback"
],
"categories": [
"development",
"social",
"account"
]
}

19
icons/webhook-off.svg Normal file
View File

@@ -0,0 +1,19 @@
<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="M17 17h-5c-1.09-.02-1.94.92-2.5 1.9A3 3 0 1 1 2.57 15" />
<path d="M9 3.4a4 4 0 0 1 6.52.66" />
<path d="m6 17 3.1-5.8a2.5 2.5 0 0 0 .057-2.05" />
<path d="M20.3 20.3a4 4 0 0 1-2.3.7" />
<path d="M18.6 13a4 4 0 0 1 3.357 3.414" />
<path d="m12 6 .6 1" />
<path d="m2 2 20 20" />
</svg>

After

Width:  |  Height:  |  Size: 510 B

View File

@@ -98,5 +98,12 @@ export default [
}],
plugins: [dts()],
},
{
input: 'src/lucide-react.prefixed.ts',
output: [{
file: `dist/lucide-react.prefixed.d.ts`, format: "es"
}],
plugins: [dts()],
},
...configs
];

View File

@@ -0,0 +1,8 @@
export * as icons from './icons';
export * from './aliases';
export {
default as createLucideIcon,
type IconNode,
type LucideProps,
type LucideIcon,
} from './createLucideIcon';

View File

@@ -0,0 +1,8 @@
export * as icons from './icons';
export * from './aliases';
export {
default as createLucideIcon,
type IconNode,
type LucideProps,
type LucideIcon,
} from './createLucideIcon';

View File

@@ -22,7 +22,7 @@ const iconNode: IconNode = ${JSON.stringify(children)};
* @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {FunctionalComponent} Vue component
* @returns {FunctionalComponent} Svelte component
* ${deprecated ? '@deprecated' : ''}
*/
</script>