feat(icon): add IconCounterClockwise (#1708)

vtex · Jul 10, 2024 · 4d72905 · 4d72905
2 parents 288c377 + e5472a9
commit 4d72905
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 0 deletions.
diff --git a/packages/shoreline/src/icons/counter-clockwise.tsx b/packages/shoreline/src/icons/counter-clockwise.tsx
@@ -0,0 +1,49 @@
+import { forwardRef, type ComponentPropsWithoutRef } from 'react'
+
+export const IconCounterClockwise = forwardRef<
+  SVGSVGElement,
+  ComponentPropsWithoutRef<'svg'>
+>(function IconCounterClockwise(props, ref) {
+  return (
+    <svg
+      data-sl-icon
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      aria-hidden
+      focusable={false}
+      {...props}
+    >
+      <path
+        d="M10 6.25V10L13.125 11.875"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M5.625 8.125H2.5V5"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M5.28125 15.0001C6.26404 15.9274 7.49832 16.5446 8.82987 16.7745C10.1614 17.0044 11.5312 16.8368 12.768 16.2927C14.0049 15.7486 15.054 14.852 15.7842 13.7151C16.5144 12.5781 16.8934 11.2512 16.8739 9.9001C16.8543 8.54899 16.437 7.23361 15.6741 6.11831C14.9112 5.00301 13.8366 4.13725 12.5845 3.6292C11.3324 3.12115 9.9583 2.99335 8.63397 3.26175C7.30964 3.53016 6.09377 4.18287 5.13828 5.13834C4.21875 6.06959 3.45937 6.94771 2.5 8.12506"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M12.2779 4.32393C11.1624 3.8713 9.93823 3.75744 8.75837 3.99656C7.57929 4.23553 6.4967 4.81644 5.6457 5.66677C5.09272 6.22688 4.59816 6.76815 4.07685 7.375H5.6005C6.01471 7.375 6.3505 7.71079 6.3505 8.125C6.3505 8.53921 6.01471 8.875 5.6005 8.875H2.4755C2.26161 8.875 2.06864 8.78547 1.93201 8.64184C1.8799 8.58721 1.83744 8.52619 1.80486 8.46114C1.76409 8.37997 1.73763 8.29037 1.72878 8.19566C1.72616 8.16807 1.72506 8.14033 1.72549 8.11259V5C1.72549 4.58579 2.06128 4.25 2.4755 4.25C2.88971 4.25 3.2255 4.58579 3.2255 5V6.06757C3.66527 5.5665 4.10114 5.09611 4.58002 4.61112L4.58338 4.60776C5.64311 3.54806 6.99162 2.82414 8.46042 2.52645C9.92922 2.22877 11.4532 2.37052 12.8419 2.93399C14.2306 3.49746 15.4224 4.45766 16.2685 5.69463C17.1147 6.9316 17.5775 8.39048 17.5992 9.88898C17.6209 11.3875 17.2006 12.8592 16.3907 14.1201C15.5808 15.3811 14.4173 16.3755 13.0455 16.979C11.6737 17.5825 10.1545 17.7683 8.67769 17.5133C7.20088 17.2584 5.83195 16.5738 4.74195 15.5453C4.44069 15.261 4.42691 14.7863 4.71119 14.4851C4.99547 14.1838 5.47014 14.17 5.7714 14.4543C6.64698 15.2805 7.74661 15.8304 8.9329 16.0352C10.1192 16.24 11.3395 16.0907 12.4415 15.606C13.5434 15.1212 14.478 14.3224 15.1286 13.3095C15.7792 12.2966 16.1168 11.1144 16.0994 9.91073C16.0819 8.70701 15.7101 7.53513 15.0305 6.54149C14.3508 5.54786 13.3934 4.77655 12.2779 4.32393ZM10.75 6.25C10.75 5.83579 10.4142 5.5 10 5.5C9.58579 5.5 9.25 5.83579 9.25 6.25V10C9.25 10.2634 9.38823 10.5076 9.61413 10.6431L12.7391 12.5181C13.0943 12.7312 13.555 12.6161 13.7681 12.2609C13.9812 11.9057 13.8661 11.445 13.5109 11.2319L10.75 9.57536V6.25Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+})
diff --git a/packages/shoreline/src/icons/index.ts b/packages/shoreline/src/icons/index.ts
@@ -140,3 +140,4 @@ export { IconXCircleFill } from './x-circle-fill'
 export { IconXCircle } from './x-circle'
 export { IconXSmall } from './x-small'
 export { IconX } from './x'
+export { IconCounterClockwise } from './counter-clockwise'