metal-icons 0.2.6 → 0.2.8

package/16/outline/ArchiveIcon.js

@@ -8,19 +8,16 @@ function ArchiveIcon({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    fill: "none",
-    viewBox: "0 0 16 16",
+    fill: "currentColor",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M6.75 8c-.19891 0-.38968.07902-.53033.21967S6 8.55109 6 8.75s.07902.38968.21967.53033S6.55109 9.5 6.75 9.5h2.5c.19891 0 .38968-.07902.53033-.21967S10 8.94891 10 8.75s-.07902-.38968-.21967-.53033S9.44891 8 9.25 8z"
+    d: "M6.75 8a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
     fillRule: "evenodd",
-    d: "M2.1e-7 2.75C2.1e-7 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v1.5c0 .698-.409 1.3-1 1.582v6.918c0 .5967-.2371 1.169-.659 1.591-.422.4219-.9943.659-1.591.659h-9.5c-.59674 0-1.16903-.2371-1.59099-.659C1.23705 13.919 1 13.3467 1 12.75V5.832c-.299341-.14199-.552226-.36604-.72925-.64609"
+    d: "M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v1.5c0 .698-.409 1.3-1 1.582v6.918A2.25 2.25 0 0 1 12.75 15h-9.5A2.25 2.25 0 0 1 1 12.75V5.832A1.75 1.75 0 0 1 0 4.25zm13.5 10V6h-11v6.75c0 .414.336.75.75.75h9.5a.75.75 0 0 0 .75-.75m1-8.5a.25.25 0 0 1-.25.25H1.75a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h12.5a.25.25 0 0 1 .25.25z"
   }));
 }
 const ForwardRef = React.forwardRef(ArchiveIcon);

package/16/outline/PenIcon.js

@@ -16,7 +16,7 @@ function PenIcon({
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13.303 0c-.675 0-1.321.268-1.798.745l-1.422 1.422h-.001l-8.966 8.966a.75.75 0 0 0-.197.349l-.897 3.586a.75.75 0 0 0 .91.91l3.586-.897a.75.75 0 0 0 .349-.197L15.255 4.495a2.543 2.543 0 0 0 0-3.596l-.154-.154A2.543 2.543 0 0 0 13.303 0M2.323 12.047l8.29-8.29 1.63 1.63-8.29 8.29-2.172.542.543-2.172ZM14.5 2.697c0 .277-.11.542-.305.738l-.895.895-1.626-1.633.891-.892a1.044 1.044 0 0 1 1.476 0l.154.155c.195.195.305.46.305.737"
+    d: "M13.303 0c.674 0 1.32.268 1.798.745l.154.154a2.543 2.543 0 0 1 0 3.596L4.868 14.884a.751.751 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.751.751 0 0 1 .197-.35L11.505.746A2.543 2.543 0 0 1 13.303 0m0 1.5c-.242 0-.476.084-.661.236l-.077.07-10.242 10.24-.543 2.173 2.173-.543L14.194 3.435l.07-.077a1.043 1.043 0 0 0-.07-1.399l-.154-.153a1.043 1.043 0 0 0-.737-.306"
   }));
 }
 const ForwardRef = React.forwardRef(PenIcon);

package/16/outline/PenLineIcon.js

@@ -15,10 +15,7 @@ function PenLineIcon({
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M11.505.745a2.543 2.543 0 0 1 3.596 0l.154.154a2.543 2.543 0 0 1 0 3.596L4.867 14.884a.75.75 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.75.75 0 0 1 .197-.349l8.966-8.965v-.001L11.506.745Zm-.892 3.013-8.29 8.289-.542 2.172 2.172-.543 8.29-8.289-1.63-1.63Zm1.959-1.96a1.03 1.03 0 0 1 1.456 0l.17.17a1.03 1.03 0 0 1 0 1.457l-.898.898-1.626-1.627z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z"
+    d: "M13.303 0c.674 0 1.32.268 1.798.745l.154.154a2.543 2.543 0 0 1 0 3.596L4.868 14.884a.751.751 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.751.751 0 0 1 .197-.35L11.505.746A2.543 2.543 0 0 1 13.303 0m0 1.5c-.242 0-.476.084-.661.236l-.077.07-10.242 10.24-.543 2.173 2.173-.543L14.194 3.435l.07-.077a1.043 1.043 0 0 0-.07-1.399l-.154-.153a1.043 1.043 0 0 0-.737-.306M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z"
   }));
 }
 const ForwardRef = React.forwardRef(PenLineIcon);

package/16/outline/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/16/outline/PencilIcon.js

@@ -0,0 +1,22 @@
+const React = require("react");
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.303 0c-.675 0-1.321.268-1.798.745l-1.422 1.422h-.001l-8.966 8.966a.75.75 0 0 0-.197.349l-.897 3.586a.75.75 0 0 0 .91.91l3.586-.897a.75.75 0 0 0 .349-.197L15.255 4.495a2.543 2.543 0 0 0 0-3.596l-.154-.154A2.543 2.543 0 0 0 13.303 0M2.323 12.047l8.29-8.29 1.63 1.63-8.29 8.29-2.172.542.543-2.172ZM14.5 2.697c0 .277-.11.542-.305.738l-.895.895-1.626-1.633.891-.892a1.044 1.044 0 0 1 1.476 0l.154.155c.195.195.305.46.305.737"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+module.exports = ForwardRef;

package/16/outline/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/16/outline/PencilLineIcon.js

@@ -0,0 +1,24 @@
+const React = require("react");
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.505.745a2.543 2.543 0 0 1 3.596 0l.154.154a2.543 2.543 0 0 1 0 3.596L4.867 14.884a.75.75 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.75.75 0 0 1 .197-.349l8.966-8.965v-.001L11.506.745Zm-.892 3.013-8.29 8.289-.542 2.172 2.172-.543 8.29-8.289-1.63-1.63Zm1.959-1.96a1.03 1.03 0 0 1 1.456 0l.17.17a1.03 1.03 0 0 1 0 1.457l-.898.898-1.626-1.627z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+module.exports = ForwardRef;

package/16/outline/esm/ArchiveIcon.js

@@ -8,19 +8,16 @@ function ArchiveIcon({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    fill: "none",
-    viewBox: "0 0 16 16",
+    fill: "currentColor",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M6.75 8c-.19891 0-.38968.07902-.53033.21967S6 8.55109 6 8.75s.07902.38968.21967.53033S6.55109 9.5 6.75 9.5h2.5c.19891 0 .38968-.07902.53033-.21967S10 8.94891 10 8.75s-.07902-.38968-.21967-.53033S9.44891 8 9.25 8z"
+    d: "M6.75 8a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
     fillRule: "evenodd",
-    d: "M2.1e-7 2.75C2.1e-7 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v1.5c0 .698-.409 1.3-1 1.582v6.918c0 .5967-.2371 1.169-.659 1.591-.422.4219-.9943.659-1.591.659h-9.5c-.59674 0-1.16903-.2371-1.59099-.659C1.23705 13.919 1 13.3467 1 12.75V5.832c-.299341-.14199-.552226-.36604-.72925-.64609"
+    d: "M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v1.5c0 .698-.409 1.3-1 1.582v6.918A2.25 2.25 0 0 1 12.75 15h-9.5A2.25 2.25 0 0 1 1 12.75V5.832A1.75 1.75 0 0 1 0 4.25zm13.5 10V6h-11v6.75c0 .414.336.75.75.75h9.5a.75.75 0 0 0 .75-.75m1-8.5a.25.25 0 0 1-.25.25H1.75a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h12.5a.25.25 0 0 1 .25.25z"
   }));
 }
 const ForwardRef = React.forwardRef(ArchiveIcon);

package/16/outline/esm/PenIcon.js

@@ -16,7 +16,7 @@ function PenIcon({
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13.303 0c-.675 0-1.321.268-1.798.745l-1.422 1.422h-.001l-8.966 8.966a.75.75 0 0 0-.197.349l-.897 3.586a.75.75 0 0 0 .91.91l3.586-.897a.75.75 0 0 0 .349-.197L15.255 4.495a2.543 2.543 0 0 0 0-3.596l-.154-.154A2.543 2.543 0 0 0 13.303 0M2.323 12.047l8.29-8.29 1.63 1.63-8.29 8.29-2.172.542.543-2.172ZM14.5 2.697c0 .277-.11.542-.305.738l-.895.895-1.626-1.633.891-.892a1.044 1.044 0 0 1 1.476 0l.154.155c.195.195.305.46.305.737"
+    d: "M13.303 0c.674 0 1.32.268 1.798.745l.154.154a2.543 2.543 0 0 1 0 3.596L4.868 14.884a.751.751 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.751.751 0 0 1 .197-.35L11.505.746A2.543 2.543 0 0 1 13.303 0m0 1.5c-.242 0-.476.084-.661.236l-.077.07-10.242 10.24-.543 2.173 2.173-.543L14.194 3.435l.07-.077a1.043 1.043 0 0 0-.07-1.399l-.154-.153a1.043 1.043 0 0 0-.737-.306"
   }));
 }
 const ForwardRef = React.forwardRef(PenIcon);

package/16/outline/esm/PenLineIcon.js

@@ -15,10 +15,7 @@ function PenLineIcon({
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M11.505.745a2.543 2.543 0 0 1 3.596 0l.154.154a2.543 2.543 0 0 1 0 3.596L4.867 14.884a.75.75 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.75.75 0 0 1 .197-.349l8.966-8.965v-.001L11.506.745Zm-.892 3.013-8.29 8.289-.542 2.172 2.172-.543 8.29-8.289-1.63-1.63Zm1.959-1.96a1.03 1.03 0 0 1 1.456 0l.17.17a1.03 1.03 0 0 1 0 1.457l-.898.898-1.626-1.627z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z"
+    d: "M13.303 0c.674 0 1.32.268 1.798.745l.154.154a2.543 2.543 0 0 1 0 3.596L4.868 14.884a.751.751 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.751.751 0 0 1 .197-.35L11.505.746A2.543 2.543 0 0 1 13.303 0m0 1.5c-.242 0-.476.084-.661.236l-.077.07-10.242 10.24-.543 2.173 2.173-.543L14.194 3.435l.07-.077a1.043 1.043 0 0 0-.07-1.399l-.154-.153a1.043 1.043 0 0 0-.737-.306M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z"
   }));
 }
 const ForwardRef = React.forwardRef(PenLineIcon);

package/16/outline/esm/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/16/outline/esm/PencilIcon.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.303 0c-.675 0-1.321.268-1.798.745l-1.422 1.422h-.001l-8.966 8.966a.75.75 0 0 0-.197.349l-.897 3.586a.75.75 0 0 0 .91.91l3.586-.897a.75.75 0 0 0 .349-.197L15.255 4.495a2.543 2.543 0 0 0 0-3.596l-.154-.154A2.543 2.543 0 0 0 13.303 0M2.323 12.047l8.29-8.29 1.63 1.63-8.29 8.29-2.172.542.543-2.172ZM14.5 2.697c0 .277-.11.542-.305.738l-.895.895-1.626-1.633.891-.892a1.044 1.044 0 0 1 1.476 0l.154.155c.195.195.305.46.305.737"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+export default ForwardRef;

package/16/outline/esm/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/16/outline/esm/PencilLineIcon.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.505.745a2.543 2.543 0 0 1 3.596 0l.154.154a2.543 2.543 0 0 1 0 3.596L4.867 14.884a.75.75 0 0 1-.349.197l-3.586.897a.75.75 0 0 1-.91-.91l.897-3.586a.75.75 0 0 1 .197-.349l8.966-8.965v-.001L11.506.745Zm-.892 3.013-8.29 8.289-.542 2.172 2.172-.543 8.29-8.289-1.63-1.63Zm1.959-1.96a1.03 1.03 0 0 1 1.456 0l.17.17a1.03 1.03 0 0 1 0 1.457l-.898.898-1.626-1.627z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+export default ForwardRef;

package/16/outline/esm/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/16/outline/esm/index.js

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon.js'
 export { default as PaperclipIcon } from './PaperclipIcon.js'
 export { default as PenLineIcon } from './PenLineIcon.js'
 export { default as PenIcon } from './PenIcon.js'
+export { default as PencilLineIcon } from './PencilLineIcon.js'
+export { default as PencilIcon } from './PencilIcon.js'
 export { default as PhoneIcon } from './PhoneIcon.js'
 export { default as PinIcon } from './PinIcon.js'
 export { default as PlusIcon } from './PlusIcon.js'

package/16/outline/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/16/outline/index.js

@@ -114,6 +114,8 @@ module.exports.PageIcon = require("./PageIcon.js")
 module.exports.PaperclipIcon = require("./PaperclipIcon.js")
 module.exports.PenLineIcon = require("./PenLineIcon.js")
 module.exports.PenIcon = require("./PenIcon.js")
+module.exports.PencilLineIcon = require("./PencilLineIcon.js")
+module.exports.PencilIcon = require("./PencilIcon.js")
 module.exports.PhoneIcon = require("./PhoneIcon.js")
 module.exports.PinIcon = require("./PinIcon.js")
 module.exports.PlusIcon = require("./PlusIcon.js")

package/16/solid/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/16/solid/PencilIcon.js

@@ -0,0 +1,21 @@
+const React = require("react");
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "m13.295 6.455-8.428 8.429a.751.751 0 0 1-.349.197l-3.586.896a.75.75 0 0 1-.91-.909l.897-3.587a.751.751 0 0 1 .197-.348l8.428-8.429 3.75 3.751ZM13.303 0c.674 0 1.32.268 1.797.745l.155.154a2.543 2.543 0 0 1 0 3.596l-.9.9-3.75-3.751.9-.899A2.544 2.544 0 0 1 13.303 0"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+module.exports = ForwardRef;

package/16/solid/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/16/solid/PencilLineIcon.js

@@ -0,0 +1,21 @@
+const React = require("react");
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5zm4.545-7.545-8.428 8.429a.751.751 0 0 1-.349.197l-3.586.896a.75.75 0 0 1-.91-.909l.897-3.587a.751.751 0 0 1 .197-.348l8.428-8.429 3.75 3.751ZM13.303 0c.674 0 1.32.268 1.797.745l.155.154a2.543 2.543 0 0 1 0 3.596l-.9.9-3.75-3.751.9-.899A2.544 2.544 0 0 1 13.303 0"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+module.exports = ForwardRef;

package/16/solid/esm/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/16/solid/esm/PencilIcon.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "m13.295 6.455-8.428 8.429a.751.751 0 0 1-.349.197l-3.586.896a.75.75 0 0 1-.91-.909l.897-3.587a.751.751 0 0 1 .197-.348l8.428-8.429 3.75 3.751ZM13.303 0c.674 0 1.32.268 1.797.745l.155.154a2.543 2.543 0 0 1 0 3.596l-.9.9-3.75-3.751.9-.899A2.544 2.544 0 0 1 13.303 0"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+export default ForwardRef;

package/16/solid/esm/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/16/solid/esm/PencilLineIcon.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M8.75 14a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5zm4.545-7.545-8.428 8.429a.751.751 0 0 1-.349.197l-3.586.896a.75.75 0 0 1-.91-.909l.897-3.587a.751.751 0 0 1 .197-.348l8.428-8.429 3.75 3.751ZM13.303 0c.674 0 1.32.268 1.797.745l.155.154a2.543 2.543 0 0 1 0 3.596l-.9.9-3.75-3.751.9-.899A2.544 2.544 0 0 1 13.303 0"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+export default ForwardRef;

package/16/solid/esm/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/16/solid/esm/index.js

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon.js'
 export { default as PaperclipIcon } from './PaperclipIcon.js'
 export { default as PenLineIcon } from './PenLineIcon.js'
 export { default as PenIcon } from './PenIcon.js'
+export { default as PencilLineIcon } from './PencilLineIcon.js'
+export { default as PencilIcon } from './PencilIcon.js'
 export { default as PhoneIcon } from './PhoneIcon.js'
 export { default as PinIcon } from './PinIcon.js'
 export { default as PlusIcon } from './PlusIcon.js'

package/16/solid/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/16/solid/index.js

@@ -114,6 +114,8 @@ module.exports.PageIcon = require("./PageIcon.js")
 module.exports.PaperclipIcon = require("./PaperclipIcon.js")
 module.exports.PenLineIcon = require("./PenLineIcon.js")
 module.exports.PenIcon = require("./PenIcon.js")
+module.exports.PencilLineIcon = require("./PencilLineIcon.js")
+module.exports.PencilIcon = require("./PencilIcon.js")
 module.exports.PhoneIcon = require("./PhoneIcon.js")
 module.exports.PinIcon = require("./PinIcon.js")
 module.exports.PlusIcon = require("./PlusIcon.js")

package/24/outline/PenIcon.js

@@ -9,14 +9,12 @@ function PenIcon({
     width: 24,
     height: 24,
     fill: "currentColor",
-    viewBox: "0 0 24 24",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M19.497 1a3.29 3.29 0 0 0-2.323.962l-2.01 2.01L2.487 16.65a.75.75 0 0 0-.197.348l-1.268 5.071a.75.75 0 0 0 .91.91l5.07-1.268a.75.75 0 0 0 .349-.197L22.038 6.826a3.285 3.285 0 0 0 0-4.646l-.218-.218A3.285 3.285 0 0 0 19.497 1M3.695 17.563l12-12 2.741 2.743-11.999 12-3.656.913zM21.5 4.503c0 .473-.188.927-.523 1.262L19.5 7.25l-2.745-2.747 1.48-1.48a1.785 1.785 0 0 1 2.524 0l.218.218c.335.334.523.788.523 1.262"
+    d: "M19.497 1c.871 0 1.707.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349L17.175 1.963A3.285 3.285 0 0 1 19.497 1m0 1.5c-.414 0-.813.144-1.13.404l-.132.118-14.54 14.54-.915 3.657 3.656-.914 14.541-14.54.119-.131a1.785 1.785 0 0 0 0-2.263l-.119-.13-.218-.219a1.787 1.787 0 0 0-1.262-.522"
   }));
 }
 const ForwardRef = React.forwardRef(PenIcon);

package/24/outline/PenLineIcon.js

@@ -15,10 +15,7 @@ function PenLineIcon({
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M17.174 1.962a3.285 3.285 0 0 1 4.646 0l.218.218a3.286 3.286 0 0 1 0 4.646L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349zm-1.48 3.601-12 12-.913 3.656 3.656-.914 12-12zm5.283.202a1.786 1.786 0 0 0 0-2.524l-.218-.218a1.785 1.785 0 0 0-2.524 0l-1.48 1.48L19.5 7.25z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
+    d: "M19.497 1c.871 0 1.707.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349L17.175 1.963A3.285 3.285 0 0 1 19.497 1m0 1.5c-.414 0-.813.144-1.13.404l-.132.118-14.54 14.54-.915 3.657 3.656-.914 14.541-14.54.119-.131a1.785 1.785 0 0 0 0-2.263l-.119-.13-.218-.219a1.787 1.787 0 0 0-1.262-.522m-8.747 19a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
   }));
 }
 const ForwardRef = React.forwardRef(PenLineIcon);

package/24/outline/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/24/outline/PencilIcon.js

@@ -0,0 +1,22 @@
+const React = require("react");
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M19.497 1c-.87 0-1.706.346-2.323.962l-2.01 2.01L2.487 16.65a.75.75 0 0 0-.197.348l-1.268 5.071a.75.75 0 0 0 .91.91l5.07-1.268a.75.75 0 0 0 .349-.197L22.038 6.826a3.285 3.285 0 0 0 0-4.646l-.218-.218A3.285 3.285 0 0 0 19.497 1M3.695 17.563l12-12 2.741 2.743-11.999 12-3.656.913zM21.5 4.503c0 .473-.188.927-.523 1.262L19.5 7.25l-2.745-2.747 1.48-1.48a1.785 1.785 0 0 1 2.524 0l.218.218c.335.334.523.788.523 1.262"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+module.exports = ForwardRef;

package/24/outline/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/24/outline/PencilLineIcon.js

@@ -0,0 +1,24 @@
+const React = require("react");
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M17.174 1.962a3.285 3.285 0 0 1 4.646 0l.218.218a3.286 3.286 0 0 1 0 4.646L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349zm-1.48 3.601-12 12-.913 3.656 3.656-.914 12-12zm5.283.202a1.786 1.786 0 0 0 0-2.524l-.218-.218a1.785 1.785 0 0 0-2.524 0l-1.48 1.48L19.5 7.25z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+module.exports = ForwardRef;

package/24/outline/esm/PenIcon.js

@@ -9,14 +9,12 @@ function PenIcon({
     width: 24,
     height: 24,
     fill: "currentColor",
-    viewBox: "0 0 24 24",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M19.497 1a3.29 3.29 0 0 0-2.323.962l-2.01 2.01L2.487 16.65a.75.75 0 0 0-.197.348l-1.268 5.071a.75.75 0 0 0 .91.91l5.07-1.268a.75.75 0 0 0 .349-.197L22.038 6.826a3.285 3.285 0 0 0 0-4.646l-.218-.218A3.285 3.285 0 0 0 19.497 1M3.695 17.563l12-12 2.741 2.743-11.999 12-3.656.913zM21.5 4.503c0 .473-.188.927-.523 1.262L19.5 7.25l-2.745-2.747 1.48-1.48a1.785 1.785 0 0 1 2.524 0l.218.218c.335.334.523.788.523 1.262"
+    d: "M19.497 1c.871 0 1.707.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349L17.175 1.963A3.285 3.285 0 0 1 19.497 1m0 1.5c-.414 0-.813.144-1.13.404l-.132.118-14.54 14.54-.915 3.657 3.656-.914 14.541-14.54.119-.131a1.785 1.785 0 0 0 0-2.263l-.119-.13-.218-.219a1.787 1.787 0 0 0-1.262-.522"
   }));
 }
 const ForwardRef = React.forwardRef(PenIcon);

package/24/outline/esm/PenLineIcon.js

@@ -15,10 +15,7 @@ function PenLineIcon({
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M17.174 1.962a3.285 3.285 0 0 1 4.646 0l.218.218a3.286 3.286 0 0 1 0 4.646L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349zm-1.48 3.601-12 12-.913 3.656 3.656-.914 12-12zm5.283.202a1.786 1.786 0 0 0 0-2.524l-.218-.218a1.785 1.785 0 0 0-2.524 0l-1.48 1.48L19.5 7.25z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
+    d: "M19.497 1c.871 0 1.707.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349L17.175 1.963A3.285 3.285 0 0 1 19.497 1m0 1.5c-.414 0-.813.144-1.13.404l-.132.118-14.54 14.54-.915 3.657 3.656-.914 14.541-14.54.119-.131a1.785 1.785 0 0 0 0-2.263l-.119-.13-.218-.219a1.787 1.787 0 0 0-1.262-.522m-8.747 19a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
   }));
 }
 const ForwardRef = React.forwardRef(PenLineIcon);

package/24/outline/esm/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/24/outline/esm/PencilIcon.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M19.497 1c-.87 0-1.706.346-2.323.962l-2.01 2.01L2.487 16.65a.75.75 0 0 0-.197.348l-1.268 5.071a.75.75 0 0 0 .91.91l5.07-1.268a.75.75 0 0 0 .349-.197L22.038 6.826a3.285 3.285 0 0 0 0-4.646l-.218-.218A3.285 3.285 0 0 0 19.497 1M3.695 17.563l12-12 2.741 2.743-11.999 12-3.656.913zM21.5 4.503c0 .473-.188.927-.523 1.262L19.5 7.25l-2.745-2.747 1.48-1.48a1.785 1.785 0 0 1 2.524 0l.218.218c.335.334.523.788.523 1.262"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+export default ForwardRef;

package/24/outline/esm/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/24/outline/esm/PencilLineIcon.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M17.174 1.962a3.285 3.285 0 0 1 4.646 0l.218.218a3.286 3.286 0 0 1 0 4.646L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349zm-1.48 3.601-12 12-.913 3.656 3.656-.914 12-12zm5.283.202a1.786 1.786 0 0 0 0-2.524l-.218-.218a1.785 1.785 0 0 0-2.524 0l-1.48 1.48L19.5 7.25z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+export default ForwardRef;

package/24/outline/esm/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/24/outline/esm/index.js

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon.js'
 export { default as PaperclipIcon } from './PaperclipIcon.js'
 export { default as PenLineIcon } from './PenLineIcon.js'
 export { default as PenIcon } from './PenIcon.js'
+export { default as PencilLineIcon } from './PencilLineIcon.js'
+export { default as PencilIcon } from './PencilIcon.js'
 export { default as PhoneIcon } from './PhoneIcon.js'
 export { default as PinIcon } from './PinIcon.js'
 export { default as PlusIcon } from './PlusIcon.js'

package/24/outline/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/24/outline/index.js

@@ -114,6 +114,8 @@ module.exports.PageIcon = require("./PageIcon.js")
 module.exports.PaperclipIcon = require("./PaperclipIcon.js")
 module.exports.PenLineIcon = require("./PenLineIcon.js")
 module.exports.PenIcon = require("./PenIcon.js")
+module.exports.PencilLineIcon = require("./PencilLineIcon.js")
+module.exports.PencilIcon = require("./PencilIcon.js")
 module.exports.PhoneIcon = require("./PhoneIcon.js")
 module.exports.PinIcon = require("./PinIcon.js")
 module.exports.PlusIcon = require("./PlusIcon.js")

package/24/solid/PenLineIcon.js

@@ -9,13 +9,15 @@ function PenLineIcon({
     width: 24,
     height: 24,
     fill: "currentColor",
-    viewBox: "0 0 24 24",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    d: "M19.497 1a3.29 3.29 0 0 0-2.323.962l-2.01 2.01L2.487 16.65a.75.75 0 0 0-.197.348l-1.268 5.071a.75.75 0 0 0 .91.91l5.07-1.268a.75.75 0 0 0 .349-.197L22.038 6.826a3.285 3.285 0 0 0 0-4.646l-.218-.218A3.285 3.285 0 0 0 19.497 1M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
+    fillRule: "evenodd",
+    d: "M17.174 1.962a3.285 3.285 0 0 1 4.646 0l.218.218a3.286 3.286 0 0 1 0 4.646L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349L15.164 3.972z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
   }));
 }
 const ForwardRef = React.forwardRef(PenLineIcon);

package/24/solid/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/24/solid/PencilIcon.js

@@ -0,0 +1,21 @@
+const React = require("react");
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M19.501 9.361 7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.267a.75.75 0 0 1-.91-.909l1.268-5.07a.75.75 0 0 1 .197-.349l12.15-12.151zM19.497 1c.871 0 1.706.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645l-1.476 1.476-4.864-4.864 1.477-1.475A3.285 3.285 0 0 1 19.497 1"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+module.exports = ForwardRef;

package/24/solid/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/24/solid/PencilLineIcon.js

@@ -0,0 +1,21 @@
+const React = require("react");
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5zm8.751-12.139L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.267a.75.75 0 0 1-.91-.909l1.268-5.07a.75.75 0 0 1 .197-.349l12.15-12.151zM19.497 1c.871 0 1.706.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645l-1.476 1.476-4.864-4.864 1.477-1.475A3.285 3.285 0 0 1 19.497 1"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+module.exports = ForwardRef;

package/24/solid/esm/PenLineIcon.js

@@ -9,13 +9,15 @@ function PenLineIcon({
     width: 24,
     height: 24,
     fill: "currentColor",
-    viewBox: "0 0 24 24",
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
-    d: "M19.497 1a3.29 3.29 0 0 0-2.323.962l-2.01 2.01L2.487 16.65a.75.75 0 0 0-.197.348l-1.268 5.071a.75.75 0 0 0 .91.91l5.07-1.268a.75.75 0 0 0 .349-.197L22.038 6.826a3.285 3.285 0 0 0 0-4.646l-.218-.218A3.285 3.285 0 0 0 19.497 1M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
+    fillRule: "evenodd",
+    d: "M17.174 1.962a3.285 3.285 0 0 1 4.646 0l.218.218a3.286 3.286 0 0 1 0 4.646L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.268a.75.75 0 0 1-.91-.91l1.268-5.07a.75.75 0 0 1 .197-.349L15.164 3.972z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5z"
   }));
 }
 const ForwardRef = React.forwardRef(PenLineIcon);

package/24/solid/esm/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilIcon;

package/24/solid/esm/PencilIcon.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+function PencilIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M19.501 9.361 7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.267a.75.75 0 0 1-.91-.909l1.268-5.07a.75.75 0 0 1 .197-.349l12.15-12.151zM19.497 1c.871 0 1.706.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645l-1.476 1.476-4.864-4.864 1.477-1.475A3.285 3.285 0 0 1 19.497 1"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilIcon);
+export default ForwardRef;

package/24/solid/esm/PencilLineIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const PencilLineIcon: React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & { title?: string, titleId?: string } & React.RefAttributes<SVGSVGElement>>;
+export default PencilLineIcon;

package/24/solid/esm/PencilLineIcon.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+function PencilLineIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "currentColor",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M10.75 21.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5zm8.751-12.139L7.351 21.513a.75.75 0 0 1-.348.197l-5.071 1.267a.75.75 0 0 1-.91-.909l1.268-5.07a.75.75 0 0 1 .197-.349l12.15-12.151zM19.497 1c.871 0 1.706.346 2.323.962l.218.218a3.287 3.287 0 0 1 0 4.645l-1.476 1.476-4.864-4.864 1.477-1.475A3.285 3.285 0 0 1 19.497 1"
+  }));
+}
+const ForwardRef = React.forwardRef(PencilLineIcon);
+export default ForwardRef;

package/24/solid/esm/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/24/solid/esm/index.js

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon.js'
 export { default as PaperclipIcon } from './PaperclipIcon.js'
 export { default as PenLineIcon } from './PenLineIcon.js'
 export { default as PenIcon } from './PenIcon.js'
+export { default as PencilLineIcon } from './PencilLineIcon.js'
+export { default as PencilIcon } from './PencilIcon.js'
 export { default as PhoneIcon } from './PhoneIcon.js'
 export { default as PinIcon } from './PinIcon.js'
 export { default as PlusIcon } from './PlusIcon.js'

package/24/solid/index.d.ts

@@ -114,6 +114,8 @@ export { default as PageIcon } from './PageIcon'
 export { default as PaperclipIcon } from './PaperclipIcon'
 export { default as PenLineIcon } from './PenLineIcon'
 export { default as PenIcon } from './PenIcon'
+export { default as PencilLineIcon } from './PencilLineIcon'
+export { default as PencilIcon } from './PencilIcon'
 export { default as PhoneIcon } from './PhoneIcon'
 export { default as PinIcon } from './PinIcon'
 export { default as PlusIcon } from './PlusIcon'

package/24/solid/index.js

@@ -114,6 +114,8 @@ module.exports.PageIcon = require("./PageIcon.js")
 module.exports.PaperclipIcon = require("./PaperclipIcon.js")
 module.exports.PenLineIcon = require("./PenLineIcon.js")
 module.exports.PenIcon = require("./PenIcon.js")
+module.exports.PencilLineIcon = require("./PencilLineIcon.js")
+module.exports.PencilIcon = require("./PencilIcon.js")
 module.exports.PhoneIcon = require("./PhoneIcon.js")
 module.exports.PinIcon = require("./PinIcon.js")
 module.exports.PlusIcon = require("./PlusIcon.js")

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "metal-icons",
   "license": "MIT",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "A flexible React icon library.",
   "keywords": [
     "design",