add-double-track-outline-previous-and-next-icons (#46)

ableco · Jan 27, 2021 · cdc4442 · cdc4442
1 parent bb8674a
commit cdc4442
Show file tree

Hide file tree

Showing 2 changed files with 194 additions and 0 deletions.
diff --git a/src/__snapshots__/index.test.tsx.snap b/src/__snapshots__/index.test.tsx.snap
@@ -1029,6 +1029,44 @@ exports[`With className array Icon DoubleCheck 1`] = `
 </div>
 `;
 
+exports[`With className array Icon DoubleTrackNextOutline 1`] = `
+<div>
+  <svg
+    class="w-4 text-black fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M2.524 19.172a1.024 1.024 0 101.285 1.596l9.932-7.99a1.025 1.025 0 000-1.596l-9.89-7.948A1.024 1.024 0 002.569 4.83l8.897 7.149-8.942 7.193zm7.734 0a1.024 1.024 0 101.285 1.596l9.933-7.99a1.025 1.025 0 000-1.596l-9.89-7.948a1.024 1.024 0 00-1.283 1.596L19.2 11.98l-8.941 7.193z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
+exports[`With className array Icon DoubleTrackPreviousOutline 1`] = `
+<div>
+  <svg
+    class="w-4 text-black fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M12.457 20.768a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.157-1.44L4.8 11.98l8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99zm7.734 0a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.156-1.44l-8.942-7.192 8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
 exports[`With className array Icon Download 1`] = `
 <div>
   <svg
@@ -3013,6 +3051,44 @@ exports[`With className object Icon DoubleCheck 1`] = `
 </div>
 `;
 
+exports[`With className object Icon DoubleTrackNextOutline 1`] = `
+<div>
+  <svg
+    class="w-4 fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M2.524 19.172a1.024 1.024 0 101.285 1.596l9.932-7.99a1.025 1.025 0 000-1.596l-9.89-7.948A1.024 1.024 0 002.569 4.83l8.897 7.149-8.942 7.193zm7.734 0a1.024 1.024 0 101.285 1.596l9.933-7.99a1.025 1.025 0 000-1.596l-9.89-7.948a1.024 1.024 0 00-1.283 1.596L19.2 11.98l-8.941 7.193z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
+exports[`With className object Icon DoubleTrackPreviousOutline 1`] = `
+<div>
+  <svg
+    class="w-4 fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M12.457 20.768a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.157-1.44L4.8 11.98l8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99zm7.734 0a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.156-1.44l-8.942-7.192 8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
 exports[`With className object Icon Download 1`] = `
 <div>
   <svg
@@ -4997,6 +5073,44 @@ exports[`With className string Icon DoubleCheck 1`] = `
 </div>
 `;
 
+exports[`With className string Icon DoubleTrackNextOutline 1`] = `
+<div>
+  <svg
+    class="w-4 h-4 fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M2.524 19.172a1.024 1.024 0 101.285 1.596l9.932-7.99a1.025 1.025 0 000-1.596l-9.89-7.948A1.024 1.024 0 002.569 4.83l8.897 7.149-8.942 7.193zm7.734 0a1.024 1.024 0 101.285 1.596l9.933-7.99a1.025 1.025 0 000-1.596l-9.89-7.948a1.024 1.024 0 00-1.283 1.596L19.2 11.98l-8.941 7.193z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
+exports[`With className string Icon DoubleTrackPreviousOutline 1`] = `
+<div>
+  <svg
+    class="w-4 h-4 fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M12.457 20.768a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.157-1.44L4.8 11.98l8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99zm7.734 0a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.156-1.44l-8.942-7.192 8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
 exports[`With className string Icon Download 1`] = `
 <div>
   <svg
@@ -6981,6 +7095,44 @@ exports[`Without className Icon DoubleCheck 1`] = `
 </div>
 `;
 
+exports[`Without className Icon DoubleTrackNextOutline 1`] = `
+<div>
+  <svg
+    class="fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M2.524 19.172a1.024 1.024 0 101.285 1.596l9.932-7.99a1.025 1.025 0 000-1.596l-9.89-7.948A1.024 1.024 0 002.569 4.83l8.897 7.149-8.942 7.193zm7.734 0a1.024 1.024 0 101.285 1.596l9.933-7.99a1.025 1.025 0 000-1.596l-9.89-7.948a1.024 1.024 0 00-1.283 1.596L19.2 11.98l-8.941 7.193z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
+exports[`Without className Icon DoubleTrackPreviousOutline 1`] = `
+<div>
+  <svg
+    class="fill-current"
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      clip-rule="evenodd"
+      d="M12.457 20.768a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.157-1.44L4.8 11.98l8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99zm7.734 0a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.156-1.44l-8.942-7.192 8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99z"
+      fill="currentColor"
+      fill-rule="evenodd"
+    />
+  </svg>
+</div>
+`;
+
 exports[`Without className Icon Download 1`] = `
 <div>
   <svg

diff --git a/src/index.tsx b/src/index.tsx
@@ -1743,3 +1743,45 @@ export function CircleProgressFilled(props: BaseProps): JSX.Element {
     </svg>
   );
 }
+
+export function DoubleTrackPreviousOutline(props: BaseProps): JSX.Element {
+  const className = cx(props.className, 'fill-current');
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.457 20.768a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.157-1.44L4.8 11.98l8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99zm7.734 0a1.027 1.027 0 001.441-.157 1.024 1.024 0 00-.156-1.44l-8.942-7.192 8.897-7.149a1.024 1.024 0 00-1.282-1.596l-9.89 7.948a1.025 1.025 0 000 1.596l9.932 7.99z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export function DoubleTrackNextOutline(props: BaseProps): JSX.Element {
+  const className = cx(props.className, 'fill-current');
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.524 19.172a1.024 1.024 0 101.285 1.596l9.932-7.99a1.025 1.025 0 000-1.596l-9.89-7.948A1.024 1.024 0 002.569 4.83l8.897 7.149-8.942 7.193zm7.734 0a1.024 1.024 0 101.285 1.596l9.933-7.99a1.025 1.025 0 000-1.596l-9.89-7.948a1.024 1.024 0 00-1.283 1.596L19.2 11.98l-8.941 7.193z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}