@mirohq/design-system-icons 0.5.0 → 0.6.0

package/react/lines-three-vertical.tsx

@@ -0,0 +1,33 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconLinesThreeVertical: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth={2}
+        d='M20 4v16M12 4v16M4 4v16'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-three-aligned.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconRectanglesThreeAligned: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      clipPath='url(#a)'
+    >
+      <path d='M11 4H3v8h8V4Zm6.063 12h-14v5h14v-5ZM19 4h-4v4h4V4Z' />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-three-free.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconRectanglesThreeFree: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      clipPath='url(#a)'
+    >
+      <path d='m12.818 4.852-7.69-2.205-2.205 7.69 7.69 2.205 2.205-7.69ZM19.063 16h-14v5h14v-5Zm.649-9.92-3.845 1.102 1.102 3.845 3.845-1.102-1.102-3.845Z' />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-three-overlap.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconRectanglesThreeOverlap: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M8 11H4v10h9v-4m-5-6h5v6m-5-6V7h4m1 10h4v-4m-5-6h5v6m-5-6V3h9v10h-4'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-two-line.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconRectanglesTwoLine: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M21 3v18M3.25 4h11.5a.25.25 0 0 1 .25.25v5.5a.25.25 0 0 1-.25.25H3.25A.25.25 0 0 1 3 9.75v-5.5A.25.25 0 0 1 3.25 4Zm0 10h11.5a.25.25 0 0 1 .25.25v5.5a.25.25 0 0 1-.25.25H3.25a.25.25 0 0 1-.25-.25v-5.5a.25.25 0 0 1 .25-.25Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/split-vertical.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSplitVertical: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M5 6.5V4h14v2.5M2 12h20M5 17.5V20h14v-2.5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/square-line-square-dashed.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSquareLineSquareDashed: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M18 3h3v3m0 4v4m0 4v3h-3m-4 0h-4m-4 0H3v-3M3 3h11v11H3V3Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/squares-group.tsx

@@ -0,0 +1,32 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSquaresGroup: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M20 4H4v16h16V4Z'
+    />,
+    <path
+      fill='currentColor'
+      d='M2 2h3v3H2V2Zm17 0h3v3h-3V2Zm0 17h3v3h-3v-3ZM2 19h3v3H2v-3Zm9-12h6v6h-6V7Z'
+    />,
+    <path fill='currentColor' d='M7 11h3v3h3v3H7v-6Z' />
+  )
+)

package/react/squares-merge.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSquaresMerge: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        fill='currentColor'
+        d='M9 3V2a1 1 0 0 0-1 1h1Zm12 0h1a1 1 0 0 0-1-1v1Zm0 12v1a1 1 0 0 0 1-1h-1Zm-6 0v-1h-1v1h1Zm0 6v1a1 1 0 0 0 1-1h-1ZM3 21H2a1 1 0 0 0 1 1v-1ZM3 9V8a1 1 0 0 0-1 1h1Zm6 0v1h1V9H9Zm0-5h12V2H9v2Zm11-1v12h2V3h-2Zm1 11h-6v2h6v-2Zm-7 1v6h2v-6h-2Zm1 5H3v2h12v-2ZM4 21V9H2v12h2ZM3 10h6V8H3v2Zm7-1V3H8v6h2Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/squares-two-overlap.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSquaresTwoOverlap: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M9 5V3h12v12h-2M3 9h12v12H3V9Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/squares-ungroup.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSquaresUngroup: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M10 10v4h4m-4-4V4h10v10h-6m-4-4H4v10h10v-6'
+    />,
+    <path
+      fill='currentColor'
+      d='M8 2h3v3H8V2Zm11 0h3v3h-3V2Zm0 11h3v3h-3v-3ZM8 13h3v3H8v-3ZM2 8h3v3H2V8Zm0 11h3v3H2v-3Zm11 0h3v3h-3v-3Z'
+    />
+  )
+)

package/react/squares-unmerge.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconSquaresUnmerge: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M9 3h12v12H9V3Zm6 6H3v12h12V9Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/stack.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconStack: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='m18 14 4 1.5L12 20 2 15.5 6 14m6-10 10 4.5L12 13 2 8.5 12 4Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/text-h-one.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconTextHOne: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M5 6v6m0 6v-6m0 0h7m0 0V6m0 6v6m5-12h3v12'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/text-h-three.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconTextHThree: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M4 6v6m0 6v-6m0 0h7m0 0V6m0 6v6m4-12h5v6m-5 0h5m0 0v6h-5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/text-h-two.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconTextHTwo: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M4 6v6m0 6v-6m0 0h7m0 0V6m0 6v6m4-12h5v6h-5v6h5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/view-center.tsx

@@ -0,0 +1,28 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconViewCenter: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z'
+    />,
+    <rect width={10} height={8} x={7} y={8} fill='currentColor' rx={1} />
+  )
+)

package/react/view-side-left.tsx

@@ -0,0 +1,28 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconViewSideLeft: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z'
+    />,
+    <rect width={6} height={10} x={6} y={7} fill='currentColor' rx={1} />
+  )
+)

package/svg/24/add-line-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M21 5H3m13 10h-4m0 0H8m4 0v-4m0 4v4"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/add-line-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 3v18M15 8v4m0 0v4m0-4h-4m4 0h4"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/align-center-horizontal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.414" stroke-width="2" d="M12 3v18"/><path fill="currentColor" d="M19.5 7a1.5 1.5 0 0 1 0 3h-15a1.5 1.5 0 1 1 0-3h15ZM16.5 14a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3h9Z"/></svg>

package/svg/24/align-center-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.414" stroke-width="2" d="M3 12h18"/><path fill="currentColor" d="M7 4.5a1.5 1.5 0 1 1 3 0v15a1.5 1.5 0 0 1-3 0v-15ZM14 7.5a1.5 1.5 0 0 1 3 0v9a1.5 1.5 0 0 1-3 0v-9Z"/></svg>

package/svg/24/bookmark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.5 3h-11a.5.5 0 0 0-.5.5V21l6-4.5 6 4.5V3.5a.5.5 0 0 0-.5-.5Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/distribute-horizontal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4 3v18M20 3v18"/><rect width="4" height="10" x="10" y="7" fill="currentColor" rx="2"/></svg>

package/svg/24/distribute-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M21 4H3m18 16H3"/><rect width="4" height="10" x="17" y="10" fill="currentColor" rx="2" transform="rotate(90 17 10)"/></svg>

package/svg/24/grid-four.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3H3.25a.25.25 0 0 0-.25.25V12m9-9h8.75a.25.25 0 0 1 .25.25V12m-9-9v18m0 0h8.75a.25.25 0 0 0 .25-.25V12m-9 9H3.25a.25.25 0 0 1-.25-.25V12m0 0h18"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/grid-six.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3H3.25a.25.25 0 0 0-.25.25V9m9-6h8.75a.25.25 0 0 1 .25.25V9m-9-6v18m0 0h8.75a.25.25 0 0 0 .25-.25V15m-9 6H3.25a.25.25 0 0 1-.25-.25V15m0-6h18M3 9v6m18-6v6M3 15h18"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/layout.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v12h6M3 9V3h18v6M3 9h6m12 0v12H9M21 9H9m0 0v12"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/lines-three-horizontal-line-vertical-center.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5h8m8 0h-8m-8 7h16M4 19h8m8 0h-8m0-14v14"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/lines-three-horizontal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4 5h16M4 12h16M4 19h16"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/lines-three-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M20 4v16M12 4v16M4 4v16"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>