Compare commits
5 Commits
lucide-vue
...
over-ride-
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b875ee1a52 | ||
|
|
3302870983 | ||
|
|
0f25ee86a0 | ||
|
|
28686b5bd5 | ||
|
|
8cc143915c |
25
docs/guide/advanced/aliased-names.md
Normal 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";
|
||||||
|
}
|
||||||
|
```
|
||||||
@@ -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="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" />
|
<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 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" />
|
<path d="m6 16 2 2" />
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 548 B After Width: | Height: | Size: 568 B |
27
icons/hand-coins.json
Normal 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
@@ -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
@@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"$schema": "../icon.schema.json",
|
||||||
|
"contributors": [
|
||||||
|
"danielbayley",
|
||||||
|
"kayleyhill"
|
||||||
|
],
|
||||||
|
"tags": [
|
||||||
|
"love",
|
||||||
|
"like",
|
||||||
|
"emotion"
|
||||||
|
],
|
||||||
|
"categories": [
|
||||||
|
"social"
|
||||||
|
]
|
||||||
|
}
|
||||||
16
icons/hand-heart.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="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 |
@@ -2,7 +2,8 @@
|
|||||||
"$schema": "../icon.schema.json",
|
"$schema": "../icon.schema.json",
|
||||||
"contributors": [
|
"contributors": [
|
||||||
"karsa-mistmere",
|
"karsa-mistmere",
|
||||||
"jguddas"
|
"jguddas",
|
||||||
|
"danielbayley"
|
||||||
],
|
],
|
||||||
"tags": [
|
"tags": [
|
||||||
"agreement",
|
"agreement",
|
||||||
@@ -14,5 +15,8 @@
|
|||||||
],
|
],
|
||||||
"categories": [
|
"categories": [
|
||||||
"emoji"
|
"emoji"
|
||||||
|
],
|
||||||
|
"aliases": [
|
||||||
|
"helping-hand"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@@ -9,6 +9,7 @@
|
|||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
stroke-linejoin="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="M11 12h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 14" />
|
||||||
<path d="m2 14 6 6" />
|
<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>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 403 B After Width: | Height: | Size: 404 B |
22
icons/hand-platter.json
Normal 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
@@ -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 |
@@ -10,5 +10,5 @@
|
|||||||
stroke-linejoin="round"
|
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" />
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 322 B After Width: | Height: | Size: 342 B |
@@ -9,9 +9,9 @@
|
|||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
stroke-linejoin="round"
|
stroke-linejoin="round"
|
||||||
>
|
>
|
||||||
<circle cx="13.5" cy="6.5" r=".5" />
|
<circle cx="13.5" cy="6.5" r=".5" fill="currentColor" />
|
||||||
<circle cx="17.5" cy="10.5" r=".5" />
|
<circle cx="17.5" cy="10.5" r=".5" fill="currentColor" />
|
||||||
<circle cx="8.5" cy="7.5" r=".5" />
|
<circle cx="8.5" cy="7.5" r=".5" fill="currentColor" />
|
||||||
<circle cx="6.5" cy="12.5" r=".5" />
|
<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" />
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 596 B After Width: | Height: | Size: 676 B |
@@ -9,10 +9,10 @@
|
|||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
stroke-linejoin="round"
|
stroke-linejoin="round"
|
||||||
>
|
>
|
||||||
<circle cx="7.5" cy="7.5" r=".5" />
|
<circle cx="7.5" cy="7.5" r=".5" fill="currentColor" />
|
||||||
<circle cx="18.5" cy="5.5" r=".5" />
|
<circle cx="18.5" cy="5.5" r=".5" fill="currentColor" />
|
||||||
<circle cx="11.5" cy="11.5" r=".5" />
|
<circle cx="11.5" cy="11.5" r=".5" fill="currentColor" />
|
||||||
<circle cx="7.5" cy="16.5" r=".5" />
|
<circle cx="7.5" cy="16.5" r=".5" fill="currentColor" />
|
||||||
<circle cx="17.5" cy="14.5" r=".5" />
|
<circle cx="17.5" cy="14.5" r=".5" fill="currentColor" />
|
||||||
<path d="M3 3v18h18" />
|
<path d="M3 3v18h18" />
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 430 B After Width: | Height: | Size: 530 B |
@@ -13,6 +13,7 @@
|
|||||||
],
|
],
|
||||||
"categories": [
|
"categories": [
|
||||||
"account",
|
"account",
|
||||||
"social"
|
"social",
|
||||||
|
"emoji"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@@ -13,6 +13,7 @@
|
|||||||
],
|
],
|
||||||
"categories": [
|
"categories": [
|
||||||
"account",
|
"account",
|
||||||
"social"
|
"social",
|
||||||
|
"emoji"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@@ -10,13 +10,13 @@
|
|||||||
stroke-linejoin="round"
|
stroke-linejoin="round"
|
||||||
>
|
>
|
||||||
<rect width="18" height="18" x="3" y="3" rx="2" />
|
<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" />
|
<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" />
|
<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" />
|
<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" />
|
<path d="m13.4 13.4 2.7 2.7" />
|
||||||
<circle cx="12" cy="12" r="2" />
|
<circle cx="12" cy="12" r="2" />
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 585 B After Width: | Height: | Size: 665 B |
17
icons/webhook-off.json
Normal 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
@@ -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 |
@@ -98,5 +98,12 @@ export default [
|
|||||||
}],
|
}],
|
||||||
plugins: [dts()],
|
plugins: [dts()],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
input: 'src/lucide-react.prefixed.ts',
|
||||||
|
output: [{
|
||||||
|
file: `dist/lucide-react.prefixed.d.ts`, format: "es"
|
||||||
|
}],
|
||||||
|
plugins: [dts()],
|
||||||
|
},
|
||||||
...configs
|
...configs
|
||||||
];
|
];
|
||||||
|
|||||||
8
packages/lucide-react/src/lucide-react.prefixed.ts
Normal 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';
|
||||||
8
packages/lucide-react/src/lucide-react.suffixed.ts
Normal 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';
|
||||||
@@ -22,7 +22,7 @@ const iconNode: IconNode = ${JSON.stringify(children)};
|
|||||||
* @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
|
* @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
|
||||||
*
|
*
|
||||||
* @param {Object} props - Lucide icons props and any valid SVG attribute
|
* @param {Object} props - Lucide icons props and any valid SVG attribute
|
||||||
* @returns {FunctionalComponent} Vue component
|
* @returns {FunctionalComponent} Svelte component
|
||||||
* ${deprecated ? '@deprecated' : ''}
|
* ${deprecated ? '@deprecated' : ''}
|
||||||
*/
|
*/
|
||||||
</script>
|
</script>
|
||||||
|
|||||||