feat(#1561): standardize icons (#1565)

This PR includes icons from the https://css.gg/ library and renames the icons to match

(cherry picked from commit 4a928e6)

frontend/assets/icons/drop-up.js → frontend/assets/icons/arrow-down.js

@@ -18,10 +18,10 @@
 /* eslint-disable */
 var icon = require('vue-svgicon')
 icon.register({
-  'drop-up': {
-    width: 15,
-    height: 10,
-    viewBox: '0 0 15 10',
-    data: '<path pid="0" d="M13.925 9.627l.467-.578L7.86.951 7.392.373 6.925.95.392 9.049l.467.578L7.392 1.53z" _fill="#F38959" fill-rule="nonzero"/>'
+  'arrow-down': {
+    width: 41,
+    height: 40,
+    viewBox: '0 0 41 40',
+    data: '<path pid="0" d="M18.597 5h3.807v23.105l6.172-5.84 2.692 2.547L20.5 35 9.732 24.812l2.692-2.547 6.173 5.84V5z" _fill="#000"/>'
   }
 })

frontend/assets/icons/chev-bottom.js → frontend/assets/icons/arrow-up.js

@@ -18,10 +18,10 @@
 /* eslint-disable */
 var icon = require('vue-svgicon')
 icon.register({
-  'chev-bottom': {
-    width: 7,
-    height: 5,
-    viewBox: '0 0 7 5',
-    data: '<path pid="0" d="M3.374 2.276L1.164 0 0 1.198l2.21 2.276 1.164 1.198 1.164-1.198 2.21-2.276L5.585 0z" _fill="#4C4EA3" fill-rule="evenodd"/>'
+  'arrow-up': {
+    width: 41,
+    height: 40,
+    viewBox: '0 0 41 40',
+    data: '<path pid="0" d="M30.8 14.767l-2.582 2.43-5.926-5.633L22.267 35l-3.641-.004.025-23.371-5.881 5.538-2.57-2.441L20.525 5 30.8 14.767z" _fill="#000"/>'
   }
 })

frontend/assets/icons/check.js

@@ -19,9 +19,9 @@
 var icon = require('vue-svgicon')
 icon.register({
   'check': {
-    width: 10,
-    height: 8,
-    viewBox: '0 0 10 8',
-    data: '<path pid="0" d="M2.102 3.767A.9.9 0 10.786 4.995L2.92 7.281a.9.9 0 001.316 0l4.978-5.334A.9.9 0 107.898.72l-4.32 4.629-1.476-1.581z" _fill="#FFF" fill-rule="nonzero"/>'
+    width: 40,
+    height: 40,
+    viewBox: '0 0 40 40',
+    data: '<path pid="0" d="M16.25 23.75l-7.5-7.5L5 20l11.25 11.25L35 12.5l-3.75-3.75-15 15z" _fill="#000"/>'
   }
 })

frontend/assets/icons/list.js → frontend/assets/icons/chevron-down.js

@@ -18,10 +18,10 @@
 /* eslint-disable */
 var icon = require('vue-svgicon')
 icon.register({
-  'list': {
-    width: 15,
-    height: 11,
-    viewBox: '0 0 15 11',
-    data: '<g _fill="#787878" fill-rule="evenodd"><path pid="0" d="M0 0h15v2H0zM0 3h15v2H0zM0 6h15v2H0zM0 9h15v2H0z"/></g>'
+  'chevron-down': {
+    width: 41,
+    height: 40,
+    viewBox: '0 0 41 40',
+    data: '<path pid="0" d="M8.5 11l-3 3 15 15 15-15-3-3-12 12-12-12z" _fill="#000"/>'
   }
 })

frontend/assets/icons/drop-down.js → frontend/assets/icons/chevron-left.js

@@ -18,10 +18,10 @@
 /* eslint-disable */
 var icon = require('vue-svgicon')
 icon.register({
-  'drop-down': {
-    width: 15,
-    height: 10,
-    viewBox: '0 0 15 10',
-    data: '<path pid="0" d="M.859.373L.392.95l6.533 8.098.467.578.467-.578L14.392.951l-.467-.578L7.392 8.47z" _fill="#F38959" fill-rule="nonzero"/>'
+  'chevron-left': {
+    width: 41,
+    height: 40,
+    viewBox: '0 0 41 40',
+    data: '<path pid="0" d="M29.5 8l-3-3-15 15 15 15 3-3-12-12 12-12z" _fill="#000"/>'
   }
 })

frontend/assets/icons/chevron-right.js

@@ -0,0 +1,27 @@
+/*
+ * coding=utf-8
+ * Copyright 2021-present, the Recognai S.L. team.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'chevron-right': {
+    width: 41,
+    height: 40,
+    viewBox: '0 0 41 40',
+    data: '<path pid="0" d="M11.5 8l3-3 15 15-15 15-3-3 12-12-12-12z" _fill="#000"/>'
+  }
+})

frontend/assets/icons/sort-table.js → frontend/assets/icons/chevron-up.js

@@ -18,10 +18,10 @@
 /* eslint-disable */
 var icon = require('vue-svgicon')
 icon.register({
-  'sort-table': {
-    width: 13,
-    height: 14,
-    viewBox: '0 0 13 14',
-    data: ''
+  'chevron-up': {
+    width: 41,
+    height: 40,
+    viewBox: '0 0 41 40',
+    data: '<path pid="0" d="M32.5 29l3-3-15-15-15 15 3 3 12-12 12 12z" _fill="#000"/>'
   }
 })

frontend/assets/icons/check3.js → frontend/assets/icons/close.js

@@ -18,10 +18,10 @@
 /* eslint-disable */
 var icon = require('vue-svgicon')
 icon.register({
-  'check3': {
-    width: 11,
-    height: 8,
-    viewBox: '0 0 11 8',
-    data: '<path pid="0" d="M10.224.197a.293.293 0 00-.21.089L3.566 6.7.993 4.11a.297.297 0 10-.424.418l2.78 2.8c.064.062.13.087.21.087a.287.287 0 00.208-.09l6.66-6.62a.292.292 0 00.004-.423.292.292 0 00-.207-.087v.001z" _fill="#686A6D" fill-rule="nonzero"/>'
+  'close': {
+    width: 41,
+    height: 40,
+    viewBox: '0 0 41 40',
+    data: '<path pid="0" d="M8.922 5.587a2.005 2.005 0 10-2.835 2.835L17.665 20 6.087 31.577a2.005 2.005 0 102.836 2.836L20.5 22.835l11.577 11.578a2.005 2.005 0 002.836-2.836L23.335 20 34.913 8.422a2.005 2.005 0 00-2.835-2.835L20.5 17.165 8.922 5.587z" _fill="#000"/>'
   }
 })