@codecademy/gamut-icons 9.51.1-alpha.3e8b72.0 → 9.51.1-alpha.4988d1.0

package/dist/icons/regular/EditIcon.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EditIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('EditIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M22.192 1.814a3.631 3.631 0 00-5.157.035L2.57 16.31.75 23.25l6.942-1.819L22.157 6.97a3.628 3.628 0 00.035-5.156zm-5.571.449l5.122 5.12m-7.211-3.032l5.122 5.12",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M2.57 16.31l3.59 1.532 1.536 3.584m9.397-14.515L6.16 17.841"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/EditorIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const EditorIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/EditorIcon.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EditorIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('EditorIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M2.25 21.75a1.5 1.5 0 01-1.5-1.5V3.865A1.62 1.62 0 012.365 2.25h19.278a1.612 1.612 0 011.607 1.607v16.278a1.62 1.62 0 01-1.615 1.615zm21-15H.75",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M16.5 11.25l3 3-3 3m-9-6l-3 3 3 3m6-6l-3 6"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/EmailFilledIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const EmailFilledIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/EmailFilledIcon.js

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EmailFilledIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('EmailFilledIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 13 12",
+    fill: "#fff",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsxs("g", {
+        clipPath: "url(#email-filled-icon_svg__email-filled-icon_svg__a)",
+        children: [/*#__PURE__*/_jsx("title", {
+          children: 'email-filled'
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M6.055 7.28a.635.635 0 00.885 0l4.845-4.845a.25.25 0 00-.017-.368.255.255 0 00-.123-.057L11.5 2H1.355a.25.25 0 00-.2.17.24.24 0 00.06.255l4.84 4.855z"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M12.445 2.915a.09.09 0 00-.1 0l-3.1 3.1a.12.12 0 000 .18l2.5 2.5a.375.375 0 01-.53.53l-2.5-2.5a.125.125 0 00-.18 0L7.47 7.79a1.38 1.38 0 01-1.945 0l-1.06-1.045a.12.12 0 00-.18 0l-2.5 2.5a.375.375 0 01-.53-.53l2.5-2.5a.12.12 0 000-.18l-3.1-3.1a.09.09 0 00-.1 0A.09.09 0 00.5 3v6a1 1 0 001 1h10a1 1 0 001-1V3a.09.09 0 00-.055-.085z"
+        })]
+      }), /*#__PURE__*/_jsx("defs", {
+        children: /*#__PURE__*/_jsx("clipPath", {
+          id: "email-filled-icon_svg__email-filled-icon_svg__a",
+          children: /*#__PURE__*/_jsx("path", {
+            fill: "none",
+            d: "M.5 0h12v12H.5z"
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/EmailIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const EmailIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/EmailIcon.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EmailIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('EmailIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("rect", {
+        x: 1.5,
+        y: 4.75,
+        width: 21,
+        height: 15,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.161 5.3l-8.144 6.264a3.308 3.308 0 01-4.034 0L1.839 5.3",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/ExperienceIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const ExperienceIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/ExperienceIcon.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ExperienceIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('ExperienceIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M13.533 16.35l7.545-.575a1.554 1.554 0 011.509 2.244 1.559 1.559 0 01-.845.76l-10.434 3.912a2.991 2.991 0 01-2 .037l-7.994-2.664",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M6.564 17.064h5.788a1.335 1.335 0 001.266-.912 1.335 1.335 0 00-.915-1.709l-5.938-1.619a4.512 4.512 0 00-1.924-.1l-3.527.588M8.73 2.966l-3.666 2.75 3.666 2.75m9.167-5.5l3.667 2.75-3.667 2.75M14.23 1.132l-1.833 9.167",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/ExploreIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const ExploreIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/ExploreIcon.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ExploreIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('ExploreIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 11.25,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M16.648 7.352a.75.75 0 00-.768-.181L9.348 9.348 7.171 15.88a.75.75 0 00.949.949l6.532-2.177 2.177-6.532a.75.75 0 00-.181-.768zM12 .75V3m7.955 1.045l-1.591 1.591M23.25 12H21m-1.045 7.955l-1.591-1.591M12 23.25V21m-7.955-1.045l1.591-1.591M.75 12H3m1.045-7.955l1.591 1.591M12 11.625a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/FacebookIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const FacebookIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/FacebookIcon.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FacebookIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('FacebookIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
+        d: "M6.1 16V8.5h-2V5.8h2V3.5C6.1 1.7 7.3 0 10 0c1.1 0 1.9.1 1.9.1l-.1 2.5h-1.7C9.1 2.6 9 3 9 3.8v2h2.9l-.1 2.7H8.9V16H6.1z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/FallbackSkillIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const FallbackSkillIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/FallbackSkillIcon.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FallbackSkillIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('FallbackSkillIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M3.552.022a.838.838 0 00-.483.41c-.046.088-.056.146-.056.312l-.001.204 1.422 3.73 1.422 3.729-.282.29c-1.352 1.396-2.21 3.117-2.476 4.971-.605 4.201 1.71 8.185 5.65 9.727A9.007 9.007 0 0012 24c4.118 0 7.7-2.783 8.724-6.78.2-.778.261-1.304.261-2.22 0-.916-.061-1.442-.261-2.22a8.944 8.944 0 00-2.298-4.082l-.282-.291 1.42-3.73L20.987.948V.756a.596.596 0 00-.061-.324.743.743 0 00-.344-.356L20.46.012 12.036.008C7.403.006 3.585.012 3.552.022m1.33 1.58A958.64 958.64 0 007.101 7.42c.008.009.128-.054.267-.14.458-.282 1.367-.701 1.794-.826a.322.322 0 00.102-.04c0-.006-.2-1.106-.444-2.446l-.444-2.445c0-.006-.793-.011-1.763-.011H4.85l.032.09m5.03-.072c0 .037.82 4.53.83 4.54.005.004.147-.006.315-.025a13.497 13.497 0 011.886 0c.168.019.31.03.316.024.008-.008.829-4.5.829-4.539 0-.01-.94-.018-2.088-.018-1.148 0-2.088.008-2.088.018m5.702.048c-.05.24-.878 4.838-.873 4.842a9.872 9.872 0 011.867.847c.152.092.283.16.291.152.011-.011 1.736-4.534 2.192-5.745l.06-.162h-3.522l-.014.066m-4.238 5.949a7.592 7.592 0 00-4.14 1.687c-1.435 1.184-2.363 2.83-2.656 4.706-.047.305-.054.439-.054 1.08s.007.775.054 1.08c.284 1.822 1.157 3.411 2.522 4.59a7.514 7.514 0 003.818 1.75c.305.047.439.054 1.08.054.804 0 1.103-.031 1.716-.177 2.133-.509 3.954-1.93 4.938-3.857a7.46 7.46 0 00.766-2.36c.047-.305.054-.439.054-1.08 0-.805-.031-1.103-.178-1.719a7.519 7.519 0 00-5.578-5.577c-.564-.134-.9-.171-1.598-.18-.35-.003-.685-.002-.744.003m.296 1.737a1.3 1.3 0 00-.734.477c-.06.079-.35.62-.645 1.2L9.756 12H8.82c-1.026.002-1.065.006-1.352.147a1.565 1.565 0 00-.552.53 1.352 1.352 0 00.08 1.427c.049.064.459.484.912.933l.824.816-.439 1a50.05 50.05 0 00-.48 1.116c-.06.175-.074.515-.028.71.125.53.518.907 1.064 1.02.25.05.542.017.767-.088a50.6 50.6 0 001.27-.7L12 18.284l1.195.674c1.055.594 1.22.68 1.398.725a1.32 1.32 0 001.507-.699c.122-.248.158-.426.14-.701-.015-.248-.02-.259-.577-1.531l-.395-.9.848-.84c.793-.785.937-.945 1.018-1.128a1.344 1.344 0 00-.897-1.847c-.116-.03-.317-.037-1.068-.037h-.925l-.538-1.058c-.295-.582-.584-1.122-.64-1.199a1.31 1.31 0 00-.748-.48 1.22 1.22 0 00-.646 0m-.248 2.779c-.306.604-.594 1.143-.639 1.198a.764.764 0 01-.229.174l-.148.074h-1.92l.902.894c.853.845.905.901.944 1.025.023.073.04.198.038.285-.003.167.017.118-.673 1.703-.26.598-.263.607-.188.56.323-.195 2.185-1.226 2.261-1.251a.868.868 0 01.455 0 88.479 88.479 0 012.325 1.29c.012.006.01-.008-.003-.033a97.77 97.77 0 01-.46-1.05c-.456-1.048-.494-1.162-.454-1.376.043-.227.12-.317 1-1.18l.85-.831-.934-.012-.932-.012-.16-.079a.873.873 0 01-.24-.171c-.043-.051-.332-.59-.64-1.2-.31-.608-.57-1.106-.58-1.106-.01 0-.27.494-.575 1.098",
+        fillRule: "evenodd"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/FaviconIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const FaviconIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/FaviconIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FaviconIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('FaviconIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 28 22",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M19.196.044s0 .022 0 0c.022.044.044.088.067.154v21.56c0 .066-.023.11-.045.132a.204.204 0 01-.157.066H.18c-.045 0-.09 0-.112-.022A.198.198 0 010 21.78V.176C0 .088.045.022.112 0h18.95c.044 0 .111.022.134.044zm-2.101 19.648V2.286c0-.088-.045-.154-.112-.176H2.235c-.067.022-.112.088-.112.176v17.406c0 .088.045.154.112.176h14.748c.067-.022.112-.088.112-.176zm10.704.176c.134 0 .201.066.201.198v1.736c0 .132-.09.198-.201.198h-6.525c-.134 0-.201-.088-.201-.198v-1.736c0-.132.089-.198.2-.198H27.8zM8.089 8.088c1.386 0 2.458.55 3.196 1.428.045.066.067.198-.022.264l-1.207 1.055c-.09.066-.201.044-.268-.044C9.34 10.286 8.849 10 8.089 10c-.826 0-1.452.396-1.72 1.165-.157.461-.201.989-.201 1.692s.044 1.253.2 1.714c.269.792.895 1.187 1.721 1.187.76 0 1.23-.285 1.699-.791.067-.088.178-.088.268-.022L11.263 16c.089.066.067.176.022.264-.738.857-1.81 1.406-3.196 1.406-1.854 0-3.262-.9-3.798-2.527C4.089 14.57 4 13.846 4 12.879c0-.967.09-1.692.29-2.264.537-1.626 1.945-2.527 3.8-2.527z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/FaviconSolidIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const FaviconSolidIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/FaviconSolidIcon.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FaviconSolidIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('FaviconSolidIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 28 22",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("defs", {
+        children: /*#__PURE__*/_jsx("path", {
+          d: "M19.196.044s0 .022 0 0c.022.044.044.088.067.154v21.56c0 .066-.023.11-.045.132a.204.204 0 01-.157.066H.18c-.045 0-.09 0-.112-.022A.198.198 0 010 21.78V.176C0 .088.045.022.112 0h18.95c.044 0 .111.022.134.044zm-2.101 19.648V2.286c0-.088-.045-.154-.112-.176H2.235c-.067.022-.112.088-.112.176v17.406c0 .088.045.154.112.176h14.748c.067-.022.112-.088.112-.176zm10.704.176c.134 0 .201.066.201.198v1.736c0 .132-.09.198-.201.198h-6.525c-.134 0-.201-.088-.201-.198v-1.736c0-.132.089-.198.2-.198H27.8zM8.089 8.088c1.386 0 2.458.55 3.196 1.428.045.066.067.198-.022.264l-1.207 1.055c-.09.066-.201.044-.268-.044C9.34 10.286 8.849 10 8.089 10c-.826 0-1.452.396-1.72 1.165-.157.461-.201.989-.201 1.692s.044 1.253.2 1.714c.269.792.895 1.187 1.721 1.187.76 0 1.23-.285 1.699-.791.067-.088.178-.088.268-.022L11.263 16c.089.066.067.176.022.264-.738.857-1.81 1.406-3.196 1.406-1.854 0-3.262-.9-3.798-2.527C4.089 14.57 4 13.846 4 12.879c0-.967.09-1.692.29-2.264.537-1.626 1.945-2.527 3.8-2.527z",
+          id: "favicon-solid-icon_svg__a"
+        })
+      }), /*#__PURE__*/_jsx("use", {
+        fill: "#141E3B",
+        xlinkHref: "#favicon-solid-icon_svg__a",
+        fillRule: "evenodd"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/FileAddIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const FileAddIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/FileAddIcon.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FileAddIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('FileAddIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("circle", {
+        cx: 17.25,
+        cy: 17.25,
+        r: 6,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M17.25 14.25v6m-3-3h6M3.75 6.75h10.5m-10.5 4.5h6m-6 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/FileCodeAdd1Icon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const FileCodeAdd1Icon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;