Adding Icon component and removing BaseIcon component (#15772)

Co-authored-by: Brad Decker <bhdecker84@gmail.com>
2 years ago · e69e207b7d
parent abfa990aa4
commit e69e207b7d
141 changed files with 1076 additions and 382 deletions
--- a/.storybook/main.js
+++ b/.storybook/main.js
@ -2,6 +2,8 @@ const path = require('path');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const { generateIconNames } = require('../development/generate-icon-names');
 module.exports = {
  stories: [
    '../ui/**/*.stories.js',
@ -19,6 +21,14 @@ module.exports = {
  staticDirs: ['../app', './images'],
  // Uses babel.config.js settings and prevents "Missing class properties transform" error
  babel: async (options) => ({ overrides: options.overrides }),
  // Sets env variables https://storybook.js.org/docs/react/configure/environment-variables/
  env: async (config) => {
    return {
      ...config,
      // Creates the icon names environment variable for the component-library/icon/icon.js component
      ICON_NAMES: await generateIconNames(),
    };
  },
  webpackFinal: async (config) => {
    config.context = process.cwd();
    config.node = {
--- a/app/images/icons/icon-add-outline.svg
+++ b/app/images/icons/icon-add-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-add-outline" viewBox="0 0 512 512">
  <path d="m256 469c-18 0-30-12-30-30l0-153-153 0c-18 0-30-12-30-30 0-18 12-30 30-30l153 0 0-153c0-18 12-30 30-30 18 0 30 12 30 30l0 153 153 0c18 0 30 12 30 30 0 18-12 30-30 30l-153 0 0 153c0 18-12 30-30 30z"/>
 </svg>
--- a/app/images/icons/icon-add-square-filled.svg
+++ b/app/images/icons/icon-add-square-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-add-square-filled" viewBox="0 0 512 512">
  <path d="m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-67 0 0 67c0 8-7 15-15 15-9 0-16-7-16-15l0-67-66 0c-9 0-16-7-16-15 0-8 7-15 16-15l66 0 0-67c0-8 7-15 16-15 8 0 15 7 15 15l0 67 67 0c8 0 15 7 15 15 0 8-7 15-15 15z"/>
 </svg>
--- a/app/images/icons/icon-arrow-2-down.svg
+++ b/app/images/icons/icon-arrow-2-down.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-down" viewBox="0 0 512 512">
  <path d="m256 469c-6 0-11-2-15-6l-128-137c-8-9-8-23 0-32 8-9 21-9 29 0l93 99 0-328c0-13 8-22 21-22 13 0 21 9 21 22l0 328 93-99c8-9 21-9 29 0 8 9 8 23 0 32l-128 137c-4 4-9 6-15 6z"/>
 </svg>
--- a/app/images/icons/icon-arrow-2-left.svg
+++ b/app/images/icons/icon-arrow-2-left.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-left" viewBox="0 0 512 512">
  <path d="m202 405c-7 0-11-2-16-6l-137-128c-9-9-9-21 0-30l137-128c9-8 23-8 32 0 9 8 9 21 0 29l-99 93 328 0c13 0 22 8 22 21 0 13-9 21-22 21l-328 0 99 93c9 8 9 21 0 29-5 4-11 6-16 6z"/>
 </svg>
--- a/app/images/icons/icon-arrow-2-right.svg
+++ b/app/images/icons/icon-arrow-2-right.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-right" viewBox="0 0 512 512">
  <path d="m310 405c-7 0-11-2-16-6-9-8-9-21 0-29l99-93-328 0c-13 0-22-8-22-21 0-13 9-21 22-21l328 0-99-93c-9-8-9-21 0-29 9-8 23-8 32 0l137 128c4 4 6 9 6 15 0 6-2 11-6 15l-137 128c-5 4-9 6-16 6z"/>
 </svg>
--- a/app/images/icons/icon-arrow-2-up.svg
+++ b/app/images/icons/icon-arrow-2-up.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-2-up" viewBox="0 0 512 512">
  <path d="m256 469c-13 0-21-9-21-22l0-328-93 99c-8 9-21 9-29 0-8-9-8-23 0-32l128-137c9-9 21-9 30 0l128 137c8 9 8 23 0 32-8 9-21 9-29 0l-93-99 0 328c0 13-8 22-21 22z"/>
 </svg>
--- a/app/images/icons/icon-arrow-down.svg
+++ b/app/images/icons/icon-arrow-down.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-down" viewBox="0 0 512 512">
  <path d="m256 363c-17 0-32-7-45-21l-141-150c-8-10-8-26 0-36 9-9 22-9 31 0l140 153c9 9 21 9 30 0l140-153c9-9 22-9 31 0 8 10 8 24 0 33l-141 153c-13 14-28 21-45 21z"/>
 </svg>
--- a/app/images/icons/icon-arrow-left.svg
+++ b/app/images/icons/icon-arrow-left.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-left" viewBox="0 0 512 512">
  <path d="m339 448c-7 0-11-2-16-6l-153-141c-28-23-28-64 0-90l153-141c9-8 23-8 33 0 9 9 9 22 0 31l-153 140c-9 9-9 21 0 30l153 140c9 9 9 22 0 31-5 4-12 6-17 6z"/>
 </svg>
--- a/app/images/icons/icon-arrow-right.svg
+++ b/app/images/icons/icon-arrow-right.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-right" viewBox="0 0 512 512">
    <path d="m173 448c-7 0-12-2-17-6-9-9-9-22 0-31l153-140c4-4 7-9 7-15 0-6-3-11-7-15l-153-140c-9-9-9-22 0-31 10-8 24-8 33 0l153 141c14 13 21 28 21 45 0 17-7 35-21 45l-153 141c-4 4-9 6-16 6z"/>
 </svg>
--- a/app/images/icons/icon-arrow-up.svg
+++ b/app/images/icons/icon-arrow-up.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-arrow-up" viewBox="0 0 512 512">
  <path d="m426 360c-6 0-10-2-15-7l-140-152c-9-9-21-9-30 0l-140 155c-9 9-22 9-31 0-8-10-8-24 0-33l141-153c26-28 67-28 90 0l141 153c8 9 8 23 0 33-5 4-9 4-16 4z"/>
 </svg>
--- a/app/images/icons/icon-bank-filled.svg
+++ b/app/images/icons/icon-bank-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-bank-filled" viewBox="0 0 512 512">
  <path d="m456 399l0 62-409 0 0-62c0-11 9-20 20-20l369 0c11 0 20 9 20 20z m-307-163l-41 0 0 143 41 0z m82 0l-41 0 0 143 41 0z m82 0l-41 0 0 143 41 0z m82 0l-41 0 0 143 41 0z m82 240l-451 0c-8 0-15-7-15-15 0-9 7-16 15-16l451 0c8 0 15 7 15 16 0 8-7 15-15 15z m-34-348l-184-74c-4-1-11-1-15 0l-184 74c-8 3-13 11-13 19l0 68c0 11 9 21 20 21l369 0c11 0 20-10 20-21l0-68c0-8-5-16-13-19z m-191 56c-17 0-31-13-31-30 0-17 14-31 31-31 17 0 30 14 30 31 0 17-13 30-30 30z"/>
 </svg>
--- a/app/images/icons/icon-bank-token-filled.svg
+++ b/app/images/icons/icon-bank-token-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-bank-token" viewBox="0 0 512 512">
    <path d="m279 139l60-27c2-2 6-2 9 0l61 27c6 2 9-3 6-9l-63-81c-4-6-11-6-15 0l-62 81c-6 6-2 11 4 9z m0 76l60 27c2 2 6 2 9 0l61-27c6-2 9 3 6 9l-63 81c-4 6-11 6-15 0l-62-81c-6-6-2-11 4-9z m64-72l-66 34 66 34 66-34z m-85 297l-2 0 0-22c0-10-8-18-17-18l-2 0 0-53 2 0c9 0 17-8 17-18l0-33c0-4-2-8-4-10-2-2-4-6-7-6l-85-36c-2 0-4-2-6-2-2 0-4 0-6 2l-85 36c-3 2-5 4-7 6-2 2-4 6-4 10l0 33c0 10 8 18 17 18l2 0 0 53-2 0c-9 0-17 8-17 18l0 22-2 0c-4 0-7 4-7 8 0 4 3 8 7 8l208 0c4 0 7-4 7-8 0-4-3-8-7-8z m-96-40l0-53 22 0 0 53z m-8-93c-6 0-11-6-11-11 0-6 5-12 11-12 6 0 11 6 11 12 0 5-5 11-11 11z m-8 40l0 53-22 0 0-53z m76 53l-23 0 0-53 25 0 0 53z m-136-53l25 0 0 53-25 0z m238 122c-6 0-9-2-13-8-2-4-2-9 0-15l19-36c3-8 13-10 18-6 8 4 10 14 6 20l-6 10c53-12 91-61 91-121 0-8 6-16 15-16 10 0 15 6 15 16 2 87-64 156-145 156z m-245-256c-8 0-16-8-16-16 0-85 67-154 148-154 5 0 9 2 13 8 2 4 2 9 0 15l-19 36c-4 8-13 10-19 6-7-4-9-14-6-20l6-10c-55 12-92 59-92 119 0 8-8 16-15 16z"/>
 </svg>
--- a/app/images/icons/icon-book-filled.svg
+++ b/app/images/icons/icon-book-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-book-filled" viewBox="0 0 512 512">
  <path d="m469 111l0 256c0 21-17 40-37 42l-7 1c-35 5-84 20-124 36-14 6-29-4-29-20l0-299c0-8 5-15 12-19 39-22 98-41 138-44l1 0c26 0 46 21 46 47z m-240-3c-39-22-98-41-139-44l-1 0c-26 0-46 21-46 47l0 256c0 21 17 40 37 42l7 1c35 5 84 20 124 36 14 6 29-4 29-20l0-299c0-8-4-15-11-19z m-122 65l48 0c9 0 16 7 16 16 0 9-7 16-16 16l-48 0c-9 0-16-7-16-16 0-9 7-16 16-16z m64 97l-64 0c-9 0-16-7-16-16 0-9 7-16 16-16l64 0c9 0 16 7 16 16 0 9-7 16-16 16z"/>
 </svg>
--- a/app/images/icons/icon-bookmark-filled.svg
+++ b/app/images/icons/icon-bookmark-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-bookmark-filled" viewBox="0 0 512 512">
  <path d="m456 170l0 172c0 66-53 119-119 119l-171 0c-66 0-119-53-119-119l0-172c0-51 21-88 58-106 13-6 29 4 29 19l0 182c0 24 9 43 26 53 17 10 39 8 61-5l27-16c1-1 6-1 7-1l27 17c15 8 27 11 38 11 10 0 18-3 23-6 17-10 26-29 26-53l0-182c0-15 16-25 29-19 37 18 58 55 58 106z m-138-119c11 0 21 9 21 21l0 193c0 13-4 23-11 26-7 5-18 2-30-5l-27-16c-11-6-28-6-39 0l-27 16c-12 7-23 9-30 5-7-3-11-13-11-26l0-193c0-12 10-21 21-21z"/>
 </svg>
--- a/app/images/icons/icon-calculator-filled.svg
+++ b/app/images/icons/icon-calculator-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-calculator-filled" viewBox="0 0 512 512">
  <path d="m333 51l-163 0c-57 0-103 46-103 103l0 204c0 57 46 103 103 103l163 0c57 0 103-46 103-103l0-204c0-57-46-103-103-103z m-146 341c-4 4-9 6-14 6-6 0-11-2-15-6-4-4-6-9-6-15 0-5 2-10 6-14 2-2 4-4 7-5 5-2 11-2 16 0 1 1 2 1 3 2 1 1 2 2 3 3 4 4 6 9 6 14 0 6-2 11-6 15z m-35-97c0-2 1-5 2-7 1-3 2-5 4-7 5-5 12-7 19-6 1 0 2 1 4 1 1 1 2 2 3 2 1 1 2 2 3 3 2 2 4 4 5 7 1 2 1 5 1 7 0 6-2 11-6 15-4 4-9 6-14 6-3 0-6-1-8-2-3-1-5-2-7-4-4-4-6-9-6-15z m117 97c-2 2-4 3-6 4-3 1-6 2-8 2-6 0-11-2-15-6-4-4-6-9-6-15 0-1 0-2 1-4 0-1 0-2 1-4 0-1 1-2 2-3 0-1 1-2 2-3 2-2 4-4 7-5 7-3 16-1 22 5 4 4 6 9 6 14 0 6-2 11-6 15z m0-82c-4 4-9 6-14 6-6 0-11-2-15-6-4-4-6-9-6-15 0-5 2-10 6-14 8-8 22-8 29 0 2 2 4 4 5 7 1 2 1 5 1 7 0 6-2 11-6 15z m-79-86c-21 0-38-17-38-38l0-21c0-21 17-38 38-38l123 0c21 0 38 17 38 38l0 21c0 21-17 38-38 38z m161 168c-4 4-9 6-14 6-3 0-6-1-8-2-3-1-5-2-7-4-4-4-6-9-6-15 0-5 2-10 6-14 6-6 15-8 23-5 2 1 4 3 6 5 4 4 6 9 6 14 0 6-2 11-6 15z m5-89c-1 3-3 5-5 7-4 4-9 6-14 6-6 0-11-2-15-6-4-4-6-9-6-15 0-5 2-10 6-14 8-8 21-8 29 0 4 4 6 9 6 14 0 3 0 6-1 8z"/>
 </svg>
--- a/app/images/icons/icon-card-filled.svg
+++ b/app/images/icons/icon-card-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-card-filled" viewBox="0 0 512 512">
  <path d="m456 165c0 13-11 24-24 24l-361 0c-13 0-24-11-24-24l0 0c0-47 38-85 84-85l240 0c47 0 85 38 85 85z m-409 80l0 102c0 47 38 85 84 85l240 0c47 0 85-38 85-85l0-102c0-14-11-25-24-25l-361 0c-13 0-24 11-24 25z m123 119l-41 0c-9 0-16-7-16-16 0-8 7-15 16-15l41 0c8 0 15 7 15 15 0 9-7 16-15 16z m133 0l-82 0c-9 0-16-7-16-16 0-8 7-15 16-15l82 0c8 0 15 7 15 15 0 9-7 16-15 16z"/>
 </svg>
--- a/app/images/icons/icon-card-pos-filled.svg
+++ b/app/images/icons/icon-card-pos-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-card-pos-filled" viewBox="0 0 512 512">
  <path d="m456 445c0 9-7 16-15 16l-379 0c-8 0-15-7-15-16 0-8 7-15 15-15l379 0c8 0 15 7 15 15z m-135-342l-220 220c-8 8-22 8-30 0l0 0c-29-29-29-75 0-104l146-146c29-29 75-29 104 0 8 8 8 22 0 30z m111 81l-62-62c-9-9-22-9-30 0l-220 220c-9 8-9 21 0 30l62 62c29 29 75 29 104 0l146-146c29-29 29-75 0-104z m-165 185l-25 25c-5 5-13 5-19 0-5-5-5-13 0-19l25-25c5-5 14-5 19 0 5 5 5 14 0 19z m81-81l-50 50c-5 5-13 5-18 0-6-5-6-14 0-19l50-50c5-5 13-5 18 0 6 5 6 14 0 19z"/>
 </svg>
--- a/app/images/icons/icon-card-token-filled.svg
+++ b/app/images/icons/icon-card-token-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-card-token-filled" viewBox="0 0 512 512">
  <path d="m257 329l0 2c0 6-4 10-10 10l-179 0c-5 0-9-4-9-10l0-2c0-35 7-43 43-43l111 0c36 0 44 8 44 43z m-189 32c-5 0-9 4-9 10l0 39c0 36 7 44 43 44l111 0c36 0 44-8 44-44l0-39c0-6-4-10-10-10z m201-222l63-27c2-2 6-2 10 0l64 27c6 2 10-3 6-9l-66-81c-4-6-12-6-16 0l-65 81c-6 6-2 11 4 9z m0 76l63 27c2 2 6 2 10 0l64-27c6-2 10 3 6 9l-66 81c-4 6-12 6-16 0l-65-81c-6-6-2-11 4-9z m67-72l-69 34 69 34 70-34z m-19 326c-6 0-10-2-14-8-2-4-2-9 0-15l19-36c4-8 14-10 20-6 8 4 10 14 6 20l-6 10c56-12 96-61 96-121 0-8 5-16 15-16 10 0 16 6 16 16 2 87-67 156-152 156z m-258-256c-8 0-16-8-16-16 0-85 69-154 154-154 6 0 10 2 14 8 2 4 2 9 0 15l-20 36c-3 8-13 10-19 6-8-4-10-14-6-20l6-10c-58 12-98 59-98 119 0 8-8 16-15 16z"/>
 </svg>
--- a/app/images/icons/icon-category-filled.svg
+++ b/app/images/icons/icon-category-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-category-filled" viewBox="0 0 512 512">
  <path d="m154 51l-39 0c-45 0-68 24-68 68l0 39c0 45 23 69 68 69l39 0c44 0 68-24 68-69l0-39c0-44-23-68-68-68z m234 0l-39 0c-44 0-68 24-68 68l0 39c0 45 24 69 68 69l39 0c45 0 68-24 68-69l0-39c0-44-23-68-68-68z m0 234l-39 0c-44 0-68 24-68 68l0 39c0 45 24 69 68 69l39 0c45 0 68-24 68-69l0-39c0-44-23-68-68-68z m-234 0l-39 0c-45 0-68 24-68 68l0 39c0 45 23 69 68 69l39 0c44 0 68-24 68-68l0-39c0-45-23-69-68-69z"/>
 </svg>
--- a/app/images/icons/icon-chart-filled.svg
+++ b/app/images/icons/icon-chart-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-chart-filled" viewBox="0 0 512 512">
  <path d="m436 476l-369 0c-8 0-15-7-15-15 0-9 7-16 15-16l369 0c8 0 15 7 15 16 0 8-7 15-15 15z m-316-294l-32 0c-12 0-21 9-21 20l0 177c0 11 9 20 21 20l32 0c12 0 21-9 21-20l0-177c0-11-9-20-21-20z m148-65l-33 0c-11 0-20 9-20 20l0 242c0 11 9 20 20 20l33 0c11 0 20-9 20-20l0-242c0-11-9-20-20-20z m147-66l-32 0c-12 0-21 9-21 21l0 307c0 11 9 20 21 20l32 0c12 0 21-9 21-20l0-307c0-12-9-21-21-21z"/>
 </svg>
--- a/app/images/icons/icon-check-box-off-outline.svg
+++ b/app/images/icons/icon-check-box-off-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-check-box-off-outline" viewBox="0 0 512 512">
  <path d="m320 485l-128 0c-116 0-165-49-165-165l0-128c0-116 49-165 165-165l128 0c116 0 165 49 165 165l0 128c0 116-49 165-165 165z m-128-426c-98 0-133 35-133 133l0 128c0 98 35 133 133 133l128 0c98 0 133-35 133-133l0-128c0-98-35-133-133-133z"/>
 </svg>
--- a/app/images/icons/icon-check-box-on-filled.svg
+++ b/app/images/icons/icon-check-box-on-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-check-box-on-filled" viewBox="0 0 512 512">
  <path d="m345 43l-178 0c-78 0-124 46-124 124l0 178c0 78 46 124 124 124l178 0c78 0 124-46 124-124l0-178c0-78-46-124-124-124z m13 164l-121 121c-3 3-7 5-11 5-5 0-9-2-12-5l-60-60c-6-7-6-17 0-23 6-6 16-6 23 0l49 49 109-110c7-6 17-6 23 0 6 7 6 17 0 23z"/>
 </svg>
--- a/app/images/icons/icon-check-circle-on-filled.svg
+++ b/app/images/icons/icon-check-circle-on-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-check-circle-on-filled" viewBox="0 0 512 512">
  <path d="m27 256c0-126 103-229 229-229 126 0 229 103 229 229 0 126-103 229-229 229-126 0-229-103-229-229z m229-197c-108 0-197 89-197 197 0 108 89 197 197 197 108 0 197-89 197-197 0-108-89-197-197-197z m213 197c0 117-96 213-213 213-117 0-213-96-213-213 0-117 96-213 213-213 117 0 213 96 213 213z m-111-49c6-6 6-16 0-23-6-6-16-6-23 0l-109 110-49-49c-7-7-17-7-23 0-6 6-6 16 0 22l60 61c7 6 17 6 23 0z"/>
 </svg>
--- a/app/images/icons/icon-check-outline.svg
+++ b/app/images/icons/icon-check-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-check-outline" viewBox="0 0 512 512">
  <path d="m203 384c-5 0-8-2-11-5l-107-112c-7-6-7-16 0-22 6-7 16-7 22 0l95 99 203-211c6-7 16-7 22 0 7 6 7 16 0 22l-213 224c-3 3-8 5-11 5z"/>
 </svg>
--- a/app/images/icons/icon-clock-filled.svg
+++ b/app/images/icons/icon-clock-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-clock-filled" viewBox="0 0 512 512">
  <path d="m252 51c-113 0-205 92-205 205 0 113 92 205 205 205 112 0 204-92 204-205 0-113-92-205-204-205z m89 278c-3 5-8 8-14 8-2 0-5-1-7-3l-64-37c-16-10-27-31-27-49l0-84c0-8 7-15 15-15 8 0 15 7 15 15l0 84c0 8 6 18 13 22l63 38c8 4 10 14 6 21z"/>
 </svg>
--- a/app/images/icons/icon-close-outline.svg
+++ b/app/images/icons/icon-close-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-close-outline-1" viewBox="0 0 512 512">
  <path d="m66 469c-7 0-11-2-16-7-10-9-10-23 0-33l379-379c10-10 24-10 33 0 10 9 10 23 0 33l-379 379c-5 5-10 7-17 7z m380 0c-7 0-12-2-17-7l-379-379c-10-10-10-24 0-33 9-10 23-10 33 0l379 379c10 10 10 24 0 33-5 5-9 7-16 7z"/>
 </svg>
--- a/app/images/icons/icon-code-circle-filled.svg
+++ b/app/images/icons/icon-code-circle-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-code-circle-filled" viewBox="0 0 512 512">
  <path d="m252 51c-114 0-205 92-205 205 0 113 91 205 205 205 113 0 204-92 204-205 0-113-91-205-204-205z m-72 235c6 6 6 16 0 22-3 3-7 4-10 4-4 0-8-1-11-4l-41-41c-6-6-6-16 0-22l41-41c6-6 16-6 21 0 6 6 6 16 0 22l-30 30z m106-72l-41 96c-2 6-8 9-14 9-2 0-4 0-6-1-8-3-11-12-8-20l41-96c3-8 12-12 20-8 8 3 11 12 8 20z m99 53l-41 41c-3 3-7 4-11 4-3 0-7-1-10-4-6-6-6-16 0-22l30-30-30-30c-6-6-6-16 0-22 6-6 15-6 21 0l41 41c6 6 6 16 0 22z"/>
 </svg>
--- a/app/images/icons/icon-coin-filled.svg
+++ b/app/images/icons/icon-coin-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-coin-filled" viewBox="0 0 512 512">
  <path d="m455 353c-7 55-52 99-106 106-33 4-64-5-88-22-14-10-10-32 6-37 62-18 110-67 129-129 5-16 26-19 36-6 18 25 27 55 23 88z m-245-302c-90 0-163 74-163 164 0 90 73 163 163 163 91 0 164-73 164-163 0-90-73-164-164-164z m-19 141l49 17c18 6 27 19 27 38 0 22-18 41-39 41l-2 0 0 1c0 8-7 15-15 15-9 0-16-7-16-15l0-2c-23-1-41-20-41-43 0-9 7-16 16-16 8 0 15 7 15 16 0 7 5 13 12 13l31 0c4 0 8-4 8-10 0-7-1-7-6-9l-49-17c-18-6-27-19-27-38 0-22 18-41 39-41l2 0 0 0c0-9 7-16 16-16 8 0 15 7 15 16l0 1c23 1 41 20 41 44 0 8-7 15-15 15-9 0-16-7-16-15 0-8-5-14-12-14l-30 0c-5 0-9 5-9 10 0 7 1 7 6 9z"/>
 </svg>
--- a/app/images/icons/icon-confirmation-filled.svg
+++ b/app/images/icons/icon-confirmation-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-confirmation-filled" viewBox="0 0 512 512">
  <path d="m256 43c-118 0-213 95-213 213 0 118 95 213 213 213 118 0 213-95 213-213 0-118-95-213-213-213z m102 164l-121 121c-3 3-7 5-11 5-5 0-9-2-12-5l-60-60c-6-7-6-17 0-23 6-6 16-6 23 0l49 49 109-110c7-6 17-6 23 0 6 7 6 17 0 23z"/>
 </svg>
--- a/app/images/icons/icon-connect-filled.svg
+++ b/app/images/icons/icon-connect-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-connect-filled" viewBox="0 0 512 512">
  <path d="m252 305c26 0 48-22 48-49 0-27-22-49-48-49-27 0-49 22-49 49 0 27 22 49 49 49z m163 89c-3 0-6-1-9-3-7-5-8-15-3-21 25-33 38-73 38-114 0-41-13-81-38-114-5-6-4-16 3-21 7-5 17-4 22 3 29 38 44 84 44 132 0 48-15 94-44 132-3 4-8 6-13 6z m-327 0c-5 0-10-2-13-6-28-38-44-84-44-132 0-48 16-94 44-132 6-7 15-8 22-3 7 5 8 15 3 21-25 33-38 73-38 114 0 41 13 81 38 114 5 6 4 16-3 21-3 2-6 3-9 3z m262-49c-3 0-7-1-9-3-7-5-9-15-3-21 14-19 21-41 21-65 0-24-7-46-21-65-6-6-4-16 3-21 6-5 16-4 21 3 18 24 28 53 28 83 0 30-10 59-28 83-3 4-7 6-12 6z m-197 0c-4 0-9-2-12-6-18-24-28-53-28-83 0-30 10-59 28-83 5-7 15-8 21-3 7 5 9 15 4 21-15 19-22 41-22 65 0 24 7 46 22 65 5 6 3 16-4 21-2 2-6 3-9 3z"/>
 </svg>
--- a/app/images/icons/icon-copy-filled.svg
+++ b/app/images/icons/icon-copy-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-copy-filled" viewBox="0 0 512 512">
  <path d="m333 274l0 86c0 72-28 101-100 101l-86 0c-72 0-100-29-100-101l0-86c0-71 28-100 100-100l86 0c72 0 100 29 100 100z m23-223l-86 0c-63 0-93 23-99 77-1 11 8 20 20 20l42 0c86 0 126 40 126 126l0 43c0 11 9 21 21 19 54-6 76-35 76-98l0-86c0-72-28-101-100-101z"/>
 </svg>
--- a/app/images/icons/icon-copy-success-filled.svg
+++ b/app/images/icons/icon-copy-success-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-copy-success-filled" viewBox="0 0 512 512">
  <path d="m356 51l-86 0c-63 0-93 23-99 77-1 11 8 20 20 20l42 0c86 0 126 40 126 126l0 43c0 11 9 21 21 19 54-6 76-35 76-98l0-86c0-72-28-101-100-101z m-123 123l-86 0c-72 0-100 29-100 100l0 86c0 72 28 101 100 101l86 0c72 0 100-29 100-101l0-86c0-71-28-100-100-100z m24 116l-76 76c-2 3-6 4-10 4-4 0-8-1-10-4l-39-38c-5-6-5-15 0-21 6-6 15-6 21 0l28 28 66-66c5-6 15-6 20 0 6 6 6 15 0 21z"/>
 </svg>
--- a/app/images/icons/icon-danger-filled.svg
+++ b/app/images/icons/icon-danger-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-danger-filled" viewBox="0 0 512 512">
  <path d="m443 342l-126-241c-16-32-40-50-65-50-26 0-50 18-66 50l-126 241c-16 30-18 60-5 83 13 23 38 36 71 36l251 0c33 0 58-13 71-36 13-23 11-53-5-83z m-206-145c0-8 6-15 15-15 8 0 14 7 14 15l0 105c0 8-6 15-14 15-9 0-15-7-15-15z m28 182c-1 1-2 2-3 3-1 0-2 1-3 1-1 1-2 1-4 2-1 0-2 0-3 0-2 0-3 0-4 0-2-1-3-1-4-2-1 0-2-1-3-1-1-1-2-2-3-3-4-4-6-9-6-15 0-5 2-11 6-15 1 0 2-1 3-2 1-1 2-2 3-2 1-1 2-1 4-1 2-1 5-1 7 0 2 0 3 0 4 1 1 0 2 1 3 2 1 1 2 2 3 2 4 4 6 10 6 15 0 6-2 11-6 15z"/>
 </svg>
--- a/app/images/icons/icon-dark-filled.svg
+++ b/app/images/icons/icon-dark-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-dark-filled" viewBox="0 0 512 512">
  <path d="m447 336c-4-5-13-14-36-10-12 3-25 4-38 3-48-2-91-24-121-58-27-29-43-68-43-110 0-23 4-46 13-67 9-21 3-32-2-36-4-5-15-11-37-2-84 35-136 119-130 209 7 84 66 157 145 184 18 6 38 10 59 11 3 0 6 1 10 1 68 0 133-33 173-88 14-19 10-31 7-37z"/>
 </svg>
--- a/app/images/icons/icon-data-filled.svg
+++ b/app/images/icons/icon-data-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-data-filled" viewBox="0 0 512 512">
  <path d="m415 302c26 0 46-21 46-46 0-25-20-46-46-46-25 0-46 21-46 46 0 25 21 46 46 46z m0-164c26 0 46-20 46-46 0-25-20-46-46-46-25 0-46 21-46 46 0 26 21 46 46 46z m0 328c26 0 46-21 46-46 0-26-20-46-46-46-25 0-46 20-46 46 0 25 21 46 46 46z m-327-164c25 0 46-21 46-46 0-25-21-46-46-46-26 0-46 21-46 46 0 25 20 46 46 46z m307-31c8 0 15-7 15-15 0-8-7-15-15-15l-149 0 0-87c0-33 14-46 46-46l103 0c8 0 15-7 15-16 0-8-7-15-15-15l-103 0c-49 0-76 27-76 77l0 87-108 0c-8 0-15 7-15 15 0 8 7 15 15 15l108 0 0 87c0 50 27 77 76 77l103 0c8 0 15-7 15-15 0-9-7-16-15-16l-103 0c-32 0-46-13-46-46l0-87z"/>
 </svg>
--- a/app/images/icons/icon-diagram.svg
+++ b/app/images/icons/icon-diagram.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-diagram" viewBox="0 0 512 512">
  <path d="m450 469l-330 0c-42 0-77-35-77-77l0-330c0-12 7-19 19-19 12 0 19 7 19 19l0 330c0 21 18 39 39 39l330 0c12 0 19 7 19 19 0 12-7 19-19 19z m-330-97c-4 0-9-2-11-4-8-7-10-19-2-27l87-104c12-12 25-20 43-20 15 0 31 6 42 18l18 17c4 4 9 6 13 6 6 0 10-2 14-6l89-105c8-7 19-9 27-2 8 8 10 20 2 28l-85 102c-10 12-25 20-43 20-15 0-31-6-42-18l-20-19c-4-4-10-6-13-6-6 0-10 2-14 8l-89 105c-4 5-10 7-16 7z"/>
 </svg>
--- a/app/images/icons/icon-document-code-filled.svg
+++ b/app/images/icons/icon-document-code-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-document-code-filled" viewBox="0 0 512 512">
  <path d="m333 51l-163 0c-72 0-103 41-103 103l0 204c0 62 31 103 103 103l163 0c72 0 103-41 103-103l0-204c0-62-31-103-103-103z m-112 297c6 5 6 15 0 21-3 3-7 5-10 5-4 0-8-2-11-5l-41-41c-6-6-6-15 0-21l41-41c6-6 15-6 21 0 6 6 6 15 0 21l-30 30z m123-20l-41 41c-3 3-7 5-11 5-3 0-7-2-10-5-6-6-6-16 0-21l30-31-30-30c-6-6-6-15 0-21 6-6 15-6 21 0l41 41c6 6 6 15 0 21z m41-128l-41 0c-31 0-57-26-57-57l0-41c0-8 7-15 16-15 8 0 15 7 15 15l0 41c0 14 12 26 26 26l41 0c8 0 15 7 15 15 0 9-7 16-15 16z"/>
 </svg>
--- a/app/images/icons/icon-edit-filled.svg
+++ b/app/images/icons/icon-edit-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-edit-filled" viewBox="0 0 512 512">
  <path d="m436 461l-369 0c-8 0-15-7-15-16 0-8 7-15 15-15l369 0c8 0 15 7 15 15 0 9-7 16-15 16z m-41-379c-39-40-78-41-119 0l-25 24c-2 2-3 6-2 8 16 55 59 98 113 114 1 0 2 0 3 0 2 0 4-1 6-2l24-25c21-20 30-40 30-59 1-21-9-40-30-60z m-70 164c-5-2-11-5-17-9-4-2-9-5-13-8-3-2-7-6-11-9-1 0-2-1-4-3-7-6-14-13-21-21-1-1-2-2-3-4-2-3-6-7-9-11-2-3-5-8-8-12-3-6-6-12-9-17 0-1 0-2-1-3-3-7-12-9-17-4l-117 118c-3 2-5 8-6 11l-11 78c-2 14 2 27 10 36 8 7 18 11 29 11 2 0 5 0 7 0l79-11c4-1 9-3 11-6l117-117c6-6 4-15-3-18-1 0-2 0-3-1z"/>
 </svg>
--- a/app/images/icons/icon-eraser-filled.svg
+++ b/app/images/icons/icon-eraser-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-eraser-filled" viewBox="0 0 512 512">
  <path d="m436 461l-144 0c-8 0-15-7-15-16 0-8 7-15 15-15l144 0c9 0 16 7 16 15 0 9-7 16-16 16z m-151-109c8 8 8 21 0 29l-61 61c-23 23-59 24-83 4-2-1-3-3-4-4l-72-72c-2-1-3-3-4-4-20-24-19-60 4-83l61-61c8-8 21-8 29 0z m153-124l-102 103c-8 8-21 8-29 0l-130-131c-8-7-8-20 0-29l102-102c24-24 63-24 87 0l72 72c24 24 24 63 0 87z"/>
 </svg>
--- a/app/images/icons/icon-expand-outline.svg
+++ b/app/images/icons/icon-expand-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-expand-outline" viewBox="0 0 512 512">
  <path d="m192 469l-128 0c-2 0-6 0-9-2-2 0-4-2-6-4-2-2-4-4-4-6-2-3-2-7-2-9l0-128c0-13 8-21 21-21 13 0 21 8 21 21l0 77 124-124c9-8 21-8 30 0 8 9 8 21 0 30l-124 124 77 0c13 0 21 8 21 21 0 13-8 21-21 21z m96-224c-6 0-11-2-15-6-8-9-8-21 0-30l124-124-77 0c-13 0-21-8-21-21 0-13 8-21 21-21l128 0c2 0 6 0 9 2 2 0 4 2 6 4 2 2 4 4 4 6 2 3 2 7 2 9l0 128c0 13-8 21-21 21-13 0-21-8-21-21l0-77-124 124c-4 4-9 6-15 6z"/>
 </svg>
--- a/app/images/icons/icon-explore-filled.svg
+++ b/app/images/icons/icon-explore-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-explore-filled" viewBox="0 0 512 512">
  <path d="m262 469c118 0 213-95 213-213 0-118-95-213-213-213-118 0-213 95-213 213 0 118 95 213 213 213z m85-361c18-4 36 1 49 14 13 13 18 31 14 49l-37 146c-6 25-25 44-50 50l-146 37c-4 1-9 1-13 1-13 0-26-5-36-15-13-13-18-31-14-49l37-146c6-25 25-44 50-50z m-143 148c0 32 26 58 58 58 32 0 58-26 58-58 0-32-26-58-58-58-32 0-58 26-58 58z"/>
 </svg>
--- a/app/images/icons/icon-export.svg
+++ b/app/images/icons/icon-export.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-export" viewBox="0 0 512 512">
  <path d="m313 469l-114 0c-108 0-156-48-156-156l0-114c0-108 48-156 156-156l39 0c13 0 23 9 23 23 0 13-10 23-23 23l-39 0c-83 0-110 27-110 110l0 114c0 83 27 110 110 110l114 0c83 0 110-27 110-110l0-39c0-13 10-23 23-23 14 0 23 10 23 23l0 39c0 108-48 156-156 156z m-39-208c-7 0-11-3-16-7-9-9-9-23 0-32l133-133-36 0c-14 0-23-10-23-23 0-14 9-23 23-23l91 0c14 0 23 9 23 23l0 91c0 14-9 23-23 23-13 0-23-9-23-23l0-36-133 133c-4 4-9 7-16 7z"/>
 </svg>
--- a/app/images/icons/icon-eye-filled.svg
+++ b/app/images/icons/icon-eye-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-eye-filled" viewBox="0 0 512 512">
  <path d="m441 198c-47-75-117-118-189-118-37 0-72 11-105 31-32 20-61 49-85 87-20 32-20 84 0 116 47 75 117 117 190 117 36 0 71-10 104-30 32-20 61-50 85-87 20-32 20-84 0-116z m-189 141c-46 0-83-37-83-83 0-46 37-83 83-83 45 0 82 37 82 83 0 46-37 83-82 83z m0-142c-33 0-59 27-59 59 0 32 26 58 59 58 32 0 58-26 58-58 0-32-26-59-58-59z"/>
 </svg>
--- a/app/images/icons/icon-eye-slash-filled.svg
+++ b/app/images/icons/icon-eye-slash-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-eye-slash-filled" viewBox="0 0 512 512">
  <path d="m441 198c-6-9-12-18-18-26-8-10-22-11-31-2l-61 61c4 14 5 30 1 46-7 29-31 52-60 59-16 4-31 3-45-1 0 0-29 29-50 50-10 10-7 28 7 34 21 8 44 13 68 13 36 0 71-11 104-31 33-20 62-51 86-89 20-31 19-83-1-114z m-148 17l-83 82c-10-10-17-25-17-41 0-32 26-59 59-59 15 0 30 7 41 18z m87-87l-70 69c-15-15-36-24-58-24-46 0-83 37-83 83 0 23 9 44 24 59l-69 69 0 0c-23-18-44-42-62-70-20-32-20-84 0-116 24-38 53-67 85-87 33-20 68-31 105-31 45 0 89 17 128 48z m-70 128c0 32-26 59-58 59-2 0-3 0-4-1l62-61c0 1 0 2 0 3z m142-200c-7-6-17-6-23 0l-378 378c-6 6-6 16 0 22 3 3 7 5 11 5 5 0 8-2 12-5l378-378c6-6 6-16 0-22z"/>
 </svg>
--- a/app/images/icons/icon-filter-outline.svg
+++ b/app/images/icons/icon-filter-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-filter-outline" viewBox="0 0 512 512">
  <path d="m436 169l-369 0c-8 0-15-7-15-15 0-9 7-16 15-16l369 0c8 0 15 7 15 16 0 8-7 15-15 15z m-62 102l-245 0c-9 0-16-7-16-15 0-8 7-15 16-15l245 0c9 0 16 7 16 15 0 8-7 15-16 15z m-82 103l-81 0c-9 0-16-7-16-16 0-8 7-15 16-15l81 0c9 0 16 7 16 15 0 9-7 16-16 16z"/>
 </svg>
--- a/app/images/icons/icon-flag-filled.svg
+++ b/app/images/icons/icon-flag-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-flag-filled" viewBox="0 0 512 512">
  <path d="m317 157l-164-71 0-19c0-9-7-16-15-16-9 0-15 7-15 16l0 378c0 9 6 16 15 16 8 0 15-7 15-16l0-81 169-83c0 0 0 0 0 0 34-17 52-40 51-64-1-24-21-45-56-60z"/>
 </svg>
--- a/app/images/icons/icon-flash-filled.svg
+++ b/app/images/icons/icon-flash-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-flash-filled" viewBox="0 0 512 512">
  <path d="m373 230l-64 0 0-148c0-34-18-41-41-15l-16 18-139 158c-19 22-11 39 17 39l64 0 0 148c0 34 18 41 41 15l17-18 138-158c19-22 11-39-17-39z"/>
 </svg>
--- a/app/images/icons/icon-flash-slash-filled.svg
+++ b/app/images/icons/icon-flash-slash-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-flash-slash-filled" viewBox="0 0 512 512">
  <path d="m452 56c-7-6-17-6-23 0l-378 378c-6 6-6 16 0 22 4 3 7 5 11 5 5 0 8-2 12-5l378-378c6-6 6-16 0-22z m-143 26l0 116-115 116 0-32-64 0c-28 0-36-17-17-39l155-176c23-26 41-19 41 15z m81 187l-155 176c-23 26-41 19-41-15l0-55 145-145 34 0c28 0 36 17 17 39z"/>
 </svg>
--- a/app/images/icons/icon-full-circle-filled.svg
+++ b/app/images/icons/icon-full-circle-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-full-circle-filled" viewBox="0 0 512 512">
  <path d="m85 256c0 94 77 171 171 171 94 0 171-77 171-171 0-94-77-171-171-171-94 0-171 77-171 171z m171-213c-118 0-213 95-213 213 0 118 95 213 213 213 118 0 213-95 213-213 0-118-95-213-213-213z"/>
 </svg>
--- a/app/images/icons/icon-gas-filled.svg
+++ b/app/images/icons/icon-gas-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-gas-filled" viewBox="0 0 512 512">
  <path d="m463 201l-41-20c-7-4-17-1-20 7-4 7-1 17 6 20l33 16 0 99-77 0 0-210c0-41-27-62-61-62l-164 0c-34 0-62 21-62 62l0 332-30 0c-9 0-16 7-16 16 0 8 7 15 16 15l348 0c8 0 15-7 15-15 0-9-7-16-15-16l-31 0 0-92 92 0c9 0 16-7 16-15l0-123c0-6-4-11-9-14z m-334-50c0-28 17-38 38-38l107 0c22 0 39 10 39 38l0 26c0 28-17 38-39 38l-107 0c-21 0-38-10-38-39z m10 110l61 0c9 0 16 7 16 15 0 9-7 16-16 16l-61 0c-9 0-15-7-15-16 0-8 6-15 15-15z"/>
 </svg>
--- a/app/images/icons/icon-global-filled.svg
+++ b/app/images/icons/icon-global-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-global-filled" viewBox="0 0 512 512">
  <path d="m162 438c0 0-1 1-2 1-39-20-72-52-92-92 0-1 1-2 1-2 25 7 51 13 76 17 5 26 10 51 17 76z m273-91c-21 41-54 74-96 94 8-26 15-52 19-79 26-4 51-10 76-17 0 1 1 2 1 2z m1-179c-26-8-52-14-78-18-4-27-11-53-19-79 43 21 77 55 97 97z m-274-94c-7 25-12 50-17 76-26 4-52 10-78 18 20-41 53-75 93-95 1 0 2 1 2 1z m161 71c-48-5-95-5-143 0 5-28 12-56 21-83 0-2 0-3 0-4 17-4 33-7 51-7 17 0 34 3 49 7 1 1 1 2 1 4 9 27 16 55 21 83z m-182 182c-29-5-56-11-83-20-2-1-3-1-5-1-4-16-6-33-6-50 0-17 2-34 6-50 2 0 3 0 5-1 27-9 54-15 83-20-5 47-5 95 0 142z m315-71c0 17-2 34-6 50-2 0-3 0-5 1-27 9-55 15-83 20 6-47 6-95 0-142 28 5 56 11 83 20 2 1 3 1 5 1 4 16 6 33 6 50z m-133 111c-5 28-12 56-21 83 0 2 0 3-1 4-15 4-32 7-49 7-18 0-34-3-51-7 0-1 0-2 0-4-9-27-16-55-21-83 24 2 48 4 72 4 23 0 47-2 71-4z m6-34c-52 7-103 7-155 0-6-51-6-103 0-154 52-7 103-7 155 0 6 51 6 103 0 154z"/>
 </svg>
--- a/app/images/icons/icon-global-search-filled.svg
+++ b/app/images/icons/icon-global-search-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-global-search-filled" viewBox="0 0 512 512">
  <path d="m452 437l-14-14c7-11 12-25 12-39 0-38-32-69-70-69-39 0-70 31-70 69 0 39 31 70 70 70 14 0 27-4 38-11l14 14c3 2 7 4 10 4 4 0 7-2 10-4 6-6 6-15 0-20z m-385-120c0 1-1 1-1 2 18 36 48 65 84 83 0 0 1 0 1 0-6-23-11-46-15-69-23-4-47-9-69-16z m332-160c-18-38-49-69-87-87 7 23 12 47 16 70 24 4 48 10 71 17z m-334 0c23-7 47-13 71-17 4-23 9-46 15-69 0 0-1 0-2 0-36 18-66 49-84 86z m232-21c-5-25-11-50-19-75-1-1-1-3-1-4-14-4-29-6-45-6-16 0-31 2-45 6-1 1 0 3-1 4-8 25-14 50-19 75 43-4 87-4 130 0z m-165 36c-26 4-51 10-76 19-1 0-2 0-3 0-4 15-6 30-6 46 0 15 2 30 6 45 1 0 2 0 4 0 24 9 49 15 75 19-5-43-5-86 0-129z m279 19c-1 0-2 0-4 0-24-9-50-15-75-19 5 43 5 86 0 129 25-5 51-10 75-19 2 0 3 0 4 0 4-15 6-30 6-46 0-15-2-30-6-45z m-244 146c5 25 11 50 19 75 1 1 0 3 1 4 14 4 29 6 45 6 16 0 31-2 45-6 0-1 0-3 1-4 8-25 14-50 19-75-22 2-43 4-65 4-22 0-43-2-65-4z m-4-170c-6 46-6 93 0 139 46 6 92 6 138 0 6-46 6-93 0-139-46-6-92-6-138 0z"/>
 </svg>
--- a/app/images/icons/icon-graph-filled.svg
+++ b/app/images/icons/icon-graph-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-graph-filled" viewBox="0 0 512 512">
  <path d="m450 153c-14-45-51-82-95-95-34-10-57-9-73 3-20 15-22 41-22 59l0 51c0 51 23 76 68 76l59 0c18 0 45-2 59-21 13-16 14-40 4-73z m-57 131c-5-6-13-10-21-10l-73 0c-36 0-66-29-66-65l0-73c0-8-3-16-9-22-6-5-14-7-22-6-48 6-93 32-121 72-30 40-40 89-31 137 13 71 70 127 140 141 12 2 23 3 34 3 37 0 73-12 103-34 40-29 67-73 73-121 1-8-2-16-7-22z"/>
 </svg>
--- a/app/images/icons/icon-heart-filled.svg
+++ b/app/images/icons/icon-heart-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-heart-filled" viewBox="0 0 512 512">
  <path d="m342 74c-37 0-70 18-90 45-21-27-54-45-91-45-63 0-114 51-114 114 0 25 4 47 10 68 33 102 132 164 182 180 7 3 18 3 25 0 50-16 149-78 182-180 6-21 10-43 10-68 0-63-51-114-114-114z"/>
 </svg>
--- a/app/images/icons/icon-hierarchy-filled.svg
+++ b/app/images/icons/icon-hierarchy-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-hierarchy-filled" viewBox="0 0 512 512">
  <path d="m108 174c34 0 62-27 62-61 0-34-28-62-62-62-34 0-61 28-61 62 0 34 27 61 61 61z m287 143c34 0 61-27 61-61 0-34-27-61-61-61-34 0-62 27-62 61 0 34 28 61 62 61z m-287 144c34 0 62-28 62-62 0-34-28-61-62-61-34 0-61 27-61 61 0 34 27 62 61 62z m0-108c-8 0-15-7-15-15l0-164c0-8 7-15 15-15 9 0 16 7 16 15 0 45 21 67 66 67l143 0c9 0 16 7 16 15 0 8-7 15-16 15l-143 0c-28 0-50-7-66-20l0 87c0 8-7 15-16 15z"/>
 </svg>
--- a/app/images/icons/icon-home-filled.svg
+++ b/app/images/icons/icon-home-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-home-filled" viewBox="0 0 512 512">
  <path d="m416 150l-118-83c-32-22-81-21-112 3l-103 80c-20 16-36 49-36 75l0 141c0 52 42 95 94 95l221 0c52 0 94-43 94-95l0-139c0-27-17-61-40-77z m-149 229c0 8-7 15-15 15-9 0-16-7-16-15l0-62c0-8 7-15 16-15 8 0 15 7 15 15z"/>
 </svg>
--- a/app/images/icons/icon-import.svg
+++ b/app/images/icons/icon-import.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-import" viewBox="0 0 512 512">
  <path d="m313 469l-114 0c-108 0-156-48-156-156l0-114c0-108 48-156 156-156l39 0c13 0 23 9 23 23 0 13-10 23-23 23l-39 0c-83 0-110 27-110 110l0 114c0 83 27 110 110 110l114 0c83 0 110-27 110-110l0-39c0-13 10-23 23-23 14 0 23 10 23 23l0 39c0 108-48 156-156 156z m55-208l-91 0c-14 0-23-10-23-23l0-92c0-14 9-23 23-23 13 0 23 9 23 23l0 37 130-133c10-10 23-10 32 0 10 9 10 22 0 32l-133 133 37 0c14 0 23 9 23 23 0 13-9 23-21 23z"/>
 </svg>
--- a/app/images/icons/icon-info-filled.svg
+++ b/app/images/icons/icon-info-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-info-filled" viewBox="0 0 512 512">
  <path d="m252 51c-41 0-81 12-114 35-34 22-60 54-76 92-15 37-19 78-11 118 8 40 27 76 56 105 28 28 65 48 105 56 39 8 80 4 118-12 37-15 69-42 92-75 22-34 34-73 34-114 0-54-21-106-60-145-38-38-90-60-144-60z m-4 95c4 0 9 1 13 4 4 2 7 6 8 10 2 5 3 9 2 14-1 5-3 9-7 12-3 3-7 6-12 7-4 0-9 0-13-2-5-2-8-5-11-9-3-3-4-8-4-13 0-6 2-12 7-16 4-5 10-7 17-7z m19 220l-15 0c-5 0-9-1-12-4-3-3-4-7-4-11l0-95c-4 0-8-2-11-5-3-3-5-7-5-11 0-4 2-8 5-11 3-3 7-5 11-5l16 0c4 0 8 2 11 5 3 3 4 7 4 11l0 95c4 0 8 1 11 4 3 3 5 7 5 12 0 4-2 8-5 11-3 3-7 4-11 4z"/>
 </svg>
--- a/app/images/icons/icon-key-filled.svg
+++ b/app/images/icons/icon-key-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-key-filled" viewBox="0 0 512 512">
  <path d="m411 97c-61-61-159-61-219 0-42 42-55 102-39 155l-96 97c-7 7-12 20-10 30l6 45c2 14 16 28 31 30l44 7c10 1 24-3 31-11l17-16c4-4 4-11 0-15l-40-40c-6-6-6-15 0-21 6-6 16-6 22 0l40 40c4 3 10 3 14 0l43-44c53 17 114 4 156-38 60-60 60-159 0-219z m-108 159c-29 0-51-23-51-51 0-28 22-51 51-51 28 0 51 23 51 51 0 28-23 51-51 51z"/>
 </svg>
--- a/app/images/icons/icon-light-filled.svg
+++ b/app/images/icons/icon-light-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-light-filled" viewBox="0 0 512 512">
  <path d="m252 399c79 0 143-64 143-143 0-79-64-143-143-143-80 0-144 64-144 143 0 79 64 143 144 143z m0 81c-12 0-21-8-21-19l0-2c0-11 9-20 21-20 11 0 20 9 20 20 0 11-9 21-20 21z m146-57c-6 0-11-2-15-6l-2-3c-8-8-8-21 0-29 8-8 20-8 28 0l3 3c8 8 8 21 0 29-4 4-9 6-14 6z m-293 0c-5 0-10-2-14-6-8-8-8-21 0-29l2-3c8-8 21-8 29 0 8 8 8 21 0 29l-2 3c-4 4-10 6-15 6z m351-147l-1 0c-12 0-21-9-21-20 0-11 9-20 21-20 11 0 21 9 21 20 0 11-8 20-20 20z m-408 0l-1 0c-12 0-21-9-21-20 0-11 9-20 21-20 11 0 21 9 21 20 0 11-8 20-20 20z m347-143c-5 0-10-2-14-6-8-8-8-21 0-29l2-3c8-8 21-8 29 0 8 8 8 21 0 29l-3 3c-3 4-9 6-14 6z m-287 0c-5 0-10-2-15-6l-2-3c-8-8-8-21 0-29 8-8 21-8 29 0l2 3c8 8 8 21 0 29-4 4-9 6-14 6z m144-60c-12 0-21-9-21-20l0-2c0-11 9-20 21-20 11 0 20 9 20 20 0 11-9 22-20 22z"/>
 </svg>
--- a/app/images/icons/icon-link-outline.svg
+++ b/app/images/icons/icon-link-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-link-outline" viewBox="0 0 512 512">
  <path d="m334 405c-12 0-20-8-20-21 0-13 8-21 20-21 54 0 97-47 97-107 0-60-43-107-97-107-55 0-97 47-97 107 0 13-8 21-20 21-11 0-19-8-19-21 0-83 60-149 136-149 75 0 135 66 135 149 0 83-60 149-135 149z m-159-4c-74 0-132-66-132-145 0-79 58-145 132-145 11 0 19 8 19 21 0 13-8 22-19 22-53 0-94 47-94 102 0 55 41 102 94 102 52 0 93-44 93-102 0-13 7-21 19-21 12 0 19 8 19 21-2 79-60 145-131 145z"/>
 </svg>
--- a/app/images/icons/icon-loading-filled.svg
+++ b/app/images/icons/icon-loading-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-loading-filled" viewBox="0 0 512 512">
  <path d="m332 435c4 11 17 16 27 11 27-14 50-33 69-56 23-28 38-63 44-99 6-36 3-74-10-109-12-34-34-65-62-89-28-24-62-40-99-47-36-6-73-4-108 8-35 12-66 33-91 61-20 22-34 48-43 76-4 12 4 23 15 25 12 3 23-5 27-16 7-21 18-40 33-57 20-22 45-39 73-48 28-10 58-12 87-7 29 6 56 19 78 38 23 19 40 43 50 71 10 28 13 58 8 87-4 29-17 57-35 79-15 18-32 32-51 43-11 6-16 18-12 29z"/>
 </svg>
--- a/app/images/icons/icon-lock-circle-filled.svg
+++ b/app/images/icons/icon-lock-circle-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-lock-circle-filled" viewBox="0 0 512 512">
  <path d="m252 169c-39 0-47 16-47 46l0 13 93 0 0-13c0-30-8-46-46-46z m0 150c12 0 22-10 22-22 0-12-10-23-22-23-13 0-23 11-23 23 0 12 10 22 23 22z m0-268c-114 0-205 92-205 205 0 113 91 205 205 205 113 0 204-92 204-205 0-113-91-205-204-205z m110 256c0 45-14 59-59 59l-103 0c-45 0-59-14-59-59l0-20c0-35 9-51 34-57l0-15c0-19 0-77 77-77 76 0 76 58 76 77l0 15c25 6 34 22 34 57z"/>
 </svg>
--- a/app/images/icons/icon-lock-filled.svg
+++ b/app/images/icons/icon-lock-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-lock-filled" viewBox="0 0 512 512">
  <path d="m252 366c18 0 33-15 33-34 0-18-15-33-33-33-19 0-34 15-34 33 0 19 15 34 34 34z m128-161l0-25c0-55-13-129-128-129-116 0-129 74-129 129l0 25c-57 8-76 37-76 108l0 38c0 84 25 110 109 110l191 0c84 0 109-26 109-110l0-38c0-71-19-100-76-108z m-128 189c-35 0-62-28-62-62 0-34 28-62 62-62 34 0 61 28 61 62 0 34-27 62-61 62z m-96-190c-1 0-3 0-4 0l0-24c0-60 17-100 100-100 82 0 99 40 99 100l0 24c-1 0-3 0-4 0l-191 0z"/>
 </svg>
--- a/app/images/icons/icon-lock-slash-filled.svg
+++ b/app/images/icons/icon-lock-slash-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-lock-slash-filled" viewBox="0 0 512 512">
  <path d="m285 332c0 19-15 34-33 34-14 0-25-8-30-19l44-45c11 6 19 17 19 30z m167-276c-7-6-17-6-23 0l-57 57c-16-41-56-62-120-62-116 0-129 74-129 129l0 25c0 0 0 0 1 0-58 7-77 36-77 108l0 38c0 33 4 57 13 74l-9 9c-6 6-6 16 0 22 3 3 7 5 11 5 5 0 8-2 12-5l378-378c6-6 6-16 0-22z m-296 148c-1 0-3 0-4 0l0-24c0-60 17-100 100-100 69 0 91 26 97 56l-67 68z m300 109l0 38c0 84-25 110-109 110l-189 0c-19 0-28-22-15-35l58-58c1 2 3 4 5 6 14 15 35 24 59 19 2-1 4-1 5-2 2 0 4-1 5-2 5-1 8-4 12-6 2-1 3-2 4-3 3-3 6-5 8-8 1-2 2-3 3-4 3-4 5-8 6-12 1-1 2-3 2-5 1-2 2-4 2-6 5-23-3-44-19-59-2-1-4-3-6-4l64-64c1-1 2-2 3-3 8-7 19-10 29-9 2 0 4 0 6 1 3 0 7 1 10 2 3 1 7 2 10 3 6 2 11 5 15 8 5 3 9 7 13 11 1 2 3 5 5 7 1 2 2 5 4 8 1 2 2 5 3 8 1 3 2 7 3 11 1 3 1 6 2 10 0 3 1 6 1 9 1 9 1 19 1 29z"/>
 </svg>
--- a/app/images/icons/icon-login-outline.svg
+++ b/app/images/icons/icon-login-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-login-outline" viewBox="0 0 512 512">
  <path d="m324 469l-2 0c-92 0-136-38-146-122-2-12 10-24 21-26 14-3 24 9 26 21 5 51 21 79 99 79l2 0c75 0 98-24 98-100l0-130c0-76-23-100-98-100l-2 0c-78 0-94 28-99 79 0 12-12 24-26 21-14 0-23-12-21-26 7-84 54-122 146-122l2 0c101 0 145 45 145 148l0 130c0 103-44 148-145 148z m-52-122c-7 0-11-2-16-7-9-10-9-24 0-34l26-26-216 0c-14 0-23-10-23-24 0-14 9-24 23-24l218 0-28-26c-9-10-9-24 0-34 9-9 23-9 33 0l65 67c10 10 10 24 0 34l-65 67c-3 5-10 7-17 7z"/>
 </svg>
--- a/app/images/icons/icon-menu-outline.svg
+++ b/app/images/icons/icon-menu-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-menu-outline" viewBox="0 0 512 512">
  <path d="m441 165l-379 0c-8 0-15-7-15-16 0-9 7-16 15-16l379 0c8 0 15 7 15 16 0 9-7 16-15 16z m0 107l-379 0c-8 0-15-7-15-16 0-9 7-16 15-16l379 0c8 0 15 7 15 16 0 9-7 16-15 16z m0 107l-379 0c-8 0-15-7-15-16 0-9 7-16 15-16l379 0c8 0 15 7 15 16 0 9-7 16-15 16z"/>
 </svg>
--- a/app/images/icons/icon-message-question-filled.svg
+++ b/app/images/icons/icon-message-question-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-message-question-filled" viewBox="0 0 512 512">
  <path d="m354 60l-205 0c-61 0-102 41-102 102l0 123c0 62 41 103 102 103l0 43c0 17 18 27 32 17l91-60 82 0c61 0 102-41 102-103l0-123c0-61-41-102-102-102z m-102 249c-9 0-16-7-16-15 0-9 7-15 16-15 8 0 15 6 15 15 0 8-7 15-15 15z m25-85c-8 6-10 9-10 15l0 4c0 9-7 15-15 15-9 0-16-6-16-15l0-4c0-24 18-36 24-40 8-5 10-9 10-14 0-10-8-19-18-19-11 0-19 9-19 19 0 8-7 15-15 15-9 0-16-7-16-15 0-27 22-49 50-49 27 0 49 22 49 49 0 23-17 35-24 39z"/>
 </svg>
--- a/app/images/icons/icon-messages-filled.svg
+++ b/app/images/icons/icon-messages-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-messages-filled" viewBox="0 0 512 512">
  <path d="m325 264l0 84c0 7-1 14-3 20-7 30-32 49-67 49l-55 0-62 41c-9 7-22 0-22-11l0-30c-21 0-38-7-50-19-12-12-19-30-19-50l0-84c0-39 24-66 61-69 3 0 5 0 8 0l139 0c42 0 70 27 70 69z m44 66c26 0 48-9 63-24 16-15 24-37 24-63l0-105c0-48-39-87-87-87l-174 0c-48 0-87 39-87 87l0 16c0 5 5 10 10 10l137 0c56 0 101 45 101 100l0 55c0 6 4 11 10 11z"/>
 </svg>
--- a/app/images/icons/icon-minus-outine.svg
+++ b/app/images/icons/icon-minus-outine.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-minus-outine" viewBox="0 0 512 512">
  <path d="m439 277l-366 0c-18 0-30-8-30-21 0-13 12-21 30-21l366 0c18 0 30 8 30 21 0 13-12 21-30 21z"/>
 </svg>
--- a/app/images/icons/icon-minus-square-filled.svg
+++ b/app/images/icons/icon-minus-square-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-minus-square-filled" viewBox="0 0 512 512">
  <path d="m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-164 0c-9 0-16-7-16-15 0-8 7-15 16-15l164 0c8 0 15 7 15 15 0 8-7 15-15 15z"/>
 </svg>
--- a/app/images/icons/icon-mobile-filled.svg
+++ b/app/images/icons/icon-mobile-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-mobile-filled" viewBox="0 0 512 512">
  <path d="m338 51l-173 0c-57 0-77 21-77 78l0 254c0 57 20 78 77 78l173 0c57 0 77-21 77-78l0-254c0-57-20-78-77-78z m-86 355c-20 0-36-17-36-36 0-20 16-36 36-36 19 0 35 16 35 36 0 19-16 36-35 36z m40-268l-81 0c-9 0-16-7-16-15 0-9 7-15 16-15l81 0c9 0 16 6 16 15 0 8-7 15-16 15z"/>
 </svg>
--- a/app/images/icons/icon-money-filled.svg
+++ b/app/images/icons/icon-money-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-money-filled" viewBox="0 0 512 512">
  <path d="m398 146c-8-44-41-64-87-64l-180 0c-54 0-90 27-90 90l0 106c0 45 18 72 49 83 5 2 10 4 15 4 8 2 17 3 26 3l180 0c54 0 90-27 90-90l0-106c0-9-1-18-3-26z m-279 110c0 8-7 15-15 15-9 0-16-7-16-15l0-61c0-9 7-16 16-16 8 0 15 7 15 16z m102 23c-30 0-54-24-54-54 0-30 24-54 54-54 30 0 54 24 54 54 0 30-24 54-54 54z m132-23c0 8-7 15-15 15-9 0-16-7-16-15l0-61c0-9 7-16 16-16 8 0 15 7 15 16z m109-22l0 105c0 63-36 91-90 91l-180 0c-15 0-29-3-41-7-9-4-18-9-24-15-4-4-1-9 4-9l180 0c75 0 121-45 121-121l0-106c0-4 5-8 9-4 13 15 21 36 21 66z"/>
 </svg>
--- a/app/images/icons/icon-monitor-filled.svg
+++ b/app/images/icons/icon-monitor-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-monitor-filled" viewBox="0 0 512 512">
  <path d="m366 51l-229 0c-50 0-90 41-90 91l0 137c0 50 40 90 90 90l79 0c11 0 20 9 20 21l0 19c0 12-9 21-20 21l-50 0c-8 0-15 7-15 15 0 9 7 16 15 16l171 0c9 0 16-7 16-16 0-8-7-15-16-15l-49 0c-11 0-21-9-21-20l0-20c0-12 10-21 21-21l78 0c50 0 90-40 90-90l0-137c0-50-40-91-90-91z"/>
 </svg>
--- a/app/images/icons/icon-more-horizontal-outline.svg
+++ b/app/images/icons/icon-more-horizontal-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-more-horizontal-outline" viewBox="0 0 512 512">
  <path d="m108 215c-22 0-41 18-41 41 0 23 19 41 41 41 23 0 41-18 41-41 0-23-18-41-41-41z m287 0c-23 0-41 18-41 41 0 23 18 41 41 41 22 0 41-18 41-41 0-23-19-41-41-41z m-143 0c-23 0-41 18-41 41 0 23 18 41 41 41 22 0 40-18 40-41 0-23-18-41-40-41z m-247-205c-1 0-2 1-2 2 0 1 1 2 2 2 1 0 2-1 2-2 0-1-1-2-2-2z m14 0c-1 0-2 1-2 2 0 1 1 2 2 2 1 0 2-1 2-2 0-1-1-2-2-2z m-7 0c-1 0-2 1-2 2 0 1 1 2 2 2 1 0 2-1 2-2 0-1-1-2-2-2z"/>
 </svg>
--- a/app/images/icons/icon-more-vertical-outline.svg
+++ b/app/images/icons/icon-more-vertical-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-more-vertical-outline" viewBox="0 0 512 512">
  <path d="m211 399c0 23 18 41 41 41 22 0 40-18 40-41 0-22-18-41-40-41-23 0-41 19-41 41z m0-286c0 22 18 41 41 41 22 0 40-19 40-41 0-23-18-41-40-41-23 0-41 18-41 41z m0 143c0 23 18 41 41 41 22 0 40-18 40-41 0-23-18-41-40-41-23 0-41 18-41 41z m-201-237c0 1 1 2 2 2 1 0 2-1 2-2 0-1-1-2-2-2-1 0-2 1-2 2z m0-14c0 1 1 2 2 2 1 0 2-1 2-2 0-1-1-2-2-2-1 0-2 1-2 2z m0 7c0 1 1 2 2 2 1 0 2-1 2-2 0-1-1-2-2-2-1 0-2 1-2 2z"/>
 </svg>
--- a/app/images/icons/icon-notification-circle-filled.svg
+++ b/app/images/icons/icon-notification-circle-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-notification-circle-filled" viewBox="0 0 512 512">
  <path d="m252 317c33 0 61-27 61-61 0-34-28-61-61-61-34 0-62 27-62 61 0 34 28 61 62 61z"/>
 </svg>
--- a/app/images/icons/icon-notification-filled.svg
+++ b/app/images/icons/icon-notification-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-notification-filled" viewBox="0 0 512 512">
  <path d="m402 307l-21-34c-4-8-8-22-8-30l0-52c0-48-28-90-69-109-11-19-30-31-53-31-22 0-42 12-53 31-40 20-67 61-67 109l0 52c0 8-4 22-9 30l-20 34c-8 14-10 29-5 43 5 14 16 24 32 29 39 14 81 20 123 20 42 0 83-6 123-20 15-4 26-15 31-29 5-14 4-30-4-43z m-93 113c-8 24-31 41-57 41-17 0-33-7-44-18-6-7-11-15-14-23 2 0 5 0 8 1 5 0 10 1 14 2 12 1 24 1 36 1 12 0 23 0 35-1 4-1 8-1 12-2 4 0 7-1 10-1z"/>
 </svg>
--- a/app/images/icons/icon-password-check-filled.svg
+++ b/app/images/icons/icon-password-check-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-password-check-filled" viewBox="0 0 512 512">
  <path d="m374 92l-46 0 0-25c0-9-7-16-15-16-8 0-15 7-15 16l0 378c0 9 7 16 15 16 8 0 15-7 15-16l0-25 46 0c46 0 82-37 82-82l0-164c0-45-36-82-82-82z m-235 0c-45 0-82 37-82 82l0 164c0 45 37 82 82 82l102 0c12 0 21-9 21-21l0-286c0-12-9-21-21-21z m3 172c-1 2-2 4-4 7-2 1-4 3-7 4-2 1-5 1-7 1-3 0-6 0-8-1-3-1-5-3-7-4-2-3-3-5-5-7-1-3-1-5-1-8 0-5 2-11 6-15 1 0 2-1 3-2 1-1 3-1 4-2 1 0 2-1 3-1 7-2 14 1 19 5 4 4 6 10 6 15 0 3-1 5-2 8z m72 0c-1 2-2 4-4 7-2 1-5 3-7 4-2 1-5 1-8 1-2 0-5 0-8-1-2-1-4-3-6-4-4-4-6-9-6-15 0-3 0-5 1-8 1-2 3-4 5-7 7-7 21-7 29 0 3 4 6 10 6 15 0 3-1 5-2 8z"/>
 </svg>
--- a/app/images/icons/icon-people-filled.svg
+++ b/app/images/icons/icon-people-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-people-filled" viewBox="0 0 512 512">
  <path d="m365 169c-2 0-3 0-5 0-31-1-56-27-56-59 0-32 26-59 59-59 32 0 59 27 59 59 0 32-25 58-57 59z m67 142c-23 16-56 21-85 17 8-16 12-35 12-55 0-20-5-40-13-57 30-4 62 2 85 17 33 22 33 57 1 78z m-294-142c1 0 3 0 4 0 32-1 57-27 57-59 0-32-27-59-59-59-33 0-59 27-59 59 0 32 25 58 57 59z m2 104c0 20 4 39 12 56-29 3-59-3-81-17-32-22-32-57 0-79 22-14 53-20 82-17-9 17-13 37-13 57z m114 62c-2 0-4 0-5 0-38-1-68-32-68-70 0-39 31-70 71-70 38 0 70 31 70 70 0 38-30 69-68 70z m-67 43c-31 20-31 54 0 75 36 23 93 23 129 0 31-21 31-55 0-75-35-24-93-24-129 0z"/>
 </svg>
--- a/app/images/icons/icon-programming-arrows-filled.svg
+++ b/app/images/icons/icon-programming-arrows-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-programming-arrows-filled" viewBox="0 0 512 512">
  <path d="m410 340c0-1 0-1 0-2l0-195c0-31-25-56-56-56l-81 0 29-24c7-5 8-15 2-22-5-6-15-7-21-2l-62 52c-3 2-5 7-5 11 0 5 2 9 5 12l62 51c3 3 6 4 9 4 5 0 9-2 12-6 6-6 5-16-2-21l-29-24 81 0c14 0 26 11 26 25l0 195c0 1 0 1 0 2-27 7-47 31-47 59 0 34 28 62 62 62 34 0 61-28 61-62 0-28-20-52-46-59z m-128 58l-62-51c-6-6-16-5-21 2-6 6-5 16 2 21l29 24-81 0c-14 0-25-11-25-25l0-195c0-1-1-1-1-2 27-7 47-31 47-59 0-34-28-62-62-62-34 0-61 28-61 62 0 28 20 52 46 59 0 1 0 1 0 2l0 195c0 31 25 56 56 56l81 0-29 24c-7 5-8 15-2 22 3 3 7 5 12 5 3 0 7-1 9-3l62-52c3-2 5-7 5-11 0-5-2-9-5-12z"/>
 </svg>
--- a/app/images/icons/icon-question-filled.svg
+++ b/app/images/icons/icon-question-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-question-filled" viewBox="0 0 512 512">
  <path d="m456 256c0 113-91 205-204 205-114 0-205-92-205-205 0-113 91-205 205-205 113 0 204 92 204 205z m-204-108c-33 0-63 24-63 58 0 9 8 17 17 17 9 0 17-8 17-17 0-12 11-24 29-24 17 0 28 12 28 24 0 6-4 11-14 17l0 0c-12 8-32 21-32 48l0 5c0 9 8 17 18 17 9 0 17-8 17-17l0-5c0-7 3-12 15-19 11-7 30-20 30-46 0-34-30-58-62-58z m-1 170c-9 0-17 7-17 17 0 9 8 17 17 17l1 0c9 0 17-8 17-17 0-10-8-17-17-17z"/>
 </svg>
--- a/app/images/icons/icon-received-outline.svg
+++ b/app/images/icons/icon-received-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-received-outline" viewBox="0 0 512 512">
  <path d="m108 384c-4 0-8-1-11-5-6-5-6-15 0-21l287-287c6-6 16-6 22 0 6 6 6 16 0 22l-287 286c-3 4-7 5-11 5z m210 0l-210 0c-8 0-15-7-15-15l0-211c0-8 7-15 15-15 9 0 16 7 16 15l0 195 194 0c9 0 16 7 16 16 0 8-7 15-16 15z m108 92l-349 0c-8 0-15-7-15-15 0-9 7-16 15-16l349 0c8 0 15 7 15 16 0 8-7 15-15 15z"/>
 </svg>
--- a/app/images/icons/icon-refresh.svg
+++ b/app/images/icons/icon-refresh.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-refresh" viewBox="0 0 512 512">
  <path d="m256 469c-68 0-120-38-153-71l0 42c0 12-8 20-20 20-11 0-19-8-19-20l0-97c0-9 10-19 19-19l88 0c11 0 19 8 19 19 0 12-8 20-19 20l-49 0c27 27 74 68 134 68 97 0 175-78 175-175 0-12 7-19 19-19 12 0 19 7 19 19 0 118-95 213-213 213z m-194-194c-12 0-19-7-19-19 0-118 95-213 213-213 83 0 142 40 175 73l0-42c0-12 7-20 19-20 12 0 19 8 19 20l0 99c0 2-2 5-2 7-2 2-3 4-5 6-2 2-4 2-6 4-2 0-4 0-6 0l-85 0c-12 0-20-8-20-19 0-12 8-20 20-20l46 0c-27-29-77-70-155-70-97 0-175 78-175 175 0 12-7 19-19 19z"/>
 </svg>
--- a/app/images/icons/icon-save.svg
+++ b/app/images/icons/icon-save.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-save" viewBox="0 0 512 512">
  <path d="m362 43l-213 0c-47 0-85 37-85 82l0 300c0 39 29 55 63 37l108-58c12-6 30-6 42 0l108 58c34 18 63 2 63-37l0-300c0-45-38-82-86-82z"/>
 </svg>
--- a/app/images/icons/icon-scan-barcode-filled.svg
+++ b/app/images/icons/icon-scan-barcode-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-scan-barcode-filled" viewBox="0 0 512 512">
  <path d="m47 210c-9 0-16-7-16-15l0-52c0-59 49-107 108-107l51 0c8 0 15 7 15 15 0 9-7 16-15 16l-51 0c-43 0-77 34-77 76l0 52c0 8-7 15-15 15z m409 0c-8 0-15-7-15-15l0-52c0-42-34-76-77-76l-51 0c-8 0-15-7-15-16 0-8 7-15 15-15l51 0c59 0 108 48 108 107l0 52c0 8-7 15-16 15z m-92 266l-31 0c-8 0-15-7-15-15 0-9 7-16 15-16l31 0c43 0 77-34 77-76l0-31c0-8 7-15 15-15 9 0 16 7 16 15l0 31c0 59-49 107-108 107z m-174 0l-51 0c-59 0-108-48-108-107l0-52c0-8 7-15 16-15 8 0 15 7 15 15l0 52c0 42 34 76 77 76l51 0c8 0 15 7 15 16 0 8-7 15-15 15z m0-358l-41 0c-23 0-36 12-36 36l0 41c0 23 13 35 36 35l41 0c23 0 36-12 36-35l0-41c0-24-13-36-36-36z m164 0l-41 0c-23 0-36 12-36 36l0 41c0 23 13 35 36 35l41 0c23 0 36-12 36-35l0-41c0-24-13-36-36-36z m-164 164l-41 0c-23 0-36 12-36 35l0 41c0 24 13 36 36 36l41 0c23 0 36-12 36-36l0-41c0-23-13-35-36-35z m164 0l-41 0c-23 0-36 12-36 35l0 41c0 24 13 36 36 36l41 0c23 0 36-12 36-36l0-41c0-23-13-35-36-35z"/>
 </svg>
--- a/app/images/icons/icon-scan-filled.svg
+++ b/app/images/icons/icon-scan-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-scan-filled" viewBox="0 0 512 512">
  <path d="m62 215c-8 0-15-7-15-16l0-47c0-56 45-101 100-101l48 0c9 0 16 7 16 16 0 9-7 16-16 16l-48 0c-38 0-69 31-69 69l0 47c0 9-7 16-16 16z m379 0c-9 0-16-7-16-16l0-47c0-38-31-69-69-69l-48 0c-9 0-16-7-16-16 0-9 7-16 16-16l48 0c55 0 100 45 100 101l0 47c0 9-7 16-15 16z m-85 246l-29 0c-9 0-16-7-16-16 0-9 7-16 16-16l29 0c38 0 69-31 69-69l0-28c0-9 7-16 16-16 8 0 15 7 15 16l0 28c0 56-45 101-100 101z m-161 0l-48 0c-55 0-100-45-100-101l0-47c0-9 7-16 15-16 9 0 16 7 16 16l0 47c0 38 31 69 69 69l48 0c8 0 16 7 16 16 0 9-7 16-16 16z m189-221l-265 0c-9 0-16 7-16 16 0 9 7 16 16 16l265 0c9 0 16-7 16-16 0-9-7-16-16-16z m-237 56l0 6c0 34 28 62 62 62l86 0c34 0 61-28 61-62l0-6c0-3-2-5-4-5l-201 0c-2 0-4 2-4 5z m0-80l0-6c0-34 28-62 62-62l86 0c34 0 61 28 61 62l0 6c0 3-2 5-4 5l-201 0c-2 0-4-2-4-5z"/>
 </svg>
--- a/app/images/icons/icon-scan-focus-outline.svg
+++ b/app/images/icons/icon-scan-focus-outline.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-scan-focus-outline" viewBox="0 0 512 512">
  <path d="m363 469l-29 0c-8 0-16-6-16-15 0-10 6-16 16-16l29 0c41 0 75-34 75-75l0-27c0-8 6-16 16-16 9 0 15 6 15 16l0 29c-2 57-49 104-106 104z m-167 0l-49 0c-57 0-102-47-102-102l0-51c0-8 6-16 15-16 10 0 16 6 16 16l0 49c0 41 34 75 75 75l45 0c8 0 16 6 16 16 0 9-8 13-16 13z m256-255c-8 0-16-6-16-16l0-49c0-41-34-75-75-75l-47 0c-8 0-16-6-16-16 0-9 6-15 16-15l49 0c57 0 102 47 102 102l0 53c2 8-5 16-13 16z m-394 0c-7 0-15-8-15-16l0-49c0-57 47-102 102-102l51 0c8 0 16 5 16 15 0 10-8 14-16 14l-49 0c-41 0-75 34-75 75l0 47c2 8-6 16-14 16z"/>
 </svg>
--- a/app/images/icons/icon-scroll-filled.svg
+++ b/app/images/icons/icon-scroll-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-scroll-filled" viewBox="0 0 512 512">
  <path d="m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c0-74-44-119-119-119z m-124 256c6 6 6 16 0 22-3 3-7 4-11 4-4 0-7-1-10-4l-51-51c-13-12-13-32 0-44l51-51c5-6 15-6 21 0 6 6 6 16 0 22l-51 51z m150-29l-51 51c-4 3-7 4-11 4-4 0-8-1-11-4-6-6-6-16 0-22l51-51-51-51c-6-6-6-16 0-22 6-6 16-6 22 0l51 51c12 12 12 32 0 44z"/>
 </svg>
--- a/app/images/icons/icon-search-filled.svg
+++ b/app/images/icons/icon-search-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-search-filled" viewBox="0 0 512 512">
  <path d="m241 440c108 0 195-87 195-194 0-108-87-195-195-195-107 0-194 87-194 195 0 107 87 194 194 194z m201 21c-4 0-7-2-10-4l-38-38c-6-6-6-15 0-21 5-5 14-5 20 0l38 38c6 6 6 15 0 21-3 2-6 4-10 4z"/>
 </svg>
--- a/app/images/icons/icon-security-card-filled.svg
+++ b/app/images/icons/icon-security-card-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-card-filled" viewBox="0 0 512 512">
  <path d="m282 284l-51 0c-6 0-11 5-11 11 0 6 5 11 11 11l51 0c6 0 11-5 11-11 0-6-5-11-11-11z m-83 0l-26 0c-6 0-11 5-11 11 0 6 5 11 11 11l26 0c6 0 11-5 11-11 0-6-5-11-11-11z m186-187l-112-43c-12-4-31-4-43 0l-112 43c-22 8-40 33-40 56l0 166c0 17 11 39 25 49l112 84c20 15 53 15 73 0l112-84c14-10 24-32 24-49l0-166c1-23-17-48-39-56z m-7 193c-1 42-12 53-56 53l-141 0c-44 0-56-11-56-56l0-47c0-6 5-11 11-11l232 0c5 0 10 5 10 11z m0-93c0 6-5 10-10 10l-232 0c-6 0-11-4-11-10l0-13c0-40 10-53 45-56 3 0 7 0 11 0l141 0c45 0 56 11 56 56z"/>
 </svg>
--- a/app/images/icons/icon-security-cross-filled.svg
+++ b/app/images/icons/icon-security-cross-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-cross-filled" viewBox="0 0 512 512">
  <path d="m385 95l-112-43c-12-4-31-4-43 0l-112 43c-22 8-40 33-40 56l0 166c0 17 11 39 25 49l112 84c20 15 53 15 73 0l112-84c14-10 24-32 24-49l0-166c1-23-17-48-39-56z m-79 201c-3 3-7 5-10 5-4 0-8-2-11-5l-33-32-33 33c-4 3-7 5-11 5-4 0-8-2-11-5-6-6-6-15 0-21l33-34-32-33c-6-6-6-15 0-21 6-6 15-6 21 0l33 32 32-32c6-6 15-6 21 0 6 6 6 16 0 22l-31 32 32 32c6 7 6 16 0 22z"/>
 </svg>
--- a/app/images/icons/icon-security-key-filled.svg
+++ b/app/images/icons/icon-security-key-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-key-filled" viewBox="0 0 512 512">
  <path d="m385 96l-112-43c-12-4-31-4-43 0l-112 43c-22 8-40 33-40 56l0 166c0 17 11 39 25 49l112 84c20 15 53 15 73 0l112-84c14-10 24-32 24-49l0-166c1-23-17-48-39-56z m-118 178l0 54c0 8-7 15-15 15-9 0-16-7-16-15l0-54c-21-7-36-26-36-49 0-28 23-51 52-51 28 0 51 23 51 51 0 23-15 42-36 49z"/>
 </svg>
--- a/app/images/icons/icon-security-search-filled.svg
+++ b/app/images/icons/icon-security-search-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-search-filled" viewBox="0 0 512 512">
  <path d="m404 152l0 52c0 14-15 24-28 19-18-7-37-9-57-7-48 5-98 52-107 101-6 40 7 78 31 104 12 13 4 32-13 34-14 2-28 2-35-4l-113-84c-13-10-24-32-24-49l0-166c0-23 17-48 39-56l113-43c11-4 30-4 42 0l113 43c21 8 39 33 39 56z m-71 94c-50 0-92 41-92 92 0 51 42 92 92 92 51 0 93-41 93-92 0-51-42-92-93-92z m103 215c-6 0-11-2-15-6-1-1-2-2-2-3-1-1-2-3-2-4-1-1-1-2-1-4 0-1-1-2-1-4 0-2 1-5 2-7 1-3 2-5 4-7 5-5 12-7 19-6 1 0 2 1 4 1 1 1 2 2 3 2 1 1 2 2 3 3 2 2 4 4 5 7 1 2 1 5 1 7 0 6-2 11-6 15-1 1-2 2-3 2-1 1-2 2-3 2-2 1-3 1-4 1-2 1-3 1-4 1z"/>
 </svg>
--- a/app/images/icons/icon-security-slash-filled.svg
+++ b/app/images/icons/icon-security-slash-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-slash-filled" viewBox="0 0 512 512">
  <path d="m402 105l-277 277-22-16c-14-10-25-32-25-49l0-166c0-23 18-48 40-56l112-43c12-4 31-4 43 0l112 43c6 2 12 6 17 10z m23 212c0 17-11 39-25 49l-112 84c-20 14-53 14-73 0l-36-27c-10-7-11-22-2-31l213-213c12-12 35-3 35 15z m27-261c-7-6-17-6-23 0l-378 378c-6 6-6 16 0 22 3 3 7 5 11 5 5 0 8-2 12-5l378-378c6-6 6-16 0-22z"/>
 </svg>
--- a/app/images/icons/icon-security-tick-filled.svg
+++ b/app/images/icons/icon-security-tick-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-tick-filled" viewBox="0 0 512 512">
  <path d="m385 95l-112-43c-12-4-31-4-43 0l-112 43c-22 8-40 33-40 56l0 166c0 17 11 39 25 49l112 84c20 15 53 15 73 0l112-84c14-10 24-32 24-49l0-166c1-23-17-48-39-56z m-62 114l-88 88c-3 3-7 5-11 5-4 0-8-2-11-5l-33-33c-6-6-6-16 0-22 6-5 16-5 22 0l22 23 77-78c6-6 16-6 22 0 6 6 6 16 0 22z"/>
 </svg>
--- a/app/images/icons/icon-security-time-filled.svg
+++ b/app/images/icons/icon-security-time-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-time-filled" viewBox="0 0 512 512">
  <path d="m252 179c-37 0-67 30-67 67 0 36 30 66 67 66 36 0 66-30 66-66 0-37-30-67-66-67z m20 60c0 13-7 25-17 31l-16 9c-3 2-5 3-8 3-5 0-10-3-13-8-5-7-2-17 5-21l16-9c1-1 2-3 2-5l0-19c0-8 7-15 15-15 9 0 16 7 16 15z m113-143l-112-43c-12-4-31-4-43 0l-112 43c-22 8-40 33-40 56l0 166c0 17 11 39 25 49l112 84c20 15 53 15 73 0l112-84c14-10 24-32 24-49l0-166c1-23-17-48-39-56z m-133 247c-54 0-98-44-98-97 0-54 44-98 98-98 53 0 97 44 97 98 0 53-44 97-97 97z"/>
 </svg>
--- a/app/images/icons/icon-security-user-filled.svg
+++ b/app/images/icons/icon-security-user-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-security-user-filled" viewBox="0 0 512 512">
  <path d="m385 94l-103-38c-17-6-44-6-61 0l-103 38c-23 9-42 37-42 62l0 152c0 24 16 56 35 71l88 65c29 22 76 22 105 0l88-65c20-15 36-47 36-71l0-152c-1-25-20-53-43-62z m-135 60c24 0 44 20 44 44 0 24-19 43-42 44l-1 0c-1 0-1 0-1 0-25-1-43-20-43-44-1-24 19-44 43-44z m46 191c-12 8-28 13-44 13-17 0-33-4-45-13-12-7-18-18-19-30 0-11 7-22 19-30 24-17 65-17 90 0 11 8 18 18 18 30 0 11-7 23-19 30z"/>
 </svg>
--- a/app/images/icons/icon-send-1-filled.svg
+++ b/app/images/icons/icon-send-1-filled.svg
@ -0,0 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="icon-send-1-filled" viewBox="0 0 512 512">
  <path d="m336 71l-185 61c-124 42-124 110 0 151l55 18 18 55c42 124 110 124 151 0l62-185c27-83-18-128-101-100z m7 110l-78 78c-3 3-7 5-11 5-4 0-8-2-11-5-6-6-6-15 0-21l78-79c6-6 16-6 22 0 6 6 6 16 0 22z"/>
 </svg>
--- a/Show More
+++ b/Show More