feat(controls): Add Settings Controls icons (#1333)

box · Feb 25, 2021 · 46dc15a · 46dc15a
1 parent 9e66b55
commit 46dc15a
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 0 deletions.
diff --git a/src/lib/viewers/controls/icons/IconArrowLeft24.tsx b/src/lib/viewers/controls/icons/IconArrowLeft24.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+function IconArrowLeft24(props: React.SVGProps<SVGSVGElement>): JSX.Element {
+    return (
+        <svg fill="#999EA4" focusable="false" height={24} viewBox="0 0 24 24" width={24} {...props}>
+            <path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z" />
+            <path d="M0-.5h24v24H0z" fill="none" />
+        </svg>
+    );
+}
+
+export default IconArrowLeft24;
diff --git a/src/lib/viewers/controls/icons/IconArrowRight24.tsx b/src/lib/viewers/controls/icons/IconArrowRight24.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+function IconArrowRight24(props: React.SVGProps<SVGSVGElement>): JSX.Element {
+    return (
+        <svg fill="#999EA4" focusable="false" height={24} viewBox="0 0 24 24" width={24} {...props}>
+            <path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" />
+            <path d="M0-.25h24v24H0z" fill="none" />
+        </svg>
+    );
+}
+
+export default IconArrowRight24;
diff --git a/src/lib/viewers/controls/icons/IconCheckMark24.tsx b/src/lib/viewers/controls/icons/IconCheckMark24.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+function IconCheckMark24(props: React.SVGProps<SVGSVGElement>): JSX.Element {
+    return (
+        <svg fill="#22A7F0" focusable="false" height={24} viewBox="0 0 24 24" width={24} {...props}>
+            <path d="M0 0h24v24H0z" fill="none" />
+            <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" />
+        </svg>
+    );
+}
+
+export default IconCheckMark24;