lucide-solid
Version:
A Lucide icon library package for Solid applications
1,253 lines (1,181 loc) • 2.19 MB
JavaScript
/**
* lucide-solid v0.335.0 - ISC
*/
import { spread, mergeProps, memo, insert, createComponent, Dynamic, template } from 'solid-js/web';
import { splitProps, For } from 'solid-js';
const defaultAttributes = {
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'
};
var defaultAttributes$1 = defaultAttributes;
const _tmpl$ = /*#__PURE__*/template(`<svg>`);
/**
* Converts string to KebabCase
* Copied from scripts/helper. If anyone knows how to properly import it here
* then please fix it.
*
* @param {string} string
* @returns {string} A kebabized string
*/
const toKebabCase = string => string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
const Icon = props => {
const [localProps, rest] = splitProps(props, ['color', 'size', 'strokeWidth', 'children', 'class', 'name', 'iconNode', 'absoluteStrokeWidth']);
return (() => {
const _el$ = _tmpl$();
spread(_el$, mergeProps(defaultAttributes$1, {
get width() {
return localProps.size ?? defaultAttributes$1.width;
},
get height() {
return localProps.size ?? defaultAttributes$1.height;
},
get stroke() {
return localProps.color ?? defaultAttributes$1.stroke;
},
get ["stroke-width"]() {
return memo(() => !!localProps.absoluteStrokeWidth)() ? Number(localProps.strokeWidth ?? defaultAttributes$1['stroke-width']) * 24 / Number(localProps.size) : Number(localProps.strokeWidth ?? defaultAttributes$1['stroke-width']);
},
get ["class"]() {
return `lucide lucide-${toKebabCase(localProps?.name ?? 'icon')} ${localProps.class != null ? localProps.class : ''}`;
}
}, rest), true, true);
insert(_el$, createComponent(For, {
get each() {
return localProps.iconNode;
},
children: ([elementName, attrs]) => {
return createComponent(Dynamic, mergeProps({
component: elementName
}, attrs));
}
}));
return _el$;
})();
};
var Icon$1 = Icon;
const iconNode$mi = [['path', {
d: 'M3.5 13h6',
key: 'p1my2r'
}], ['path', {
d: 'm2 16 4.5-9 4.5 9',
key: 'ndf0b3'
}], ['path', {
d: 'M18 7v9',
key: 'pknjwm'
}], ['path', {
d: 'm14 12 4 4 4-4',
key: 'buelq4'
}]];
/**
* @component @name AArrowDown
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/a-arrow-down
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AArrowDown = props => createComponent(Icon$1, mergeProps(props, {
name: "AArrowDown",
iconNode: iconNode$mi
}));
var AArrowDown$1 = AArrowDown;
const iconNode$mh = [['path', {
d: 'M3.5 13h6',
key: 'p1my2r'
}], ['path', {
d: 'm2 16 4.5-9 4.5 9',
key: 'ndf0b3'
}], ['path', {
d: 'M18 16V7',
key: 'ty0viw'
}], ['path', {
d: 'm14 11 4-4 4 4',
key: '1pu57t'
}]];
/**
* @component @name AArrowUp
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/a-arrow-up
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AArrowUp = props => createComponent(Icon$1, mergeProps(props, {
name: "AArrowUp",
iconNode: iconNode$mh
}));
var AArrowUp$1 = AArrowUp;
const iconNode$mg = [['path', {
d: 'M21 14h-5',
key: '1vh23k'
}], ['path', {
d: 'M16 16v-3.5a2.5 2.5 0 0 1 5 0V16',
key: '1wh10o'
}], ['path', {
d: 'M4.5 13h6',
key: 'dfilno'
}], ['path', {
d: 'm3 16 4.5-9 4.5 9',
key: '2dxa0e'
}]];
/**
* @component @name ALargeSmall
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/a-large-small
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const ALargeSmall = props => createComponent(Icon$1, mergeProps(props, {
name: "ALargeSmall",
iconNode: iconNode$mg
}));
var ALargeSmall$1 = ALargeSmall;
const iconNode$mf = [['circle', {
cx: '16',
cy: '4',
r: '1',
key: '1grugj'
}], ['path', {
d: 'm18 19 1-7-6 1',
key: 'r0i19z'
}], ['path', {
d: 'm5 8 3-3 5.5 3-2.36 3.5',
key: '9ptxx2'
}], ['path', {
d: 'M4.24 14.5a5 5 0 0 0 6.88 6',
key: '10kmtu'
}], ['path', {
d: 'M13.76 17.5a5 5 0 0 0-6.88-6',
key: '2qq6rc'
}]];
/**
* @component @name Accessibility
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/accessibility
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const Accessibility = props => createComponent(Icon$1, mergeProps(props, {
name: "Accessibility",
iconNode: iconNode$mf
}));
var Accessibility$1 = Accessibility;
const iconNode$me = [['rect', {
width: '18',
height: '18',
x: '3',
y: '3',
rx: '2',
key: 'afitv7'
}], ['path', {
d: 'M17 12h-2l-2 5-2-10-2 5H7',
key: '15hlnc'
}]];
/**
* @component @name ActivitySquare
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/activity-square
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const ActivitySquare = props => createComponent(Icon$1, mergeProps(props, {
name: "ActivitySquare",
iconNode: iconNode$me
}));
var ActivitySquare$1 = ActivitySquare;
const iconNode$md = [['path', {
d: 'M22 12h-4l-3 9L9 3l-3 9H2',
key: 'd5dnw9'
}]];
/**
* @component @name Activity
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/activity
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const Activity = props => createComponent(Icon$1, mergeProps(props, {
name: "Activity",
iconNode: iconNode$md
}));
var Activity$1 = Activity;
const iconNode$mc = [['path', {
d: 'M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2',
key: 'larmp2'
}], ['path', {
d: 'M6 8h12',
key: '6g4wlu'
}], ['path', {
d: 'M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12',
key: '1bo8pg'
}], ['path', {
d: 'M6.6 15.6A2 2 0 1 0 10 17v-5',
key: 't9h90c'
}]];
/**
* @component @name AirVent
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/air-vent
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AirVent = props => createComponent(Icon$1, mergeProps(props, {
name: "AirVent",
iconNode: iconNode$mc
}));
var AirVent$1 = AirVent;
const iconNode$mb = [['path', {
d: 'M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1',
key: 'ns4c3b'
}], ['polygon', {
points: '12 15 17 21 7 21 12 15',
key: '1sy95i'
}]];
/**
* @component @name Airplay
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/airplay
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const Airplay = props => createComponent(Icon$1, mergeProps(props, {
name: "Airplay",
iconNode: iconNode$mb
}));
var Airplay$1 = Airplay;
const iconNode$ma = [['circle', {
cx: '12',
cy: '13',
r: '8',
key: '3y4lt7'
}], ['path', {
d: 'M5 3 2 6',
key: '18tl5t'
}], ['path', {
d: 'm22 6-3-3',
key: '1opdir'
}], ['path', {
d: 'M6.38 18.7 4 21',
key: '17xu3x'
}], ['path', {
d: 'M17.64 18.67 20 21',
key: 'kv2oe2'
}], ['path', {
d: 'm9 13 2 2 4-4',
key: '6343dt'
}]];
/**
* @component @name AlarmClockCheck
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alarm-clock-check
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlarmClockCheck = props => createComponent(Icon$1, mergeProps(props, {
name: "AlarmClockCheck",
iconNode: iconNode$ma
}));
var AlarmClockCheck$1 = AlarmClockCheck;
const iconNode$m9 = [['circle', {
cx: '12',
cy: '13',
r: '8',
key: '3y4lt7'
}], ['path', {
d: 'M5 3 2 6',
key: '18tl5t'
}], ['path', {
d: 'm22 6-3-3',
key: '1opdir'
}], ['path', {
d: 'M6.38 18.7 4 21',
key: '17xu3x'
}], ['path', {
d: 'M17.64 18.67 20 21',
key: 'kv2oe2'
}], ['path', {
d: 'M9 13h6',
key: '1uhe8q'
}]];
/**
* @component @name AlarmClockMinus
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alarm-clock-minus
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlarmClockMinus = props => createComponent(Icon$1, mergeProps(props, {
name: "AlarmClockMinus",
iconNode: iconNode$m9
}));
var AlarmClockMinus$1 = AlarmClockMinus;
const iconNode$m8 = [['path', {
d: 'M6.87 6.87a8 8 0 1 0 11.26 11.26',
key: '3on8tj'
}], ['path', {
d: 'M19.9 14.25a8 8 0 0 0-9.15-9.15',
key: '15ghsc'
}], ['path', {
d: 'm22 6-3-3',
key: '1opdir'
}], ['path', {
d: 'M6.26 18.67 4 21',
key: 'yzmioq'
}], ['path', {
d: 'm2 2 20 20',
key: '1ooewy'
}], ['path', {
d: 'M4 4 2 6',
key: '1ycko6'
}]];
/**
* @component @name AlarmClockOff
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alarm-clock-off
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlarmClockOff = props => createComponent(Icon$1, mergeProps(props, {
name: "AlarmClockOff",
iconNode: iconNode$m8
}));
var AlarmClockOff$1 = AlarmClockOff;
const iconNode$m7 = [['circle', {
cx: '12',
cy: '13',
r: '8',
key: '3y4lt7'
}], ['path', {
d: 'M5 3 2 6',
key: '18tl5t'
}], ['path', {
d: 'm22 6-3-3',
key: '1opdir'
}], ['path', {
d: 'M6.38 18.7 4 21',
key: '17xu3x'
}], ['path', {
d: 'M17.64 18.67 20 21',
key: 'kv2oe2'
}], ['path', {
d: 'M12 10v6',
key: '1bos4e'
}], ['path', {
d: 'M9 13h6',
key: '1uhe8q'
}]];
/**
* @component @name AlarmClockPlus
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alarm-clock-plus
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlarmClockPlus = props => createComponent(Icon$1, mergeProps(props, {
name: "AlarmClockPlus",
iconNode: iconNode$m7
}));
var AlarmClockPlus$1 = AlarmClockPlus;
const iconNode$m6 = [['circle', {
cx: '12',
cy: '13',
r: '8',
key: '3y4lt7'
}], ['path', {
d: 'M12 9v4l2 2',
key: '1c63tq'
}], ['path', {
d: 'M5 3 2 6',
key: '18tl5t'
}], ['path', {
d: 'm22 6-3-3',
key: '1opdir'
}], ['path', {
d: 'M6.38 18.7 4 21',
key: '17xu3x'
}], ['path', {
d: 'M17.64 18.67 20 21',
key: 'kv2oe2'
}]];
/**
* @component @name AlarmClock
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alarm-clock
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlarmClock = props => createComponent(Icon$1, mergeProps(props, {
name: "AlarmClock",
iconNode: iconNode$m6
}));
var AlarmClock$1 = AlarmClock;
const iconNode$m5 = [['path', {
d: 'M4 8a2 2 0 0 1-2-2V3h20v3a2 2 0 0 1-2 2Z',
key: '2c4fvq'
}], ['path', {
d: 'm19 8-.8 3c-.1.6-.6 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L5 8',
key: '1vrndv'
}], ['path', {
d: 'M16 21c0-2.5 2-2.5 2-5',
key: '1o3eny'
}], ['path', {
d: 'M11 21c0-2.5 2-2.5 2-5',
key: '1sicvv'
}], ['path', {
d: 'M6 21c0-2.5 2-2.5 2-5',
key: 'i3w1gp'
}]];
/**
* @component @name AlarmSmoke
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alarm-smoke
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlarmSmoke = props => createComponent(Icon$1, mergeProps(props, {
name: "AlarmSmoke",
iconNode: iconNode$m5
}));
var AlarmSmoke$1 = AlarmSmoke;
const iconNode$m4 = [['rect', {
width: '18',
height: '18',
x: '3',
y: '3',
rx: '2',
ry: '2',
key: '1m3agn'
}], ['polyline', {
points: '11 3 11 11 14 8 17 11 17 3',
key: '1wcwz3'
}]];
/**
* @component @name Album
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/album
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const Album = props => createComponent(Icon$1, mergeProps(props, {
name: "Album",
iconNode: iconNode$m4
}));
var Album$1 = Album;
const iconNode$m3 = [['circle', {
cx: '12',
cy: '12',
r: '10',
key: '1mglay'
}], ['line', {
x1: '12',
x2: '12',
y1: '8',
y2: '12',
key: '1pkeuh'
}], ['line', {
x1: '12',
x2: '12.01',
y1: '16',
y2: '16',
key: '4dfq90'
}]];
/**
* @component @name AlertCircle
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alert-circle
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlertCircle = props => createComponent(Icon$1, mergeProps(props, {
name: "AlertCircle",
iconNode: iconNode$m3
}));
var AlertCircle$1 = AlertCircle;
const iconNode$m2 = [['polygon', {
points: '7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2',
key: 'h1p8hx'
}], ['line', {
x1: '12',
x2: '12',
y1: '8',
y2: '12',
key: '1pkeuh'
}], ['line', {
x1: '12',
x2: '12.01',
y1: '16',
y2: '16',
key: '4dfq90'
}]];
/**
* @component @name AlertOctagon
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alert-octagon
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlertOctagon = props => createComponent(Icon$1, mergeProps(props, {
name: "AlertOctagon",
iconNode: iconNode$m2
}));
var AlertOctagon$1 = AlertOctagon;
const iconNode$m1 = [['path', {
d: 'm21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z',
key: 'c3ski4'
}], ['path', {
d: 'M12 9v4',
key: 'juzpu7'
}], ['path', {
d: 'M12 17h.01',
key: 'p32p05'
}]];
/**
* @component @name AlertTriangle
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/alert-triangle
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlertTriangle = props => createComponent(Icon$1, mergeProps(props, {
name: "AlertTriangle",
iconNode: iconNode$m1
}));
var AlertTriangle$1 = AlertTriangle;
const iconNode$m0 = [['path', {
d: 'M2 12h20',
key: '9i4pu4'
}], ['path', {
d: 'M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4',
key: '11f1s0'
}], ['path', {
d: 'M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4',
key: 't14dx9'
}], ['path', {
d: 'M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1',
key: '1w07xs'
}], ['path', {
d: 'M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1',
key: '1apec2'
}]];
/**
* @component @name AlignCenterHorizontal
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-center-horizontal
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignCenterHorizontal = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignCenterHorizontal",
iconNode: iconNode$m0
}));
var AlignCenterHorizontal$1 = AlignCenterHorizontal;
const iconNode$l$ = [['path', {
d: 'M12 2v20',
key: 't6zp3m'
}], ['path', {
d: 'M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4',
key: '14d6g8'
}], ['path', {
d: 'M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4',
key: '1e2lrw'
}], ['path', {
d: 'M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1',
key: '1fkdwx'
}], ['path', {
d: 'M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1',
key: '1euafb'
}]];
/**
* @component @name AlignCenterVertical
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-center-vertical
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignCenterVertical = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignCenterVertical",
iconNode: iconNode$l$
}));
var AlignCenterVertical$1 = AlignCenterVertical;
const iconNode$l_ = [['line', {
x1: '21',
x2: '3',
y1: '6',
y2: '6',
key: '1fp77t'
}], ['line', {
x1: '17',
x2: '7',
y1: '12',
y2: '12',
key: 'rsh8ii'
}], ['line', {
x1: '19',
x2: '5',
y1: '18',
y2: '18',
key: '1t0tuv'
}]];
/**
* @component @name AlignCenter
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-center
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignCenter = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignCenter",
iconNode: iconNode$l_
}));
var AlignCenter$1 = AlignCenter;
const iconNode$lZ = [['rect', {
width: '6',
height: '16',
x: '4',
y: '2',
rx: '2',
key: 'z5wdxg'
}], ['rect', {
width: '6',
height: '9',
x: '14',
y: '9',
rx: '2',
key: 'um7a8w'
}], ['path', {
d: 'M22 22H2',
key: '19qnx5'
}]];
/**
* @component @name AlignEndHorizontal
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-end-horizontal
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignEndHorizontal = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignEndHorizontal",
iconNode: iconNode$lZ
}));
var AlignEndHorizontal$1 = AlignEndHorizontal;
const iconNode$lY = [['rect', {
width: '16',
height: '6',
x: '2',
y: '4',
rx: '2',
key: '10wcwx'
}], ['rect', {
width: '9',
height: '6',
x: '9',
y: '14',
rx: '2',
key: '4p5bwg'
}], ['path', {
d: 'M22 22V2',
key: '12ipfv'
}]];
/**
* @component @name AlignEndVertical
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-end-vertical
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignEndVertical = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignEndVertical",
iconNode: iconNode$lY
}));
var AlignEndVertical$1 = AlignEndVertical;
const iconNode$lX = [['rect', {
width: '6',
height: '14',
x: '4',
y: '5',
rx: '2',
key: '1wwnby'
}], ['rect', {
width: '6',
height: '10',
x: '14',
y: '7',
rx: '2',
key: '1fe6j6'
}], ['path', {
d: 'M17 22v-5',
key: '4b6g73'
}], ['path', {
d: 'M17 7V2',
key: 'hnrr36'
}], ['path', {
d: 'M7 22v-3',
key: '1r4jpn'
}], ['path', {
d: 'M7 5V2',
key: 'liy1u9'
}]];
/**
* @component @name AlignHorizontalDistributeCenter
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-distribute-center
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalDistributeCenter = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalDistributeCenter",
iconNode: iconNode$lX
}));
var AlignHorizontalDistributeCenter$1 = AlignHorizontalDistributeCenter;
const iconNode$lW = [['rect', {
width: '6',
height: '14',
x: '4',
y: '5',
rx: '2',
key: '1wwnby'
}], ['rect', {
width: '6',
height: '10',
x: '14',
y: '7',
rx: '2',
key: '1fe6j6'
}], ['path', {
d: 'M10 2v20',
key: 'uyc634'
}], ['path', {
d: 'M20 2v20',
key: '1tx262'
}]];
/**
* @component @name AlignHorizontalDistributeEnd
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-distribute-end
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalDistributeEnd = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalDistributeEnd",
iconNode: iconNode$lW
}));
var AlignHorizontalDistributeEnd$1 = AlignHorizontalDistributeEnd;
const iconNode$lV = [['rect', {
width: '6',
height: '14',
x: '4',
y: '5',
rx: '2',
key: '1wwnby'
}], ['rect', {
width: '6',
height: '10',
x: '14',
y: '7',
rx: '2',
key: '1fe6j6'
}], ['path', {
d: 'M4 2v20',
key: 'gtpd5x'
}], ['path', {
d: 'M14 2v20',
key: 'tg6bpw'
}]];
/**
* @component @name AlignHorizontalDistributeStart
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-distribute-start
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalDistributeStart = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalDistributeStart",
iconNode: iconNode$lV
}));
var AlignHorizontalDistributeStart$1 = AlignHorizontalDistributeStart;
const iconNode$lU = [['rect', {
width: '6',
height: '14',
x: '2',
y: '5',
rx: '2',
key: 'dy24zr'
}], ['rect', {
width: '6',
height: '10',
x: '16',
y: '7',
rx: '2',
key: '13zkjt'
}], ['path', {
d: 'M12 2v20',
key: 't6zp3m'
}]];
/**
* @component @name AlignHorizontalJustifyCenter
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-justify-center
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalJustifyCenter = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalJustifyCenter",
iconNode: iconNode$lU
}));
var AlignHorizontalJustifyCenter$1 = AlignHorizontalJustifyCenter;
const iconNode$lT = [['rect', {
width: '6',
height: '14',
x: '2',
y: '5',
rx: '2',
key: 'dy24zr'
}], ['rect', {
width: '6',
height: '10',
x: '12',
y: '7',
rx: '2',
key: '1ht384'
}], ['path', {
d: 'M22 2v20',
key: '40qfg1'
}]];
/**
* @component @name AlignHorizontalJustifyEnd
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-justify-end
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalJustifyEnd = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalJustifyEnd",
iconNode: iconNode$lT
}));
var AlignHorizontalJustifyEnd$1 = AlignHorizontalJustifyEnd;
const iconNode$lS = [['rect', {
width: '6',
height: '14',
x: '6',
y: '5',
rx: '2',
key: 'hsirpf'
}], ['rect', {
width: '6',
height: '10',
x: '16',
y: '7',
rx: '2',
key: '13zkjt'
}], ['path', {
d: 'M2 2v20',
key: '1ivd8o'
}]];
/**
* @component @name AlignHorizontalJustifyStart
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-justify-start
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalJustifyStart = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalJustifyStart",
iconNode: iconNode$lS
}));
var AlignHorizontalJustifyStart$1 = AlignHorizontalJustifyStart;
const iconNode$lR = [['rect', {
width: '6',
height: '10',
x: '9',
y: '7',
rx: '2',
key: 'yn7j0q'
}], ['path', {
d: 'M4 22V2',
key: 'tsjzd3'
}], ['path', {
d: 'M20 22V2',
key: '1bnhr8'
}]];
/**
* @component @name AlignHorizontalSpaceAround
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-space-around
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalSpaceAround = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalSpaceAround",
iconNode: iconNode$lR
}));
var AlignHorizontalSpaceAround$1 = AlignHorizontalSpaceAround;
const iconNode$lQ = [['rect', {
width: '6',
height: '14',
x: '3',
y: '5',
rx: '2',
key: 'j77dae'
}], ['rect', {
width: '6',
height: '10',
x: '15',
y: '7',
rx: '2',
key: 'bq30hj'
}], ['path', {
d: 'M3 2v20',
key: '1d2pfg'
}], ['path', {
d: 'M21 2v20',
key: 'p059bm'
}]];
/**
* @component @name AlignHorizontalSpaceBetween
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-horizontal-space-between
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignHorizontalSpaceBetween = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignHorizontalSpaceBetween",
iconNode: iconNode$lQ
}));
var AlignHorizontalSpaceBetween$1 = AlignHorizontalSpaceBetween;
const iconNode$lP = [['line', {
x1: '3',
x2: '21',
y1: '6',
y2: '6',
key: '4m8b97'
}], ['line', {
x1: '3',
x2: '21',
y1: '12',
y2: '12',
key: '10d38w'
}], ['line', {
x1: '3',
x2: '21',
y1: '18',
y2: '18',
key: 'kwyyxn'
}]];
/**
* @component @name AlignJustify
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-justify
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignJustify = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignJustify",
iconNode: iconNode$lP
}));
var AlignJustify$1 = AlignJustify;
const iconNode$lO = [['line', {
x1: '21',
x2: '3',
y1: '6',
y2: '6',
key: '1fp77t'
}], ['line', {
x1: '15',
x2: '3',
y1: '12',
y2: '12',
key: 'v6grx8'
}], ['line', {
x1: '17',
x2: '3',
y1: '18',
y2: '18',
key: '1awlsn'
}]];
/**
* @component @name AlignLeft
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-left
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignLeft = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignLeft",
iconNode: iconNode$lO
}));
var AlignLeft$1 = AlignLeft;
const iconNode$lN = [['line', {
x1: '21',
x2: '3',
y1: '6',
y2: '6',
key: '1fp77t'
}], ['line', {
x1: '21',
x2: '9',
y1: '12',
y2: '12',
key: '1uyos4'
}], ['line', {
x1: '21',
x2: '7',
y1: '18',
y2: '18',
key: '1g9eri'
}]];
/**
* @component @name AlignRight
* @description Lucide SVG icon component, renders SVG Element with children.
*
* @preview  - https://lucide.dev/icons/align-right
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
*
* @param {Object} props - Lucide icons props and any valid SVG attribute
* @returns {JSX.Element} JSX Element
*
*/
const AlignRight = props => createComponent(Icon$1, mergeProps(props, {
name: "AlignRight",
iconNode: iconNode$lN
}));
var AlignRight$1 = AlignRight;
const iconNode$lM = [['rect', {
width: '6',
height: '16