Adding/revising icons: pending, pin and selection

Author: jaredpdesigns

images/icons/pending.svg

@@ -0,0 +1,30 @@
+// This file was auto-generated using scripts/generate-icons.js
+import type { JSX } from 'preact';
+
+export type PendingIconProps = JSX.SVGAttributes<SVGSVGElement>;
+
+/**
+ * Icon generated from pending.svg
+ */
+export default function PendingIcon(props: PendingIconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      aria-hidden="true"
+      viewBox="0 0 16 16"
+      data-component="PendingIcon"
+      {...props}
+    >
+      <g fill-rule="evenodd">
+        <path fill="none" d="M0 0h16v16H0z" />
+        <path
+          fill="currentColor"
+          d="M6.956.068a8 8 0 0 1 2.088 0 .889.889 0 1 1-.23 1.762 6.3 6.3 0 0 0-1.628 0 .889.889 0 0 1-.23-1.762m4.668 1.748a.89.89 0 0 1 1.247-.163c.554.426 1.05.922 1.476 1.476a.889.889 0 0 1-1.41 1.083 6.3 6.3 0 0 0-1.15-1.15.89.89 0 0 1-.163-1.246m-7.248 0c.299.39.226.948-.164 1.247a6.3 6.3 0 0 0-1.15 1.15.889.889 0 0 1-1.409-1.084A8 8 0 0 1 3.13 1.653a.89.89 0 0 1 1.247.163m10.56 4.374a.89.89 0 0 1 .996.766 8 8 0 0 1 0 2.088.889.889 0 1 1-1.762-.23 6.3 6.3 0 0 0 0-1.628.89.89 0 0 1 .766-.996m-13.872 0c.487.063.83.51.766.996a6.3 6.3 0 0 0 0 1.628.889.889 0 0 1-1.762.23 8 8 0 0 1 0-2.088.89.89 0 0 1 .996-.766m13.12 5.434c.389.3.462.857.163 1.247a8 8 0 0 1-1.476 1.476.889.889 0 0 1-1.084-1.41 6.3 6.3 0 0 0 1.15-1.15.89.89 0 0 1 1.247-.163m-12.368 0a.89.89 0 0 1 1.247.163c.331.432.718.819 1.15 1.15a.889.889 0 0 1-1.084 1.41 8 8 0 0 1-1.476-1.476.89.89 0 0 1 .163-1.247m4.374 3.312a.89.89 0 0 1 .996-.766 6.3 6.3 0 0 0 1.628 0 .889.889 0 1 1 .23 1.762 8 8 0 0 1-2.088 0 .89.89 0 0 1-.766-.996"
+          clip-rule="evenodd"
+        />
+      </g>
+    </svg>
+  );
+}

images/icons/pin-filled.svg

@@ -21,7 +21,7 @@ export default function PinIcon(props: PinIconProps) {
         <path fill="none" d="M0 0h16v16H0z" />
         <path
           fill="currentColor"
-          d="M9.293.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414l-.043-.043-2.86 2.86-.929 3.25a1 1 0 0 1-.254.433l-1.5 1.5a1 1 0 0 1-1.414 0L5 12.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L3.586 11 1.293 8.707a1 1 0 0 1 0-1.414l1.5-1.5a1 1 0 0 1 .432-.255l3.251-.928 2.86-2.86-.043-.043a1 1 0 0 1 0-1.414m1.457 2.871L7.707 6.207a1 1 0 0 1-.432.255l-3.251.928-.61.61L8 12.586l.61-.61.928-3.25a1 1 0 0 1 .255-.433l3.043-3.043z"
+          d="M3 1a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2 .5.5 0 0 0-.5.5v.146a.5.5 0 0 0 .053.224l1.341 2.683c.07.139.106.292.106.447v3a1 1 0 0 1-1 1H9.024l.093 4.977a1 1 0 0 1-2 .046L7.024 10H4a1 1 0 0 1-1-1V6a1 1 0 0 1 .106-.447L4.447 2.87a.5.5 0 0 0 .053-.224V2.5A.5.5 0 0 0 4 2a1 1 0 0 1-1-1m4 1a.5.5 0 0 0-.5.5V3a1 1 0 0 1-.106.447L5.053 6.13A.5.5 0 0 0 5 6.355V7.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V6.354a.5.5 0 0 0-.053-.224L9.606 3.448A1 1 0 0 1 9.5 3v-.5A.5.5 0 0 0 9 2z"
           clip-rule="evenodd"
         />
       </g>

images/icons/pin.svg

@@ -21,8 +21,7 @@ export default function PinFilledIcon(props: PinFilledIconProps) {
         <path fill="none" d="M0 0h16v16H0z" />
         <path
           fill="currentColor"
-          d="M9.293.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414l-.043-.043-2.86 2.86-.929 3.25a1 1 0 0 1-.254.433l-1.5 1.5a1 1 0 0 1-1.414 0L5 12.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L3.586 11 1.293 8.707a1 1 0 0 1 0-1.414l1.5-1.5a1 1 0 0 1 .432-.255l3.258-.93 2.89-2.82-.08-.08a1 1 0 0 1 0-1.415"
-          clip-rule="evenodd"
+          d="M4 0a1 1 0 0 0 0 2 .5.5 0 0 1 .5.5v.146a.5.5 0 0 1-.053.224L3.106 5.553A1 1 0 0 0 3 6v3a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-.106-.447L11.553 2.87a.5.5 0 0 1-.053-.224V2.5A.5.5 0 0 1 12 2a1 1 0 1 0 0-2zM9.043 11h-2l.075 4.024a1 1 0 1 0 2-.047z"
         />
       </g>
     </svg>

images/icons/selection.svg

@@ -0,0 +1,30 @@
+// This file was auto-generated using scripts/generate-icons.js
+import type { JSX } from 'preact';
+
+export type SelectionIconProps = JSX.SVGAttributes<SVGSVGElement>;
+
+/**
+ * Icon generated from selection.svg
+ */
+export default function SelectionIcon(props: SelectionIconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      aria-hidden="true"
+      viewBox="0 0 16 16"
+      data-component="SelectionIcon"
+      {...props}
+    >
+      <g fill-rule="evenodd">
+        <path fill="none" d="M0 0h16v16H0z" />
+        <path
+          fill="currentColor"
+          d="M2.5 0h-1A1.5 1.5 0 0 0 0 1.5v1a1.5 1.5 0 0 0 1 1.415v8.17A1.5 1.5 0 0 0 0 13.5v1A1.5 1.5 0 0 0 1.5 16h1a1.5 1.5 0 0 0 1.415-1h8.17a1.5 1.5 0 0 0 1.415 1h1a1.5 1.5 0 0 0 1.5-1.5v-1a1.5 1.5 0 0 0-1-1.415v-8.17A1.5 1.5 0 0 0 16 2.5v-1A1.5 1.5 0 0 0 14.5 0h-1a1.5 1.5 0 0 0-1.415 1h-8.17A1.5 1.5 0 0 0 2.5 0m9.585 13c.151-.426.489-.764.915-.915v-8.17A1.5 1.5 0 0 1 12.085 3h-8.17c-.151.426-.489.764-.915.915v8.17c.426.151.764.489.915.915zM1 1.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM1.5 13a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM13 1.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 11.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"
+          clip-rule="evenodd"
+        />
+      </g>
+    </svg>
+  );
+}

src/components/icons/Pending.tsx

@@ -94,6 +94,7 @@ export { default as NoteFilledIcon } from './NoteFilled';
 export { default as OneDriveIcon } from './OneDrive';
 export { default as OrderableIcon } from './Orderable';
 export { default as PauseIcon } from './Pause';
+export { default as PendingIcon } from './Pending';
 export { default as PinIcon } from './Pin';
 export { default as PinFilledIcon } from './PinFilled';
 export { default as PlusIcon } from './Plus';
@@ -112,6 +113,7 @@ export { default as RestrictedIcon } from './Restricted';
 export { default as SchoolIcon } from './School';
 export { default as SchoolFilledIcon } from './SchoolFilled';
 export { default as SearchIcon } from './Search';
+export { default as SelectionIcon } from './Selection';
 export { default as SettingsIcon } from './Settings';
 export { default as ShareIcon } from './Share';
 export { default as ShowIcon } from './Show';