@postal-music/icons 0.1.7 → 0.1.9

package/src/icons/navigation/FlexAlignLeftIcon.web.tsx

@@ -0,0 +1,31 @@
+import * as React from "react";
+
+type FlexAlignLeftIconProps = React.SVGProps<SVGSVGElement> & {
+  size?: number | string;
+};
+
+export default function FlexAlignLeftIcon({
+  size = 16,
+  className,
+  ...props
+}: FlexAlignLeftIconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      {...props}
+    >
+      <path
+        d="M6.5 17.5L6.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/icons/navigation/FlexAlignRightIcon.native.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type FlexAlignRightIconProps = {
+  size?: number | string;
+};
+
+const FlexAlignRightIcon = ({ size = 16 }: FlexAlignRightIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path
+      d="M17.5 17.5L17.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { FlexAlignRightIcon };
+export default FlexAlignRightIcon;

package/src/icons/navigation/FlexAlignRightIcon.web.tsx

@@ -0,0 +1,31 @@
+import * as React from "react";
+
+type FlexAlignRightIconProps = React.SVGProps<SVGSVGElement> & {
+  size?: number | string;
+};
+
+export default function FlexAlignRightIcon({
+  size = 16,
+  className,
+  ...props
+}: FlexAlignRightIconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      {...props}
+    >
+      <path
+        d="M17.5 17.5L17.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/icons/navigation/FlexAlignTopIcon.native.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type FlexAlignTopIconProps = {
+  size?: number | string;
+};
+
+const FlexAlignTopIcon = ({ size = 16 }: FlexAlignTopIconProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path
+      d="M17.5 6.5L6.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { FlexAlignTopIcon };
+export default FlexAlignTopIcon;

package/src/icons/navigation/FlexAlignTopIcon.web.tsx

@@ -0,0 +1,31 @@
+import * as React from "react";
+
+type FlexAlignTopIconProps = React.SVGProps<SVGSVGElement> & {
+  size?: number | string;
+};
+
+export default function FlexAlignTopIcon({
+  size = 16,
+  className,
+  ...props
+}: FlexAlignTopIconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      {...props}
+    >
+      <path
+        d="M17.5 6.5L6.5 6.5M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/icons/navigation/Menu03Icon.native.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Menu03IconProps {
+  width?: number;
+  height?: number;
+}
+
+const Menu03Icon = ({ width = 18, height = 18 }: Menu03IconProps) => (
+  <Svg width={width} height={height} viewBox="0 0 14 14" fill="none">
+    <Path
+      d="M1.75 7H12.25M1.75 3.5H12.25M1.75 10.5H8.75"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+Menu03Icon.displayName = 'Menu03Icon';
+
+export { Menu03Icon };
+export default Menu03Icon;

package/src/icons/navigation/Menu03Icon.web.tsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+
+interface Menu03IconProps extends React.SVGProps<SVGSVGElement> {}
+
+const Menu03Icon = React.forwardRef<SVGSVGElement, Menu03IconProps>(
+  ({ width = 18, height = 18, ...props }, ref) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M1.75 7H12.25M1.75 3.5H12.25M1.75 10.5H8.75"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  ),
+);
+
+Menu03Icon.displayName = "Menu03Icon";
+
+export default Menu03Icon;

package/src/icons/navigation/index.ts

@@ -1,10 +1,16 @@
+export { default as AlignLeft01Icon } from './AlignLeft01Icon';
 export { default as AlignLeftIcon } from './AlignLeftIcon';
 export { default as DotgridIcon } from './DotgridIcon';
 export { default as FilterIcon } from './FilterIcon';
+export { default as FlexAlignBottomIcon } from './FlexAlignBottomIcon';
+export { default as FlexAlignLeftIcon } from './FlexAlignLeftIcon';
+export { default as FlexAlignRightIcon } from './FlexAlignRightIcon';
+export { default as FlexAlignTopIcon } from './FlexAlignTopIcon';
 export { default as Grid01Icon } from './Grid01Icon';
 export { GridIcon } from './GridIcon';
 export { HomeIcon } from './HomeIcon';
 export { ListIcon } from './ListIcon';
+export { default as Menu03Icon } from './Menu03Icon';
 export { default as MenuIcon } from './MenuIcon';
 export { default as Rows01Icon } from './Rows01Icon';
 export { default as Rows03Icon } from './Rows03Icon';