Update and clean icons (#787)

Signed-off-by: Alexander Platov <sas_lord@mail.ru> Co-authored-by: Andrey Sobolev <haiodo@users.noreply.github.com> Co-authored-by: Denis Bykhov <80476319+BykhovDenis@users.noreply.github.com>
2025-04-23 16:56:07 +00:00 · 2022-01-12 12:01:54 +03:00 · 2022-01-12 12:01:54 +03:00 · 8aaef1a72d
commit 8aaef1a72d
parent d7e1c44682
84 changed files with 229 additions and 673 deletions
--- a/packages/presentation/src/components/Card.svelte
+++ b/packages/presentation/src/components/Card.svelte
@ -20,8 +20,6 @@
  import { createEventDispatcher } from 'svelte'
  import type { Ref, Class, Space } from '@anticrm/core'
  // import Close from './internal/icons/Close.svelte'
  // import ScrollBox from './ScrollBox.svelte'
  import { Button, Label } from '@anticrm/ui'
  import SpaceSelect from './SpaceSelect.svelte'
  import presentation from '..'
--- a/packages/presentation/src/components/icons/Add.svelte
+++ b/packages/presentation/src/components/icons/Add.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M14,7.5H8.5V2c0-0.3-0.2-0.5-0.5-0.5S7.5,1.7,7.5,2v5.5H2C1.7,7.5,1.5,7.7,1.5,8S1.7,8.5,2,8.5h5.5V14 c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5V8.5H14c0.3,0,0.5-0.2,0.5-0.5S14.3,7.5,14,7.5z"/>
 </svg>
--- a/packages/presentation/src/components/icons/Avatar.svelte
+++ b/packages/presentation/src/components/icons/Avatar.svelte
@ -21,9 +21,9 @@
 </script>
 <svg class="svg-avatar {size}" {fill} viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-	<circle class="op" cx="20" cy="13.6" r="6.4"/>
+  <circle class="op" cx="20" cy="13.6" r="6.4"/>
-	<path d="M33.1,33.3c-0.8-2.2-2.5-4.2-4.9-5.5c-2.3-1.3-5.2-2.1-8.2-2.1s-5.8,0.7-8.2,2.1c-2.4,1.4-4.1,3.3-4.9,5.5 c-0.1,0.4,0.1,0.8,0.5,1c0.4,0.1,0.8-0.1,1-0.5c0.7-1.9,2.2-3.5,4.2-4.7c2.1-1.2,4.7-1.9,7.4-1.9c2.7,0,5.3,0.7,7.4,1.9 c2.1,1.2,3.6,2.9,4.2,4.7c0.1,0.3,0.4,0.5,0.7,0.5c0.1,0,0.2,0,0.3,0C33,34.1,33.2,33.7,33.1,33.3z"/>
+  <path d="M33.1,33.3c-0.8-2.2-2.5-4.2-4.9-5.5c-2.3-1.3-5.2-2.1-8.2-2.1s-5.8,0.7-8.2,2.1c-2.4,1.4-4.1,3.3-4.9,5.5 c-0.1,0.4,0.1,0.8,0.5,1c0.4,0.1,0.8-0.1,1-0.5c0.7-1.9,2.2-3.5,4.2-4.7c2.1-1.2,4.7-1.9,7.4-1.9c2.7,0,5.3,0.7,7.4,1.9 c2.1,1.2,3.6,2.9,4.2,4.7c0.1,0.3,0.4,0.5,0.7,0.5c0.1,0,0.2,0,0.3,0C33,34.1,33.2,33.7,33.1,33.3z"/>
-	<path d="M20,20.8c3.9,0,7.1-3.2,7.1-7.1S23.9,6.5,20,6.5c-3.9,0-7.1,3.2-7.1,7.1S16.1,20.8,20,20.8z M20,8 c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S16.9,8,20,8z"/>
+  <path d="M20,20.8c3.9,0,7.1-3.2,7.1-7.1S23.9,6.5,20,6.5c-3.9,0-7.1,3.2-7.1,7.1S16.1,20.8,20,20.8z M20,8 c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S16.9,8,20,8z"/>
 </svg>
 <style lang="scss">
--- a/packages/presentation/src/components/icons/Close.svelte
+++ b/packages/presentation/src/components/icons/Close.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M8.7,8l5.6-5.6c0.2-0.2,0.2-0.5,0-0.7s-0.5-0.2-0.7,0L8,7.3L2.4,1.6c-0.2-0.2-0.5-0.2-0.7,0s-0.2,0.5,0,0.7L7.3,8l-5.6,5.6 c-0.2,0.2-0.2,0.5,0,0.7c0.1,0.1,0.2,0.1,0.4,0.1s0.3,0,0.4-0.1L8,8.7l5.6,5.6c0.1,0.1,0.2,0.1,0.4,0.1s0.3,0,0.4-0.1 c0.2-0.2,0.2-0.5,0-0.7L8.7,8z"/>
 </svg>
--- a/packages/presentation/src/components/icons/Copy.svelte
+++ b/packages/presentation/src/components/icons/Copy.svelte
@ -4,5 +4,5 @@
 </script>
 <svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path d="M12,0H6.4C4.9,0,3.6,1.2,3.5,2.7C2.2,2.9,1.1,4.1,1.1,5.5v7.7C1.1,14.7,2.4,16,4,16h5.6c1.5,0,2.7-1.2,2.8-2.7 c1.4-0.2,2.4-1.4,2.4-2.8V2.9C14.9,1.3,13.6,0,12,0z M9.6,14.9H4c-0.9,0-1.7-0.8-1.7-1.7V5.5c0-0.8,0.5-1.4,1.2-1.6v6.7 c0,1.6,1.3,2.9,2.9,2.9h4.9C11.2,14.2,10.5,14.9,9.6,14.9z M13.7,10.5c0,0.9-0.8,1.7-1.7,1.7H6.4c-0.9,0-1.7-0.8-1.7-1.7V2.9 c0-0.9,0.8-1.7,1.7-1.7H12c0.9,0,1.7,0.8,1.7,1.7V10.5z"/>
+  <path d="M11.5,1H6.6C5.3,1,4.2,2,4.1,3.3C2.9,3.5,2,4.6,2,5.8v6.7C2,13.9,3.1,15,4.5,15h4.9c1.3,0,2.4-1,2.5-2.3 c1.2-0.2,2.1-1.2,2.1-2.5V3.5C14,2.1,12.9,1,11.5,1z M9.4,14H4.5C3.7,14,3,13.3,3,12.5V5.8c0-0.7,0.5-1.3,1.1-1.4v5.8 c0,1.4,1.1,2.5,2.5,2.5h4.3C10.8,13.4,10.2,14,9.4,14z M13,10.2c0,0.8-0.7,1.5-1.5,1.5H6.6c-0.8,0-1.5-0.7-1.5-1.5V3.5 C5.1,2.7,5.8,2,6.6,2h4.9C12.3,2,13,2.7,13,3.5V10.2z"/>
 </svg>
--- a/packages/presentation/src/components/icons/Edit.svelte
+++ b/packages/presentation/src/components/icons/Edit.svelte
@ -1,24 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M13.3,6.5l1.9-1.9c1.1-1.1,1.1-2.8,0-3.8c-1.1-1.1-2.8-1.1-3.8,0L9.5,2.7C10.4,4.3,11.7,5.6,13.3,6.5z M12.3,7.6c-1.6-1-2.9-2.3-3.8-3.8l-6.3,6.3l0,0C1.5,10.7,1.2,11,1,11.4c-0.2,0.4-0.3,0.8-0.5,1.6l-0.4,2c-0.1,0.5-0.1,0.7,0,0.9 c0.1,0.1,0.4,0.1,0.9,0l2-0.4c0.8-0.2,1.3-0.3,1.6-0.5c0.4-0.2,0.7-0.5,1.3-1.1L12.3,7.6z"/>
 </svg>
--- a/packages/presentation/src/components/icons/ExpandDown.svelte
+++ b/packages/presentation/src/components/icons/ExpandDown.svelte
@ -20,5 +20,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <polygon points="11.6,5.6 8,9.3 4.4,5.6 3.6,6.4 7.6,10.4 8,10.7 8.4,10.4 12.4,6.4 "/>
+  <polygon points="8,11.7 1.6,5.4 2.4,4.6 8,10.3 13.6,4.6 14.4,5.4 "/>
 </svg>
--- a/packages/presentation/src/components/icons/ExpandUp.svelte
+++ b/packages/presentation/src/components/icons/ExpandUp.svelte
@ -20,5 +20,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <polygon points="12.4,9.6 8.4,5.6 8,5.3 7.6,5.6 3.6,9.6 4.4,10.4 8,6.7 11.6,10.4 "/>
+  <polygon points="13.6,11.4 8,5.7 2.4,11.4 1.6,10.6 8,4.3 14.4,10.6 "/>
 </svg>
--- a/packages/presentation/src/components/icons/Mail.svelte
+++ b/packages/presentation/src/components/icons/Mail.svelte
@ -1,24 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  <path d="M12.9,2.7H3.1c-1,0-1.7,0.8-1.7,1.7v7.5c0,1,0.8,1.7,1.7,1.7h9.9c1,0,1.7-0.8,1.7-1.7V4.4C14.7,3.5,13.9,2.7,12.9,2.7z M12.9,3.7c0.1,0,0.2,0,0.3,0.1L8,7.9L2.8,3.8c0.1,0,0.2-0.1,0.3-0.1H12.9z M12.9,12.6H3.1c-0.4,0-0.7-0.3-0.7-0.7V4.7L7.7,9 C7.8,9,7.9,9.1,8,9.1S8.2,9,8.3,9l5.4-4.3v7.2C13.7,12.3,13.3,12.6,12.9,12.6z"/>
 </svg>
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@ -263,10 +263,9 @@ p:last-child { margin-block-end: 0; }
 /* --------- */
 .svg-x-small {
-  width: 0.857em;
+  width: .857em;
-  height: 0.857em;
+  height: .857em;
 }
 .svg-small {
  width: 1.143em;
  height: 1.143em;
@ -279,7 +278,11 @@ p:last-child { margin-block-end: 0; }
  width: 1.715em;
  height: 1.715em;
 }
-.svg-small, .svg-medium, .svg-large { flex-shrink: 0; }
+.svg-full {
  width: inherit;
  height: inherit;
 }
 .svg-x-small, .svg-small, .svg-medium, .svg-large { flex-shrink: 0; }
 .svg-mask {
  position: absolute;
--- a/packages/ui/src/components/CircleButton.svelte
+++ b/packages/ui/src/components/CircleButton.svelte
@ -53,32 +53,32 @@
    width: 1.5rem;
    height: 1.5rem;
    .content {
-      width: .625rem;
+      width: .75rem;
-      height: .625rem;
+      height: .75rem;
    }
  }
  .icon-medium {
    width: 1.75rem;
    height: 1.75rem;
    .content {
-      width: .75rem;
+      width: .875rem;
-      height: .75rem;
+      height: .875rem;
    }
  }
  .icon-large {
    width: 2rem;
    height: 2rem;
    .content {
-      width: .875rem;
+      width: 1rem;
-      height: .875rem;
+      height: 1rem;
    }
  }
  .icon-x-large {
    width: 2.25rem;
    height: 2.25rem;
    .content {
-      width: 1rem;
+      width: 1.25rem;
-      height: 1rem;
+      height: 1.25rem;
    }
  }
 </style>
--- a/packages/ui/src/components/Dialog.svelte
+++ b/packages/ui/src/components/Dialog.svelte
@ -19,7 +19,7 @@
  import { createEventDispatcher } from 'svelte'
-  import Close from './internal/icons/Close.svelte'
+  import Close from './icons/Close.svelte'
  import ScrollBox from './ScrollBox.svelte'
  import Button from './Button.svelte'
  import Label from './Label.svelte'
--- a/packages/ui/src/components/Icon.svelte
+++ b/packages/ui/src/components/Icon.svelte
@ -34,33 +34,9 @@
 </script>
 {#if isAsset(icon)}
-  <svg class={size} {fill}>
+  <svg class="svg-{size}" {fill}>
    <use href={url} />
  </svg>
 {:else}
  <svelte:component this={icon} {size} {fill} {filled} />
 {/if}
 <style lang="scss">
  .x-small {
    width: .857em;
    height: .857em;
  }
  .small {
    width: 1.143em;
    height: 1.143em;
  }
  .medium {
    width: 1.429em;
    height: 1.429em;
  }
  .large {
    width: 1.715em;
    height: 1.715em;
  }
  .full {
    width: inherit;
    height: inherit;
  }
 </style>
--- a/packages/ui/src/components/Status.svelte
+++ b/packages/ui/src/components/Status.svelte
@ -11,15 +11,15 @@
 <div class="flex-center overflow-label container {status.severity}">
  {#if status.severity !== Severity.OK}
    <Info size={'small'}/>
-    <div class="overflow-label"><Label label={status.code} params={status.params}/></div>
+    <div class="small-text ml-2 overflow-label"><Label label={status.code} params={status.params}/></div>
  {/if}
 </div>
 <style lang="scss">
  .container {
    user-select: none;
    font-size: 14px;
    color: var(--theme-content-color);
    div { margin-left: .75em; }
    &.WARNING { color: yellow; }
    &.ERROR { color: var(--system-error-color); }
  }
--- a/packages/ui/src/components/icons/Activity.svelte
+++ b/packages/ui/src/components/icons/Activity.svelte
@ -3,8 +3,8 @@
  const fill: string = 'currentColor'
 </script>
-<svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+<svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path d="M8.4,8.5C8.2,8.4,8,8.3,7.9,8.3c-0.2,0-0.4,0.1-0.5,0.3l-2.9,3.8c-0.2,0.3-0.2,0.7,0.1,1c0.1,0.1,0.3,0.1,0.4,0.1 c0.2,0,0.4-0.1,0.6-0.3L8.1,10l2.8,2.2c0.1,0.1,0.3,0.2,0.5,0.1c0.2,0,0.4-0.1,0.5-0.3l2.8-3.7c0.2-0.3,0.2-0.7-0.1-1 c-0.3-0.2-0.7-0.2-1,0.1l-2.4,3.1L8.4,8.5z"/>
+  <path d="M7.2,6.8C7.1,6.7,6.9,6.6,6.8,6.7c-0.2,0-0.3,0.1-0.4,0.2l-2,2.6c-0.2,0.3-0.2,0.6,0.1,0.8c0.1,0.1,0.2,0.1,0.4,0.1 c0.2,0,0.4-0.1,0.5-0.2l1.6-2.1l1.8,1.4C8.9,9.6,9,9.7,9.2,9.6c0.2,0,0.3-0.1,0.4-0.2l2-2.5c0.2-0.3,0.2-0.6-0.1-0.8 c-0.3-0.2-0.6-0.2-0.8,0.1L9,8.2L7.2,6.8z"/>
-  <path d="M17.4,0c-1.4,0-2.6,1.2-2.6,2.6c0,1.4,1.2,2.6,2.6,2.6C18.8,5.1,20,4,20,2.5C20,1.1,18.8,0,17.4,0z M17.4,3.7 c-0.6,0-1.2-0.5-1.2-1.2c0-0.6,0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2C18.6,3.2,18.1,3.7,17.4,3.7z"/>
+  <path d="M14.1,5.6c-0.3,0-0.6,0.3-0.6,0.6v4.7c0,1.7-1,2.8-2.7,2.8H5.1c-1.6,0-2.7-1.1-2.7-2.8V5.5c0-1.7,1-2.8,2.7-2.8h4.8 c0.3,0,0.6-0.3,0.6-0.6s-0.3-0.6-0.6-0.6H5.1c-2.3,0-3.9,1.6-3.9,4v5.4c0,2.4,1.5,4,3.9,4h5.7c2.3,0,3.9-1.6,3.9-4V6.2 C14.7,5.9,14.4,5.6,14.1,5.6z"/>
-  <path d="M18.5,6.8c-0.4,0-0.7,0.3-0.7,0.7v6.8c0,2.6-1.6,4.3-4,4.3H5.4c-2.5,0-4-1.6-4-4.3V6.5c0-2.6,1.6-4.3,4-4.3h7.1 c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7H5.4C2.2,0.8,0,3.1,0,6.5v7.9C0,17.7,2.2,20,5.4,20h8.4c3.3,0,5.4-2.3,5.4-5.7V7.5 C19.2,7.1,18.9,6.8,18.5,6.8z"/>
+  <path d="M13.3,4.7c1,0,1.9-0.8,1.9-1.9c0-1-0.8-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C11.4,3.8,12.3,4.7,13.3,4.7z M13.3,2.1 c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7s-0.7-0.3-0.7-0.7C12.6,2.4,13,2.1,13.3,2.1z"/>
 </svg>
--- a/packages/presentation/src/components/icons/ArrowLeft.svelte
+++ b/packages/presentation/src/components/icons/ArrowLeft.svelte
@ -20,5 +20,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15.5,7.5H1.9l5-5L6.2,1.7L0.3,7.6L0,8l0.4,0.4l5.9,5.9L7,13.6l-5-5h13.5c0.3,0,0.5-0.2,0.5-0.5C16,7.8,15.8,7.5,15.5,7.5z"/>
+  <path d="M12.7,7.5H3.9L7,4.4L6.3,3.6l-4,4L2,8l0.4,0.4l4,4L7,11.6L3.9,8.5h8.8c0.3,0,0.5-0.2,0.5-0.5S12.9,7.5,12.7,7.5z"/>
 </svg>
--- a/packages/ui/src/components/icons/Attachment.svelte
+++ b/packages/ui/src/components/icons/Attachment.svelte
@ -20,5 +20,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.2,8.5l5.9-6.2c1.2-1.3,3.3-1.3,4.5,0c1.2,1.3,1.2,3.5,0,4.8l-6.8,7.2c-0.5,0.5-1.3,0.5-1.8,0 c-0.5-0.5-0.5-1.4,0-1.9l6.8-7.2c0.2-0.3,0.2-0.7,0-1C10.6,4,10.2,4,9.9,4.2l-6.8,7.2c-1,1.1-1,2.8,0,3.8c1,1.1,2.6,1.1,3.6,0 l6.8-7.2c1.7-1.8,1.7-4.8,0-6.7c-1.7-1.8-4.6-1.8-6.3,0L1.3,7.6c-0.2,0.3-0.2,0.7,0,1C1.6,8.8,2,8.8,2.2,8.5z"/>
+  <path d="M3,8.5L8.1,3c1.1-1.2,2.9-1.2,4,0c1.1,1.2,1.1,3,0,4.2l-5.9,6.3c-0.4,0.5-1.1,0.5-1.6,0c-0.4-0.5-0.4-1.2,0-1.7l5.9-6.3 c0.2-0.2,0.2-0.6,0-0.8c-0.2-0.2-0.6-0.2-0.8,0L3.7,11c-0.9,0.9-0.9,2.4,0,3.3c0.9,0.9,2.3,0.9,3.2,0l5.9-6.3c1.5-1.6,1.5-4.2,0-5.8 c-1.5-1.6-4-1.6-5.5,0L2.2,7.6c-0.2,0.2-0.2,0.6,0,0.8C2.4,8.7,2.7,8.7,3,8.5z"/>
 </svg>
--- a/packages/ui/src/components/icons/Back.svelte
+++ b/packages/ui/src/components/icons/Back.svelte
@ -1,6 +1,22 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
--- a/packages/ui/src/components/icons/Check.svelte
+++ b/packages/ui/src/components/icons/Check.svelte
@ -1,24 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = '#4474F6'
 </script>
 <svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg">
  <path d="M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10s10-4.5,10-10S15.5,0,10,0z M13.7,8l-4,5c-0.1,0.1-0.3,0.2-0.5,0.2 S8.8,13.1,8.6,13l-2.3-2.5C6,10.2,6,9.7,6.3,9.4c0.3-0.3,0.8-0.3,1.1,0l1.7,1.9L12.5,7c0.3-0.3,0.7-0.4,1.1-0.1 C13.9,7.2,14,7.6,13.7,8z"/>
 </svg>
--- a/packages/ui/src/components/icons/Delete.svelte
+++ b/packages/ui/src/components/icons/Delete.svelte
@ -4,5 +4,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M14.3,2.8h-2.4c-0.3,0-0.6-0.3-0.7-0.6l-0.2-1C10.8,0.5,10.3,0,9.6,0H6.4C5.7,0,5.2,0.5,5,1.2l-0.2,1 C4.7,2.6,4.4,2.8,4.1,2.8H1.7c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h0.5c0.1,1.2,0.4,7.7,0.6,9.9C3,15.1,3.8,15.9,5,16 c1,0,2,0,3,0c0.9,0,1.9,0,2.9,0c1.3,0,2.1-0.9,2.3-2.2c0.2-2.1,0.6-8.7,0.6-9.9h0.5c0.3,0,0.5-0.2,0.5-0.5S14.6,2.8,14.3,2.8z M5.8,2.4l0.2-1c0.1-0.2,0.2-0.4,0.4-0.4h3.2c0.2,0,0.4,0.2,0.4,0.3l0.2,1c0,0.2,0.1,0.3,0.2,0.4H5.7C5.7,2.7,5.8,2.5,5.8,2.4z M12.1,13.6c-0.1,0.8-0.5,1.3-1.2,1.3c-2,0-4,0-5.8,0c-0.9,0-1.1-0.7-1.2-1.3c-0.2-2.1-0.6-8.5-0.6-9.8h9.5 C12.7,5.2,12.3,11.6,12.1,13.6z"/>
+  <path d="M13.1,3.8h-2c-0.2,0-0.4-0.2-0.5-0.4l-0.2-0.8c-0.1-0.6-0.6-1-1.2-1H6.8c-0.6,0-1.1,0.4-1.2,1L5.4,3.3 c0,0.3-0.2,0.4-0.5,0.4h-2C2.7,3.8,2.4,4,2.4,4.3s0.2,0.5,0.5,0.5h0.3c0.1,1.1,0.3,6.2,0.5,7.9c0.1,1.1,0.8,1.8,1.9,1.9 c0.8,0,1.6,0,2.4,0c0.8,0,1.5,0,2.3,0c1.1,0,1.8-0.7,1.9-1.9c0.2-1.7,0.4-6.7,0.5-7.9h0.3c0.3,0,0.5-0.2,0.5-0.5S13.4,3.8,13.1,3.8z M6.4,3.5l0.1-0.8c0-0.1,0.1-0.2,0.3-0.2h2.5c0.1,0,0.2,0.1,0.2,0.2l0.1,0.8c0,0.1,0.1,0.2,0.1,0.3H6.3C6.3,3.7,6.3,3.6,6.4,3.5z M11.3,12.5c-0.1,0.9-0.7,1-0.9,1c-1.6,0-3.2,0-4.7,0c-0.5,0-0.8-0.3-0.9-1C4.6,10.9,4.4,6,4.3,4.8h7.5C11.7,6,11.4,10.9,11.3,12.5z"/>
 </svg>
--- a/packages/ui/src/components/icons/Down.svelte
+++ b/packages/ui/src/components/icons/Down.svelte
@ -1,8 +1,8 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.8,11.8L11.7,8H4L7.8,11.8z"/>
+  <path d="M7.8,10.8L11.7,7H4L7.8,10.8z"/>
 </svg>
--- a/packages/ui/src/components/icons/Forward.svelte
+++ b/packages/ui/src/components/icons/Forward.svelte
@ -1,6 +1,6 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
--- a/packages/ui/src/components/icons/Info.svelte
+++ b/packages/ui/src/components/icons/Info.svelte
@ -18,8 +18,8 @@
  const fill: string = 'currentColor'
 </script>
-<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <polygon points="12.6,14.4 12.8,5.1 11.2,5.1 11.4,14.4 "/>
+  <path d="M8,1C4.1,1,1,4.1,1,8c0,3.9,3.1,7,7,7c3.9,0,7-3.1,7-7C15,4.1,11.9,1,8,1z M8,13.8c-3.2,0-5.8-2.6-5.8-5.8 S4.8,2.2,8,2.2s5.8,2.6,5.8,5.8S11.2,13.8,8,13.8z"/>
-  <path d="M12,15.8c-0.6,0-1.2,0.5-1.2,1.2s0.5,1.2,1.2,1.2s1.2-0.5,1.2-1.2S12.6,15.8,12,15.8z"/>
+  <polygon points="7.5,9.7 8.6,9.7 8.7,3.6 7.3,3.6 7.5,9.5 "/>
-  <path d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,22.5C6.2,22.5,1.5,17.8,1.5,12S6.2,1.5,12,1.5 S22.5,6.2,22.5,12S17.8,22.5,12,22.5z"/>
+  <circle cx="8" cy="11.1" r="0.9"/>
 </svg>
--- a/packages/ui/src/components/icons/Share.svelte
+++ b/packages/ui/src/components/icons/Share.svelte
@ -3,7 +3,7 @@
  const fill: string = 'currentColor'
 </script>
-<svg class="svg-{size}" {fill} viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M16.7,9.5c-0.3,0-0.5,0.2-0.5,0.5v6.2c0,0.6-0.5,1.1-1.2,1.1H5c-0.6,0-1.2-0.5-1.2-1.1V10 c0-0.3-0.2-0.5-0.5-0.5S2.8,9.7,2.8,10v6.2c0,1.1,1,2.1,2.2,2.1h10c1.2,0,2.2-0.9,2.2-2.1V10C17.2,9.7,17,9.5,16.7,9.5z"/>
+  <path d="M13.3,7.5c-0.3,0-0.5,0.2-0.5,0.5v5c0,0.4-0.4,0.7-0.8,0.7H4c-0.5,0-0.8-0.3-0.8-0.7V8c0-0.3-0.2-0.5-0.5-0.5S2.2,7.7,2.2,8 v5c0,1,0.8,1.7,1.8,1.7h8c1,0,1.8-0.8,1.8-1.7V8C13.8,7.7,13.6,7.5,13.3,7.5z"/>
-  <path d="M7.7,6.2l2.1-2v8.1c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5V4.2l2,2c0.1,0.1,0.2,0.1,0.4,0.1 c0.1,0,0.3,0,0.4-0.1c0.2-0.2,0.2-0.5,0-0.7l-2.9-2.9c0-0.1-0.1-0.1-0.2-0.1c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c0,0,0,0,0,0 c-0.1,0-0.3,0-0.4,0.1L7,5.5C6.8,5.7,6.8,6,7,6.2C7.2,6.4,7.5,6.4,7.7,6.2z"/>
+  <path d="M6.2,5.1l1.5-1.5v6.3c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5V3.6l1.5,1.5c0.1,0.1,0.2,0.1,0.4,0.1c0.1,0,0.3,0,0.4-0.1 c0.2-0.2,0.2-0.5,0-0.7L8.5,2c0,0-0.1-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0C8,2,7.9,2,7.9,2 c0,0,0,0-0.1,0L5.5,4.3c-0.2,0.2-0.2,0.5,0,0.7C5.7,5.2,6,5.2,6.2,5.1z"/>
 </svg>
--- a/packages/ui/src/components/icons/Thread.svelte
+++ b/packages/ui/src/components/icons/Thread.svelte
@ -20,5 +20,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M13.7,2.3C12.2,0.8,10.1,0,8,0C5.9,0,3.9,0.8,2.3,2.3c-2.4,2.4-3,6-1.6,9C0.9,11.7,1,12,1,12.2 c0,0.2-0.1,0.6-0.2,0.9c-0.2,0.6-0.5,1.5,0.1,2.1c0.6,0.6,1.5,0.3,2.1,0.1C3.3,15.1,3.6,15,3.8,15c0.2,0,0.5,0.1,0.8,0.2 C5.7,15.8,6.8,16,8,16c2.1,0,4.1-0.8,5.7-2.3C16.8,10.5,16.8,5.5,13.7,2.3z M12.8,12.8c-2,2-5.1,2.5-7.7,1.3 c-0.4-0.2-0.8-0.3-1.3-0.3c-0.4,0-0.9,0.2-1.3,0.3c-0.2,0.1-0.8,0.3-0.8,0.2c-0.1-0.1,0.1-0.6,0.2-0.8c0.1-0.4,0.3-0.8,0.3-1.3 c0-0.4-0.2-0.9-0.3-1.3C0.7,8.3,1.2,5.2,3.2,3.2c1.3-1.3,3-2,4.8-2c1.8,0,3.5,0.7,4.8,2C15.4,5.9,15.4,10.1,12.8,12.8z"/>
+  <path d="M8,14.5c-0.9,0-1.9-0.2-2.7-0.6c-0.2-0.1-0.5-0.2-0.6-0.2c-0.2,0-0.4,0.1-0.7,0.2c-0.5,0.2-1.2,0.4-1.7-0.1 c-0.5-0.5-0.3-1.2-0.1-1.7c0.1-0.3,0.2-0.5,0.2-0.7c0-0.2-0.1-0.4-0.2-0.7C1,8.3,1.5,5.3,3.4,3.4C4.6,2.2,6.3,1.5,8,1.5 s3.4,0.7,4.6,1.9c2.5,2.5,2.5,6.7,0,9.2l0,0C11.4,13.8,9.7,14.5,8,14.5z M4.6,12.7c0.4,0,0.7,0.1,1,0.3c2.1,1,4.6,0.5,6.2-1.1 c2.1-2.1,2.1-5.6,0-7.8c-1-1-2.4-1.6-3.9-1.6c-1.5,0-2.9,0.6-3.9,1.6C2.5,5.7,2,8.2,3,10.3c0.1,0.4,0.3,0.7,0.3,1.1 c0,0.4-0.1,0.7-0.2,1C3,12.6,2.9,13,2.9,13.1C3,13.2,3.4,13,3.6,12.9C3.9,12.8,4.3,12.7,4.6,12.7z M12.2,12.2L12.2,12.2L12.2,12.2z"/>
 </svg>
--- a/packages/ui/src/components/icons/ToDo.svelte
+++ b/packages/ui/src/components/icons/ToDo.svelte
@ -1,11 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  <g>
    <path d="M12,0H4C1.8,0,0,1.8,0,4v8c0,2.2,1.8,4,4,4h8c2.2,0,4-1.8,4-4V4C16,1.8,14.2,0,12,0z M15,12c0,1.7-1.3,3-3,3H4 c-1.7,0-3-1.3-3-3V4c0-1.7,1.3-3,3-3h8c1.7,0,3,1.3,3,3V12z"/>
    <path d="M11.6,4.7L6.8,9.8L4.4,7.3c-0.2-0.2-0.5-0.2-0.7,0C3.5,7.5,3.5,7.8,3.6,8l3.2,3.2l5.5-5.9c0.2-0.2,0.2-0.5,0-0.7 C12.1,4.4,11.8,4.5,11.6,4.7z"/>
  </g>
 </svg>
--- a/packages/ui/src/components/icons/Up.svelte
+++ b/packages/ui/src/components/icons/Up.svelte
@ -1,6 +1,6 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
--- a/packages/ui/src/components/internal/LangSelector.svelte
+++ b/packages/ui/src/components/internal/LangSelector.svelte
@ -41,7 +41,7 @@
 <Flags />
 {#if selected}
  <div bind:this={trigger} class="flex-center cursor-pointer" on:click={selectLanguage}>
-    <svg class="svg-medium">
+    <svg class="svg-small">
      <use href="#{selected.id}-flag" />
    </svg>
  </div>
--- a/packages/ui/src/components/internal/Root.svelte
+++ b/packages/ui/src/components/internal/Root.svelte
@ -43,16 +43,16 @@
          <div class="clock">
            <Clock />
          </div>
-          <div class="widget">
+          <div class="flex-center widget cursor-pointer">
            <LangSelector />
          </div>
-          <div class="widget">
+          <div class="flex-center widget cursor-pointer mr-3">
            <ThemeSelector />
          </div>
-          <div class="widget">
+          <div class="flex-center widget cursor-pointer mr-3">
            <FontSizeSelector />
          </div>
-          <div class="widget">
+          <div class="flex-center widget mr-3">
            <WiFi size={'small'}/>
          </div>
        </div>
@ -95,12 +95,10 @@
        user-select: none;
      }
      .widget {
-        display: flex;
+        width: 16px;
-        align-items: center;
+        height: 16px;
-        justify-content: center;
+        font-size: 14px;
-        width: 32px;
+        color: var(--theme-content-color);
        height: 32px;
        opacity: .6;
      }
    }
--- a/packages/ui/src/components/internal/icons/Close.svelte
+++ b/packages/ui/src/components/internal/icons/Close.svelte
@ -1,24 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" viewBox="0 0 24 24" {fill} xmlns="http://www.w3.org/2000/svg">
  <path d="M12.8,12l7.6-7.6c0.2-0.2,0.2-0.6,0-0.8s-0.6-0.2-0.8,0L12,11.2L4.4,3.6c-0.2-0.2-0.6-0.2-0.8,0s-0.2,0.6,0,0.8 l7.6,7.6l-7.6,7.6c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2l7.6-7.6l7.6,7.6c0.1,0.1,0.3,0.2,0.4,0.2 s0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.8L12.8,12z"/>
 </svg>
--- a/packages/ui/src/components/internal/icons/Flags.svelte
+++ b/packages/ui/src/components/internal/icons/Flags.svelte
@ -1,4 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="usa-star" viewBox="0 -0.5 0.5 0.5">
    <polygon points="0.3,-0.3 0.4,-0.5 0.2,-0.4 0.2,-0.4 0.2,-0.4 0.1,-0.5 0.2,-0.3 0.2,-0.3 0.2,-0.3 0,-0.2 0.2,-0.2 0.2,0 0.3,-0.2 0.3,-0.2 0.3,-0.2 0.5,-0.2 0.3,-0.3 0.3,-0.3 "/>
  </symbol>
  <symbol id="en-flag" viewBox="0 0 16 16">
    <g fill={'#DB2E2E'}>
      <rect y="6.1" width="16" height="0.8"/>
@ -17,58 +20,58 @@
      <rect y="9.9" width="16" height="0.8"/>
      <rect y="11.5" width="16" height="0.8"/>
    </g>
-    <rect fill={'#2E4593'} y="3" width="6" height="4.7"/>
+    <rect fill={'#2E4593'} y="3" width="6" height="4.6"/>
    <g fill={'#FFFFFF'}>
-      <polygon points="5,3.9 5.1,4.1 4.9,4 4.9,4 4.9,4 4.8,4.1 4.8,3.9 4.8,3.9 4.8,3.9 4.7,3.8 4.9,3.8 4.9,3.7 5,3.8 5,3.8 5,3.8 5.2,3.8 5,3.9 5,3.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.2971 3.1931)"/>
-      <polygon points="5,4.9 5.1,5.1 4.9,5 4.9,5 4.9,5 4.8,5.1 4.8,4.9 4.8,4.9 4.8,4.9 4.7,4.8 4.9,4.8 4.9,4.6 5,4.8 5,4.8 5,4.8 5.2,4.8 5,4.9 5,4.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.2774 3.1931)"/>
-      <polygon points="5,5.8 5.1,6 4.9,5.9 4.9,5.9 4.9,5.9 4.8,6 4.8,5.8 4.8,5.8 4.8,5.8 4.7,5.7 4.9,5.7 4.9,5.5 5,5.7 5,5.7 5,5.7 5.2,5.7 5,5.8 5,5.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.2414 3.1931)"/>
-      <polygon points="5,6.8 5.1,7 4.9,6.8 4.9,6.8 4.9,6.8 4.8,7 4.8,6.8 4.8,6.8 4.8,6.8 4.7,6.7 4.9,6.7 4.9,6.5 5,6.7 5,6.7 5,6.7 5.2,6.7 5,6.8 5,6.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.2254 3.1931)"/>
-      <polygon points="4,3.9 4.1,4.1 3.9,4 3.9,4 3.9,4 3.8,4.1 3.8,3.9 3.8,3.9 3.8,3.9 3.7,3.8 3.9,3.8 3.9,3.7 4,3.8 4,3.8 4,3.8 4.2,3.8 4,3.9 4,3.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.2313 3.1931)"/>
-      <polygon points="4,4.9 4.1,5.1 3.9,5 3.9,5 3.9,5 3.8,5.1 3.8,4.9 3.8,4.9 3.8,4.9 3.7,4.8 3.9,4.8 3.9,4.6 4,4.8 4,4.8 4,4.8 4.2,4.8 4,4.9 4,4.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 5.1989 3.1931)"/>
-      <polygon points="4,5.8 4.1,6 3.9,5.9 3.9,5.9 3.9,5.9 3.8,6 3.8,5.8 3.8,5.8 3.8,5.8 3.7,5.7 3.9,5.7 3.9,5.5 4,5.7 4,5.7 4,5.7 4.2,5.7 4,5.8 4,5.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.7922 3.6606)"/>
-      <polygon points="4,6.8 4.1,7 3.9,6.8 3.9,6.8 3.9,6.8 3.8,7 3.8,6.8 3.8,6.8 3.8,6.8 3.7,6.7 3.9,6.7 3.9,6.5 4,6.7 4,6.7 4,6.7 4.2,6.7 4,6.8 4,6.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.7726 3.6606)"/>
-      <polygon points="3,3.9 3.1,4.1 2.9,4 2.9,4 2.9,4 2.8,4.1 2.8,3.9 2.8,3.9 2.8,3.9 2.7,3.8 2.9,3.8 2.9,3.7 3,3.8 3,3.8 3,3.8 3.2,3.8 3,3.9 3,3.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.7366 3.6606)"/>
-      <polygon points="3,4.9 3.1,5.1 2.9,5 2.9,5 2.9,5 2.8,5.1 2.8,4.9 2.8,4.9 2.8,4.9 2.7,4.8 2.9,4.8 2.9,4.6 3,4.8 3,4.8 3,4.8 3.2,4.8 3,4.9 3,4.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.7206 3.6606)"/>
-      <polygon points="3,5.8 3.1,6 2.9,5.9 2.9,5.9 2.9,5.9 2.8,6 2.8,5.8 2.8,5.8 2.8,5.8 2.7,5.7 2.9,5.7 2.9,5.5 3,5.7 3,5.7 3,5.7 3.2,5.7 3,5.8 3,5.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.7265 3.6606)"/>
-      <polygon points="3,6.8 3.1,7 2.9,6.8 2.9,6.8 2.9,6.8 2.8,7 2.8,6.8 2.8,6.8 2.8,6.8 2.7,6.7 2.9,6.7 2.9,6.5 3,6.7 3,6.7 3,6.7 3.2,6.7 3,6.8 3,6.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.7922 4.601)"/>
-      <polygon points="2,3.9 2.1,4.1 2,4 2,4 2,4 1.8,4.1 1.9,3.9 1.9,3.9 1.9,3.9 1.7,3.8 1.9,3.8 2,3.7 2,3.8 2,3.8 2,3.8 2.2,3.8 2,3.9 2,3.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.7726 4.601)"/>
-      <polygon points="2,4.9 2.1,5.1 2,5 2,5 2,5 1.8,5.1 1.9,4.9 1.9,4.9 1.9,4.9 1.7,4.8 1.9,4.8 2,4.6 2,4.8 2,4.8 2,4.8 2.2,4.8 2,4.9 2,4.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.7366 4.601)"/>
-      <polygon points="2,5.8 2.1,6 2,5.9 2,5.9 2,5.9 1.8,6 1.9,5.8 1.9,5.8 1.9,5.8 1.7,5.7 1.9,5.7 2,5.5 2,5.7 2,5.7 2,5.7 2.2,5.7 2,5.8 2,5.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.7206 4.601)"/>
-      <polygon points="2,6.8 2.1,7 2,6.8 2,6.8 2,6.8 1.8,7 1.9,6.8 1.9,6.8 1.9,6.8 1.7,6.7 1.9,6.7 2,6.5 2,6.7 2,6.7 2,6.7 2.2,6.7 2,6.8 2,6.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.7265 4.601)"/>
-      <polygon points="1.1,3.9 1.1,4.1 1,4 1,4 1,4 0.8,4.1 0.9,3.9 0.9,3.9 0.9,3.9 0.7,3.8 0.9,3.8 1,3.7 1,3.8 1,3.8 1,3.8 1.2,3.8 1.1,3.9 1.1,3.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.7922 5.5424)"/>
-      <polygon points="1.1,4.9 1.1,5.1 1,5 1,5 1,5 0.8,5.1 0.9,4.9 0.9,4.9 0.9,4.9 0.7,4.8 0.9,4.8 1,4.6 1,4.8 1,4.8 1,4.8 1.2,4.8 1.1,4.9 1.1,4.9 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.7726 5.5424)"/>
-      <polygon points="1.1,5.8 1.1,6 1,5.9 1,5.9 1,5.9 0.8,6 0.9,5.8 0.9,5.8 0.9,5.8 0.7,5.7 0.9,5.7 1,5.5 1,5.7 1,5.7 1,5.7 1.2,5.7 1.1,5.8 1.1,5.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.7366 5.5424)"/>
-      <polygon points="1.1,6.8 1.1,7 1,6.8 1,6.8 1,6.8 0.8,7 0.9,6.8 0.9,6.8 0.9,6.8 0.7,6.7 0.9,6.7 1,6.5 1,6.7 1,6.7 1,6.7 1.2,6.7 1.1,6.8 1.1,6.8 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.7206 5.5424)"/>
-      <polygon points="5.5,4.4 5.5,4.6 5.4,4.5 5.4,4.5 5.4,4.5 5.2,4.6 5.3,4.4 5.3,4.4 5.3,4.4 5.1,4.3 5.3,4.3 5.4,4.1 5.4,4.3 5.4,4.3 5.4,4.3 5.6,4.3 5.5,4.4 5.5,4.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.7265 5.5424)"/>
-      <polygon points="5.5,5.4 5.5,5.5 5.4,5.4 5.4,5.4 5.4,5.4 5.2,5.5 5.3,5.4 5.3,5.4 5.3,5.4 5.1,5.3 5.3,5.3 5.4,5.1 5.4,5.3 5.4,5.3 5.4,5.3 5.6,5.3 5.5,5.4 5.5,5.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.7922 6.4829)"/>
-      <polygon points="5.5,6.3 5.5,6.5 5.4,6.4 5.4,6.4 5.4,6.4 5.2,6.5 5.3,6.3 5.3,6.3 5.3,6.3 5.1,6.2 5.3,6.2 5.4,6 5.4,6.2 5.4,6.2 5.4,6.2 5.6,6.2 5.5,6.3 5.5,6.3 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.7726 6.4829)"/>
-      <polygon points="5.5,7.2 5.5,7.4 5.4,7.3 5.4,7.3 5.4,7.3 5.2,7.4 5.3,7.2 5.3,7.2 5.3,7.2 5.1,7.1 5.3,7.1 5.4,7 5.4,7.1 5.4,7.1 5.4,7.1 5.6,7.1 5.5,7.2 5.5,7.2 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.7366 6.4829)"/>
-      <polygon points="5.5,3.5 5.5,3.7 5.4,3.6 5.4,3.5 5.4,3.6 5.2,3.7 5.3,3.5 5.3,3.5 5.3,3.5 5.1,3.4 5.3,3.4 5.4,3.2 5.4,3.4 5.4,3.4 5.4,3.4 5.6,3.4 5.5,3.5 5.5,3.5 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.7206 6.4829)"/>
-      <polygon points="4.5,4.4 4.6,4.6 4.4,4.5 4.4,4.5 4.4,4.5 4.3,4.6 4.3,4.4 4.3,4.4 4.3,4.4 4.2,4.3 4.4,4.3 4.4,4.1 4.5,4.3 4.5,4.3 4.5,4.3 4.7,4.3 4.5,4.4 4.5,4.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.7265 6.4829)"/>
-      <polygon points="4.5,5.4 4.6,5.5 4.4,5.4 4.4,5.4 4.4,5.4 4.3,5.5 4.3,5.4 4.3,5.4 4.3,5.4 4.2,5.3 4.4,5.3 4.4,5.1 4.5,5.3 4.5,5.3 4.5,5.3 4.7,5.3 4.5,5.4 4.5,5.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.2971 4.1299)"/>
-      <polygon points="4.5,6.3 4.6,6.5 4.4,6.4 4.4,6.4 4.4,6.4 4.3,6.5 4.3,6.3 4.3,6.3 4.3,6.3 4.2,6.2 4.4,6.2 4.4,6 4.5,6.2 4.5,6.2 4.5,6.2 4.7,6.2 4.5,6.3 4.5,6.3 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.2774 4.1299)"/>
-      <polygon points="4.5,7.2 4.6,7.4 4.4,7.3 4.4,7.3 4.4,7.3 4.3,7.4 4.3,7.2 4.3,7.2 4.3,7.2 4.2,7.1 4.4,7.1 4.4,7 4.5,7.1 4.5,7.1 4.5,7.1 4.7,7.1 4.5,7.2 4.5,7.2 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.2414 4.1299)"/>
-      <polygon points="4.5,3.5 4.6,3.7 4.4,3.6 4.4,3.5 4.4,3.6 4.3,3.7 4.3,3.5 4.3,3.5 4.3,3.5 4.2,3.4 4.4,3.4 4.4,3.2 4.5,3.4 4.5,3.4 4.5,3.4 4.7,3.4 4.5,3.5 4.5,3.5 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.2254 4.1299)"/>
-      <polygon points="3.5,4.4 3.6,4.6 3.4,4.5 3.4,4.5 3.4,4.5 3.3,4.6 3.3,4.4 3.3,4.4 3.3,4.4 3.2,4.3 3.4,4.3 3.4,4.1 3.5,4.3 3.5,4.3 3.5,4.3 3.7,4.3 3.5,4.4 3.5,4.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.2313 4.1299)"/>
-      <polygon points="3.5,5.4 3.6,5.5 3.4,5.4 3.4,5.4 3.4,5.4 3.3,5.5 3.3,5.4 3.3,5.4 3.3,5.4 3.2,5.3 3.4,5.3 3.4,5.1 3.5,5.3 3.5,5.3 3.5,5.3 3.7,5.3 3.5,5.4 3.5,5.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 5.1989 4.1299)"/>
-      <polygon points="3.5,6.3 3.6,6.5 3.4,6.4 3.4,6.4 3.4,6.4 3.3,6.5 3.3,6.3 3.3,6.3 3.3,6.3 3.2,6.2 3.4,6.2 3.4,6 3.5,6.2 3.5,6.2 3.5,6.2 3.7,6.2 3.5,6.3 3.5,6.3 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.2971 5.0712)"/>
-      <polygon points="3.5,7.2 3.6,7.4 3.4,7.3 3.4,7.3 3.4,7.3 3.3,7.4 3.3,7.2 3.3,7.2 3.3,7.2 3.2,7.1 3.4,7.1 3.4,7 3.5,7.1 3.5,7.1 3.5,7.1 3.7,7.1 3.5,7.2 3.5,7.2 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.2774 5.0712)"/>
-      <polygon points="3.5,3.5 3.6,3.7 3.4,3.6 3.4,3.5 3.4,3.6 3.3,3.7 3.3,3.5 3.3,3.5 3.3,3.5 3.2,3.4 3.4,3.4 3.4,3.2 3.5,3.4 3.5,3.4 3.5,3.4 3.7,3.4 3.5,3.5 3.5,3.5 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.2414 5.0712)"/>
-      <polygon points="2.5,4.4 2.6,4.6 2.4,4.5 2.4,4.5 2.4,4.5 2.3,4.6 2.3,4.4 2.3,4.4 2.3,4.4 2.2,4.3 2.4,4.3 2.4,4.1 2.5,4.3 2.5,4.3 2.5,4.3 2.7,4.3 2.5,4.4 2.5,4.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.2254 5.0712)"/>
-      <polygon points="2.5,5.4 2.6,5.5 2.4,5.4 2.4,5.4 2.4,5.4 2.3,5.5 2.3,5.4 2.3,5.4 2.3,5.4 2.2,5.3 2.4,5.3 2.4,5.1 2.5,5.3 2.5,5.3 2.5,5.3 2.7,5.3 2.5,5.4 2.5,5.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.2313 5.0712)"/>
-      <polygon points="2.5,6.3 2.6,6.5 2.4,6.4 2.4,6.4 2.4,6.4 2.3,6.5 2.3,6.3 2.3,6.3 2.3,6.3 2.2,6.2 2.4,6.2 2.4,6 2.5,6.2 2.5,6.2 2.5,6.2 2.7,6.2 2.5,6.3 2.5,6.3 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 5.1989 5.0712)"/>
-      <polygon points="2.5,7.2 2.6,7.4 2.4,7.3 2.4,7.3 2.4,7.3 2.3,7.4 2.3,7.2 2.3,7.2 2.3,7.2 2.2,7.1 2.4,7.1 2.4,7 2.5,7.1 2.5,7.1 2.5,7.1 2.7,7.1 2.5,7.2 2.5,7.2 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.2971 6.0135)"/>
-      <polygon points="2.5,3.5 2.6,3.7 2.4,3.6 2.4,3.5 2.4,3.6 2.3,3.7 2.3,3.5 2.3,3.5 2.3,3.5 2.2,3.4 2.4,3.4 2.4,3.2 2.5,3.4 2.5,3.4 2.5,3.4 2.7,3.4 2.5,3.5 2.5,3.5 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.2774 6.0135)"/>
-      <polygon points="1.6,4.4 1.6,4.6 1.5,4.5 1.5,4.5 1.5,4.5 1.3,4.6 1.4,4.4 1.4,4.4 1.4,4.4 1.2,4.3 1.4,4.3 1.5,4.1 1.5,4.3 1.5,4.3 1.5,4.3 1.7,4.3 1.6,4.4 1.6,4.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.2414 6.0135)"/>
-      <polygon points="1.6,5.4 1.6,5.5 1.5,5.4 1.5,5.4 1.5,5.4 1.3,5.5 1.4,5.4 1.4,5.4 1.4,5.4 1.2,5.3 1.4,5.3 1.5,5.1 1.5,5.3 1.5,5.3 1.5,5.3 1.7,5.3 1.6,5.4 1.6,5.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.2254 6.0135)"/>
-      <polygon points="1.6,6.3 1.6,6.5 1.5,6.4 1.5,6.4 1.5,6.4 1.3,6.5 1.4,6.3 1.4,6.3 1.4,6.3 1.2,6.2 1.4,6.2 1.5,6 1.5,6.2 1.5,6.2 1.5,6.2 1.7,6.2 1.6,6.3 1.6,6.3 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.2313 6.0135)"/>
-      <polygon points="1.6,7.2 1.6,7.4 1.5,7.3 1.5,7.3 1.5,7.3 1.3,7.4 1.4,7.2 1.4,7.2 1.4,7.2 1.2,7.1 1.4,7.1 1.5,7 1.5,7.1 1.5,7.1 1.5,7.1 1.7,7.1 1.6,7.2 1.6,7.2 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 5.1989 6.0135)"/>
-      <polygon points="1.6,3.5 1.6,3.7 1.5,3.6 1.5,3.5 1.5,3.6 1.3,3.7 1.4,3.5 1.4,3.5 1.4,3.5 1.2,3.4 1.4,3.4 1.5,3.2 1.5,3.4 1.5,3.4 1.5,3.4 1.7,3.4 1.6,3.5 1.6,3.5 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 0.2971 6.9558)"/>
-      <polygon points="0.6,4.4 0.6,4.6 0.5,4.5 0.5,4.5 0.5,4.5 0.3,4.6 0.4,4.4 0.4,4.4 0.4,4.4 0.2,4.3 0.4,4.3 0.5,4.1 0.5,4.3 0.5,4.3 0.5,4.3 0.7,4.3 0.6,4.4 0.6,4.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 1.2774 6.9558)"/>
-      <polygon points="0.6,5.4 0.6,5.5 0.5,5.4 0.5,5.4 0.5,5.4 0.3,5.5 0.4,5.4 0.4,5.4 0.4,5.4 0.2,5.3 0.4,5.3 0.5,5.1 0.5,5.3 0.5,5.3 0.5,5.3 0.7,5.3 0.6,5.4 0.6,5.4 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 2.2414 6.9558)"/>
-      <polygon points="0.6,6.3 0.6,6.5 0.5,6.4 0.5,6.4 0.5,6.4 0.3,6.5 0.4,6.3 0.4,6.3 0.4,6.3 0.2,6.2 0.4,6.2 0.5,6 0.5,6.2 0.5,6.2 0.5,6.2 0.7,6.2 0.6,6.3 0.6,6.3 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 3.2254 6.9558)"/>
-      <polygon points="0.6,7.2 0.6,7.4 0.5,7.3 0.5,7.3 0.5,7.3 0.3,7.4 0.4,7.2 0.4,7.2 0.4,7.2 0.2,7.1 0.4,7.1 0.5,7 0.5,7.1 0.5,7.1 0.5,7.1 0.7,7.1 0.6,7.2 0.6,7.2 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 4.2313 6.9558)"/>
-      <polygon points="0.6,3.5 0.6,3.7 0.5,3.6 0.5,3.5 0.5,3.6 0.3,3.7 0.4,3.5 0.4,3.5 0.4,3.5 0.2,3.4 0.4,3.4 0.5,3.2 0.5,3.4 0.5,3.4 0.5,3.4 0.7,3.4 0.6,3.5 0.6,3.5 "/>
+      <use xlink:href="#usa-star"  width="0.5" height="0.5" y="-0.5" transform="matrix(1 0 0 -1 5.1989 6.9558)"/>
    </g>
  </symbol>
  <symbol id="ru-flag" viewBox="0 0 16 16">
--- a/packages/ui/src/components/internal/icons/FontSize.svelte
+++ b/packages/ui/src/components/internal/icons/FontSize.svelte
@ -1,6 +1,6 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
--- a/packages/ui/src/components/internal/icons/Mute.svelte
+++ b/packages/ui/src/components/internal/icons/Mute.svelte
@ -1,8 +1,8 @@
 <script lang="ts">
-  export let size: 'small' | 'medium' | 'large'
+  export let size: 'small' | 'medium' | 'large' | 'full'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'currentColor'
 </script>
-<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12,24c-0.1,0-0.2,0-0.4,0C5.3,23.8,0.2,18.7,0,12.3C-0.2,6,4.6,0.6,10.9,0c0.2,0,0.4,0.1,0.6,0.3 c0.1,0.2,0.1,0.4,0,0.6C9,4.3,9.3,8.8,12.2,11.8c2.9,2.9,7.5,3.3,10.9,0.8c0.2-0.1,0.4-0.1,0.6,0c0.2,0.1,0.3,0.3,0.3,0.6 C23.4,19.3,18.2,24,12,24z M9.8,1.3C4.7,2.4,1,7,1.1,12.3C1.3,18,6,22.7,11.7,22.9c5.3,0.2,9.9-3.6,11-8.7c-3.7,2-8.2,1.4-11.2-1.6 C8.4,9.5,7.8,5,9.8,1.3z"/>
+  <path d="M14.3,8c-0.2-0.1-0.5-0.1-0.7,0c-1.6,1.2-3.9,1-5.3-0.4C6.9,6.2,6.7,4,7.9,2.4c0.1-0.2,0.2-0.4,0-0.7 C7.9,1.5,7.6,1.4,7.4,1.4c-3.5,0.3-6.1,3.3-6,6.8c0.1,3.5,2.9,6.3,6.4,6.4c0.1,0,0.1,0,0.2,0c3.4,0,6.3-2.6,6.6-6 C14.6,8.4,14.5,8.1,14.3,8z M7.8,13.4C5,13.3,2.7,11,2.6,8.2C2.5,5.7,4.1,3.6,6.3,2.9C5.5,4.8,6,7,7.5,8.5c1.5,1.5,3.8,1.9,5.7,1.2 C12.4,11.9,10.3,13.5,7.8,13.4z"/>
 </svg>
--- a/packages/ui/src/components/internal/icons/WiFi.svelte
+++ b/packages/ui/src/components/internal/icons/WiFi.svelte
@ -1,6 +1,6 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@ -62,11 +62,15 @@ export { default as TimeSince } from './components/TimeSince.svelte'
 export { default as Dropdown } from './components/Dropdown.svelte'
 export { default as DropdownLabels } from './components/DropdownLabels.svelte'
 export { default as ShowMore } from './components/ShowMore.svelte'
 export { default as Menu } from './components/Menu.svelte'
 export { default as ErrorPresenter } from './components/ErrorPresenter.svelte'
 export { default as IconAdd } from './components/icons/Add.svelte'
 export { default as IconBack } from './components/icons/Back.svelte'
 export { default as IconForward } from './components/icons/Forward.svelte'
 export { default as IconClose } from './components/icons/Close.svelte'
 export { default as IconSearch } from './components/icons/Search.svelte'
-export { default as IconToDo } from './components/icons/ToDo.svelte'
+export { default as IconCalendar } from './components/icons/Calendar.svelte'
 export { default as IconFolder } from './components/icons/Folder.svelte'
 export { default as IconMoreH } from './components/icons/MoreH.svelte'
 export { default as IconMoreV } from './components/icons/MoreV.svelte'
@ -82,9 +86,7 @@ export { default as IconDelete } from './components/icons/Delete.svelte'
 export { default as IconEdit } from './components/icons/Edit.svelte'
 export { default as IconInfo } from './components/icons/Info.svelte'
 export { default as IconBlueCheck } from './components/icons/BlueCheck.svelte'
-export { default as IconArrowLeft } from '../../presentation/src/components/icons/ArrowLeft.svelte'
+export { default as IconArrowLeft } from './components/icons/ArrowLeft.svelte'
 export { default as Menu } from './components/Menu.svelte'
 export { default as ErrorPresenter } from './components/ErrorPresenter.svelte'
 export * from './utils'
--- a/plugins/activity-assets/assets/icons.svg
+++ b/plugins/activity-assets/assets/icons.svg
@ -1,8 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  <symbol id="activity" viewBox="0 0 20 20" width='16' height='16' fill="none">
+  <symbol id="activity" viewBox="0 0 16 16">
-    <path d="M6.03772 12.3181L8.532 9.07628L11.3772 11.3112L13.818 8.16095" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill='none'/>
+    <path d="M7.2,6.8C7.1,6.7,6.9,6.6,6.8,6.7c-0.2,0-0.3,0.1-0.4,0.2l-2,2.6c-0.2,0.3-0.2,0.6,0.1,0.8c0.1,0.1,0.2,0.1,0.4,0.1 c0.2,0,0.4-0.1,0.5-0.2l1.6-2.1l1.8,1.4C8.9,9.6,9,9.7,9.2,9.6c0.2,0,0.3-0.1,0.4-0.2l2-2.5c0.2-0.3,0.2-0.6-0.1-0.8 c-0.3-0.2-0.6-0.2-0.8,0.1L9,8.2L7.2,6.8z"/>
-    <ellipse cx="16.6632" cy="3.50027" rx="1.60183" ry="1.60183" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M13.3,4.7c1,0,1.9-0.8,1.9-1.9c0-1-0.8-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C11.4,3.8,12.3,4.7,13.3,4.7z M13.3,2.1 c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7s-0.7-0.3-0.7-0.7C12.6,2.4,13,2.1,13.3,2.1z"/>
-    <path d="M12.4372 2.6001H6.38078C3.87125 2.6001 2.31519 4.37737 2.31519 6.8869V13.6222C2.31519 16.1318 3.84074 17.9014 6.38078 17.9014H13.5509C16.0604 17.9014 17.6165 16.1318 17.6165 13.6222V7.75647" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M14.1,5.6c-0.3,0-0.6,0.3-0.6,0.6v4.7c0,1.7-1,2.8-2.7,2.8H5.1c-1.6,0-2.7-1.1-2.7-2.8V5.5c0-1.7,1-2.8,2.7-2.8h4.8 c0.3,0,0.6-0.3,0.6-0.6s-0.3-0.6-0.6-0.6H5.1c-2.3,0-3.9,1.6-3.9,4v5.4c0,2.4,1.5,4,3.9,4h5.7c2.3,0,3.9-1.6,3.9-4V6.2 C14.7,5.9,14.4,5.6,14.1,5.6z"/>
  </symbol>
 </svg>
--- a/plugins/attachment-assets/assets/icons.svg
+++ b/plugins/attachment-assets/assets/icons.svg
@ -1,13 +1,12 @@
 <!-- !!! Dublicate chunter-assets (cunter, hashtag, lock) !!! -->
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="chunter" viewBox="0 0 24 24">
    <path d="M3,21.6c-0.2,0-0.3-0.1-0.4-0.2c-0.2-0.2-0.2-0.4-0.1-0.6l1.8-5.4c-0.6-1.2-0.8-2.5-0.8-3.8c0-3.4,1.9-6.5,4.9-8 c1.2-0.6,2.6-0.9,4-0.9h0.5c4.6,0.3,8.2,3.9,8.5,8.4l0,0.5c0,1.4-0.3,2.8-0.9,4c-1.5,3-4.6,4.9-8,4.9c0,0,0,0,0,0 c-1.3,0-2.6-0.3-3.8-0.8l-5.4,1.8C3.1,21.6,3.1,21.6,3,21.6z M12.3,3.9c-1.2,0-2.4,0.3-3.4,0.8c-2.6,1.3-4.3,4-4.3,6.9 c0,1.2,0.3,2.4,0.8,3.5c0.1,0.1,0.1,0.3,0,0.5l-1.5,4.5l4.5-1.5c0.2-0.1,0.3,0,0.5,0c1.1,0.5,2.2,0.8,3.5,0.8c3,0,5.6-1.6,6.9-4.3 c0.5-1.1,0.8-2.3,0.8-3.5c0,0,0,0,0,0v-0.5c-0.2-3.9-3.4-7-7.3-7.3L12.3,3.9C12.3,3.9,12.3,3.9,12.3,3.9z M21.3,11.7L21.3,11.7 L21.3,11.7z"/>
  </symbol>
  <symbol id="hashtag" viewBox="0 0 16 16">
-    <path d="M14,9.6h-3.2l0.4-3.2H14c0.3,0,0.6-0.3,0.6-0.6S14.3,5.2,14,5.2h-2.7l0.4-3.7c0-0.3-0.2-0.6-0.5-0.7 c-0.3,0-0.6,0.2-0.7,0.5l-0.4,3.8H6.9l0.4-3.7c0-0.3-0.2-0.6-0.5-0.7c-0.3,0-0.6,0.2-0.7,0.5L5.7,5.2H2.3C2,5.2,1.7,5.5,1.7,5.8 S2,6.4,2.3,6.4h3.2L5.2,9.6H2.3c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h2.7l-0.4,3.7c0,0.3,0.2,0.6,0.5,0.7c0,0,0,0,0.1,0 c0.3,0,0.6-0.2,0.6-0.5l0.4-3.8h3.2L9,14.5c0,0.3,0.2,0.6,0.5,0.7c0,0,0,0,0.1,0c0.3,0,0.6-0.2,0.6-0.5l0.4-3.8H14 c0.3,0,0.6-0.3,0.6-0.6S14.3,9.6,14,9.6z M6.4,9.6l0.4-3.2h3.2L9.6,9.6H6.4z"/>
+    <path d="M13.2,9.4h-2.8l0.3-2.7h2.5c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5h-2.4l0.4-3.2c0-0.3-0.2-0.5-0.4-0.6 c-0.3,0-0.5,0.2-0.6,0.4L9.8,5.6H7.1l0.4-3.2c0-0.3-0.2-0.5-0.4-0.6c-0.3,0-0.5,0.2-0.6,0.4L6.1,5.6H3.2c-0.3,0-0.5,0.2-0.5,0.5 s0.2,0.5,0.5,0.5h2.8L5.6,9.4H3.2c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h2.4l-0.4,3.2c0,0.3,0.2,0.5,0.4,0.6c0,0,0,0,0.1,0 c0.3,0,0.5-0.2,0.5-0.4l0.4-3.3h2.7l-0.4,3.2c0,0.3,0.2,0.5,0.4,0.6c0,0,0,0,0.1,0c0.3,0,0.5-0.2,0.5-0.4l0.4-3.3h2.9 c0.3,0,0.5-0.2,0.5-0.5S13.4,9.4,13.2,9.4z M6.6,9.4l0.3-2.7h2.7L9.4,9.4H6.6z"/>
  </symbol>
  <symbol id="lock" viewBox="0 0 16 16">
-    <path d="M13,6.9h-1.1V4.8c0-2.2-1.8-3.9-3.9-3.9c-2.2,0-3.9,1.8-3.9,3.9v2.1H3c-0.9,0-1.6,0.7-1.6,1.6v5.3 c0,0.9,0.7,1.6,1.6,1.6h10c0.9,0,1.6-0.7,1.6-1.6V8.5C14.6,7.6,13.9,6.9,13,6.9z M5.3,4.8c0-1.5,1.2-2.7,2.7-2.7s2.7,1.2,2.7,2.7 v2.1H5.3V4.8z M13.4,13.8c0,0.2-0.2,0.4-0.4,0.4H3c-0.2,0-0.4-0.2-0.4-0.4V8.5c0-0.2,0.2-0.4,0.4-0.4h10c0.2,0,0.4,0.2,0.4,0.4V13.8 z"/>
+    <path d="M12,7.1h-0.7V5.4c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.5-3.3,3.3v1.7H4c-0.8,0-1.5,0.7-1.5,1.5v4.1c0,0.8,0.7,1.5,1.5,1.5h8 c0.8,0,1.5-0.7,1.5-1.5V8.6C13.5,7.8,12.8,7.1,12,7.1z M5.7,5.4c0-1.2,1-2.3,2.3-2.3s2.3,1,2.3,2.3v1.7H5.7V5.4z M12.5,12.7 c0,0.3-0.2,0.5-0.5,0.5H4c-0.3,0-0.5-0.2-0.5-0.5V8.6c0-0.3,0.2-0.5,0.5-0.5h8c0.3,0,0.5,0.2,0.5,0.5V12.7z"/>
  </symbol>
 </svg>
--- a/plugins/chunter-assets/assets/icons.svg
+++ b/plugins/chunter-assets/assets/icons.svg
@ -2,12 +2,10 @@
  <symbol id="chunter" viewBox="0 0 24 24">
    <path d="M3,21.6c-0.2,0-0.3-0.1-0.4-0.2c-0.2-0.2-0.2-0.4-0.1-0.6l1.8-5.4c-0.6-1.2-0.8-2.5-0.8-3.8c0-3.4,1.9-6.5,4.9-8 c1.2-0.6,2.6-0.9,4-0.9h0.5c4.6,0.3,8.2,3.9,8.5,8.4l0,0.5c0,1.4-0.3,2.8-0.9,4c-1.5,3-4.6,4.9-8,4.9c0,0,0,0,0,0 c-1.3,0-2.6-0.3-3.8-0.8l-5.4,1.8C3.1,21.6,3.1,21.6,3,21.6z M12.3,3.9c-1.2,0-2.4,0.3-3.4,0.8c-2.6,1.3-4.3,4-4.3,6.9 c0,1.2,0.3,2.4,0.8,3.5c0.1,0.1,0.1,0.3,0,0.5l-1.5,4.5l4.5-1.5c0.2-0.1,0.3,0,0.5,0c1.1,0.5,2.2,0.8,3.5,0.8c3,0,5.6-1.6,6.9-4.3 c0.5-1.1,0.8-2.3,0.8-3.5c0,0,0,0,0,0v-0.5c-0.2-3.9-3.4-7-7.3-7.3L12.3,3.9C12.3,3.9,12.3,3.9,12.3,3.9z M21.3,11.7L21.3,11.7 L21.3,11.7z"/>
  </symbol>
  <symbol id="hashtag" viewBox="0 0 16 16">
-    <path d="M14,9.6h-3.2l0.4-3.2H14c0.3,0,0.6-0.3,0.6-0.6S14.3,5.2,14,5.2h-2.7l0.4-3.7c0-0.3-0.2-0.6-0.5-0.7 c-0.3,0-0.6,0.2-0.7,0.5l-0.4,3.8H6.9l0.4-3.7c0-0.3-0.2-0.6-0.5-0.7c-0.3,0-0.6,0.2-0.7,0.5L5.7,5.2H2.3C2,5.2,1.7,5.5,1.7,5.8 S2,6.4,2.3,6.4h3.2L5.2,9.6H2.3c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h2.7l-0.4,3.7c0,0.3,0.2,0.6,0.5,0.7c0,0,0,0,0.1,0 c0.3,0,0.6-0.2,0.6-0.5l0.4-3.8h3.2L9,14.5c0,0.3,0.2,0.6,0.5,0.7c0,0,0,0,0.1,0c0.3,0,0.6-0.2,0.6-0.5l0.4-3.8H14 c0.3,0,0.6-0.3,0.6-0.6S14.3,9.6,14,9.6z M6.4,9.6l0.4-3.2h3.2L9.6,9.6H6.4z"/>
+    <path d="M13.2,9.4h-2.8l0.3-2.7h2.5c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5h-2.4l0.4-3.2c0-0.3-0.2-0.5-0.4-0.6 c-0.3,0-0.5,0.2-0.6,0.4L9.8,5.6H7.1l0.4-3.2c0-0.3-0.2-0.5-0.4-0.6c-0.3,0-0.5,0.2-0.6,0.4L6.1,5.6H3.2c-0.3,0-0.5,0.2-0.5,0.5 s0.2,0.5,0.5,0.5h2.8L5.6,9.4H3.2c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h2.4l-0.4,3.2c0,0.3,0.2,0.5,0.4,0.6c0,0,0,0,0.1,0 c0.3,0,0.5-0.2,0.5-0.4l0.4-3.3h2.7l-0.4,3.2c0,0.3,0.2,0.5,0.4,0.6c0,0,0,0,0.1,0c0.3,0,0.5-0.2,0.5-0.4l0.4-3.3h2.9 c0.3,0,0.5-0.2,0.5-0.5S13.4,9.4,13.2,9.4z M6.6,9.4l0.3-2.7h2.7L9.4,9.4H6.6z"/>
  </symbol>
  <symbol id="lock" viewBox="0 0 16 16">
-    <path d="M13,6.9h-1.1V4.8c0-2.2-1.8-3.9-3.9-3.9c-2.2,0-3.9,1.8-3.9,3.9v2.1H3c-0.9,0-1.6,0.7-1.6,1.6v5.3 c0,0.9,0.7,1.6,1.6,1.6h10c0.9,0,1.6-0.7,1.6-1.6V8.5C14.6,7.6,13.9,6.9,13,6.9z M5.3,4.8c0-1.5,1.2-2.7,2.7-2.7s2.7,1.2,2.7,2.7 v2.1H5.3V4.8z M13.4,13.8c0,0.2-0.2,0.4-0.4,0.4H3c-0.2,0-0.4-0.2-0.4-0.4V8.5c0-0.2,0.2-0.4,0.4-0.4h10c0.2,0,0.4,0.2,0.4,0.4V13.8 z"/>
+    <path d="M12,7.1h-0.7V5.4c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.5-3.3,3.3v1.7H4c-0.8,0-1.5,0.7-1.5,1.5v4.1c0,0.8,0.7,1.5,1.5,1.5h8 c0.8,0,1.5-0.7,1.5-1.5V8.6C13.5,7.8,12.8,7.1,12,7.1z M5.7,5.4c0-1.2,1-2.3,2.3-2.3s2.3,1,2.3,2.3v1.7H5.7V5.4z M12.5,12.7 c0,0.3-0.2,0.5-0.5,0.5H4c-0.3,0-0.5-0.2-0.5-0.5V8.6c0-0.3,0.2-0.5,0.5-0.5h8c0.3,0,0.5,0.2,0.5,0.5V12.7z"/>
  </symbol>
 </svg>
--- a/plugins/contact-assets/assets/icons.svg
+++ b/plugins/contact-assets/assets/icons.svg
@ -1,47 +1,50 @@
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  <symbol id="phone" viewBox="0 0 16 16">
+  <symbol id="phone" viewBox="0 0 12 12">
-    <path d="M13.6,10.4l2,2c0.5,0.5,0.5,1.1,0,1.5c-2.3,2.3-6,2.6-8.7,0.6l-0.2-0.2c-2-1.5-3.7-3.2-5.3-5.3l-0.3,0 c-1.9-2.8-1.7-6.5,0.6-8.8c0.5-0.5,1.1-0.5,1.5,0l2,2C6.1,3,6.1,4,5.4,4.6L4.2,6C3.9,6.3,3.9,6.7,4.1,7C5.1,9.2,6.8,10.9,9,12 c0.3,0.2,0.8,0.2,1.1-0.2l1.4-1.4C12.1,9.8,13,9.8,13.6,10.4z"/>
+    <path d="M9,7.1L10,8.1c0.2,0.2,0.2,0.6,0,0.8C8.8,10,7,10.1,5.7,9.1L5.7,9.1c-1-0.7-1.8-1.6-2.6-2.6L3,6.4c-1-1.3-0.8-3.1,0.3-4.2 C3.5,2,3.9,2,4.1,2.2L5,3.1C5.4,3.4,5.4,4,5,4.3L4.4,4.9C4.3,5,4.3,5.2,4.3,5.4c0.5,1,1.4,1.9,2.4,2.4c0.2,0.1,0.4,0.1,0.5-0.1 l0.6-0.6C8.2,6.8,8.7,6.8,9,7.1z"/>
  </symbol>
-  <symbol id="email" viewBox="0 0 16 16">
+  <symbol id="email" viewBox="0 0 12 12" style="fill-rule:evenodd;clip-rule:evenodd;">
-    <path d="M0.4,2.2C0,2.6,0,3.3,0,4.7v6.7c0,1.3,0,2,0.4,2.5s1.2,0.4,2.5,0.4h10.2c1.3,0,2,0,2.5-0.4 c0.4-0.4,0.4-1.2,0.4-2.5V4.7c0-1.3,0-2-0.4-2.5c-0.4-0.4-1.2-0.4-2.5-0.4H2.9C1.6,1.7,0.9,1.7,0.4,2.2z M3.1,4.7 C2.8,4.5,2.3,4.5,2,4.9C1.9,5.2,1.9,5.7,2.3,6L6.8,9c0.7,0.4,1.7,0.4,2.5,0L13.8,6c0.3-0.3,0.4-0.7,0.1-1s-0.7-0.4-1-0.1L8.4,7.7 c-0.3,0.1-0.6,0.1-0.9,0L3.1,4.7z" fill-rule="evenodd" clip-rule="evenodd"/>
+    <path d="M2.2,3.1C1.9,3.4,1.9,3.9,1.9,4.8v2.4c0,0.9,0,1.4,0.3,1.7c0.3,0.3,0.8,0.3,1.7,0.3h4.2c0.9,0,1.4,0,1.7-0.3 c0.3-0.3,0.3-0.8,0.3-1.7V4.8c0-0.9,0-1.4-0.3-1.7C9.5,2.8,9.1,2.8,8.1,2.8H3.9C2.9,2.8,2.5,2.8,2.2,3.1z M3.5,4.3 C3.3,4.1,3,4.2,2.8,4.4C2.7,4.6,2.7,4.9,3,5.1l2.2,1.5c0.5,0.3,1.2,0.3,1.7,0L9,5.1c0.2-0.2,0.3-0.5,0.1-0.7C9,4.2,8.7,4.1,8.5,4.3 L6.3,5.7c-0.2,0.1-0.4,0.1-0.6,0L3.5,4.3z"/>
  </symbol>
-  <symbol id="discord" viewBox="0 0 16 16">
+  <symbol id="discord" viewBox="0 0 12 12">
-    <path d="M13.5,3.2c-1.1-0.4-2.1-0.8-3.3-0.9c-0.1,0.3-0.3,0.5-0.4,0.8c-1.2-0.1-2.4-0.1-3.6,0C6,2.8,5.9,2.5,5.7,2.3 C4.5,2.4,3.5,2.8,2.4,3.2C0.3,6.1-0.2,9,0.1,11.8c1.3,0.9,2.6,1.6,3.9,2c0.3-0.4,0.7-0.9,0.9-1.3C4.4,12.3,4,12,3.6,11.8 c0.1-0.1,0.3-0.1,0.4-0.3c2.6,1.2,5.4,1.2,8,0c0.1,0.1,0.3,0.1,0.4,0.3c-0.4,0.3-0.9,0.4-1.3,0.7c0.3,0.5,0.5,0.9,0.9,1.3 c1.3-0.4,2.6-0.9,3.9-2C16.1,8.6,15.2,5.7,13.5,3.2z M5.3,10c-0.8,0-1.4-0.7-1.4-1.6c0-0.8,0.7-1.6,1.4-1.6s1.4,0.7,1.4,1.6 S6.1,10,5.3,10z M10.6,10c-0.8,0-1.4-0.7-1.4-1.6c0-0.8,0.7-1.6,1.4-1.6c0.8,0,1.4,0.7,1.4,1.6S11.4,10,10.6,10z"/>
+    <path d="M9.1,3.5C8.5,3.3,7.9,3.1,7.3,3C7.2,3.1,7.1,3.3,7,3.5C6.3,3.4,5.7,3.4,5,3.5C4.9,3.3,4.8,3.1,4.7,3 C4.1,3.1,3.5,3.3,2.9,3.5C1.7,5.2,1.4,6.8,1.5,8.4C2.3,9,3.1,9.3,3.8,9.5C4,9.3,4.2,9.1,4.3,8.8C4,8.7,3.8,8.6,3.5,8.4 c0.1,0,0.1-0.1,0.2-0.1c1.5,0.7,3.1,0.7,4.6,0c0.1,0,0.1,0.1,0.2,0.1C8.2,8.6,8,8.7,7.7,8.8C7.8,9.1,8,9.3,8.2,9.5 C8.9,9.3,9.7,9,10.5,8.4C10.6,6.6,10.1,5,9.1,3.5z M4.5,7.5c-0.4,0-0.8-0.4-0.8-0.9c0-0.5,0.4-0.9,0.8-0.9c0.5,0,0.8,0.4,0.8,0.9 C5.3,7.1,5,7.5,4.5,7.5z M7.5,7.5c-0.4,0-0.8-0.4-0.8-0.9c0-0.5,0.4-0.9,0.8-0.9c0.5,0,0.8,0.4,0.8,0.9C8.3,7.1,7.9,7.5,7.5,7.5z"/>
  </symbol>
-  <symbol id="facebook" viewBox="0 0 16 16">
+  <symbol id="facebook" viewBox="0 0 12 12">
-    <path d="M12,8.9L12.4,6H9.6V4.1c0-0.7,0.4-1.5,1.7-1.5h1.3V0.1c0,0-1.2-0.1-2.3-0.1c-2.4,0-4,1.3-4,3.9V6H3.9v2.9h2.5v6.9 C7,16,7.5,16,8,16c0.5,0,1.1,0,1.6-0.1V8.9H12z"/>
+    <path d="M8.3,6.5l0.3-1.6H7v-1C7,3.4,7.2,3,7.9,3h0.7V1.6c0,0-0.7-0.1-1.3-0.1c-1.3,0-2.2,0.8-2.2,2.2v1.2H3.8v1.6h1.5v3.9 c0.3,0,0.6,0.1,0.9,0.1c0.3,0,0.6,0,0.9-0.1V6.5H8.3z"/>
  </symbol>
-  <symbol id="instagram" viewBox="0 0 16 16">
+  <symbol id="instagram" viewBox="0 0 12 12" style="fill-rule:evenodd;clip-rule:evenodd;">
-    <path d="M12.4,2.4c-0.7,0-1.2,0.5-1.2,1.2s0.5,1.2,1.2,1.2c0.7,0,1.2-0.5,1.2-1.2S13.1,2.4,12.4,2.4z"/>
+    <path d="M9.1,3.5c0,0.4-0.3,0.7-0.7,0.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7C8.8,2.8,9.1,3.2,9.1,3.5z"/>
-    <path d="M8,4C5.7,4,4,5.7,4,8s1.7,4,4,4s4-1.7,4-4S10.3,4,8,4z M8,10.4c-1.3,0-2.4-1.1-2.4-2.4S6.7,5.6,8,5.6 s2.4,1.1,2.4,2.4S9.3,10.4,8,10.4z"/>
+    <path d="M6,8.2c1.2,0,2.2-1,2.2-2.2S7.2,3.7,6,3.7S3.8,4.8,3.8,6S4.8,8.2,6,8.2z M6,7.3c0.7,0,1.3-0.6,1.3-1.3 S6.7,4.6,6,4.6S4.7,5.3,4.7,6S5.3,7.3,6,7.3z"/>
-    <path d="M15.5,2.7c-0.4-0.9-1.2-1.6-2.1-2.1C12.4,0,11.1,0,8.3,0H7.7c-2.7,0-4,0-5.1,0.5C1.7,0.9,0.9,1.7,0.5,2.7 C0,3.6,0,4.9,0,7.7v0.7c0,2.7,0,4,0.5,5.1c0.4,0.9,1.2,1.6,2.1,2.1C3.6,16,4.9,16,7.7,16h0.7c2.7,0,4,0,5.1-0.5 c0.9-0.4,1.6-1.2,2.1-2.1C16,12.4,16,11.1,16,8.3V7.7C16,4.9,16,3.6,15.5,2.7z M14.4,8.3c0,1.3,0,2.3,0,3.1c0,0.7-0.1,1.1-0.3,1.3 c-0.3,0.7-0.8,1.1-1.3,1.3c-0.3,0.1-0.7,0.3-1.3,0.3s-1.6,0-3.1,0H7.7c-1.3,0-2.3,0-3.1,0c-0.7,0-1.1-0.1-1.3-0.3 c-0.7-0.3-1.1-0.8-1.3-1.3c-0.1-0.3-0.3-0.7-0.3-1.3c0-0.7,0-1.6,0-3.1V7.7c0-1.3,0-2.3,0-3.1C1.7,4,1.9,3.6,2,3.3 C2.3,2.7,2.8,2.3,3.3,2C3.6,1.9,4,1.7,4.7,1.7s1.6,0,3.1,0h0.7c1.3,0,2.3,0,3.1,0c0.7,0,1.1,0.1,1.3,0.3c0.7,0.3,1.1,0.8,1.3,1.3 c0.1,0.3,0.3,0.7,0.3,1.3s0,1.6,0,3.1V8.3z"/>
+    <path d="M1.5,5.8c0-1.5,0-2.3,0.3-2.8C2.1,2.5,2.5,2.1,3,1.8c0.6-0.3,1.3-0.3,2.8-0.3h0.4c1.5,0,2.3,0,2.8,0.3 C9.5,2.1,9.9,2.5,10.2,3c0.3,0.6,0.3,1.3,0.3,2.8v0.4c0,1.5,0,2.3-0.3,2.8C9.9,9.5,9.5,9.9,9,10.2c-0.6,0.3-1.3,0.3-2.8,0.3H5.8 c-1.5,0-2.3,0-2.8-0.3C2.5,9.9,2.1,9.5,1.8,9C1.5,8.4,1.5,7.7,1.5,6.2V5.8z M5.8,2.4h0.4c0.8,0,1.3,0,1.7,0c0.4,0,0.6,0.1,0.7,0.2 C9,2.8,9.2,3,9.4,3.4c0.1,0.1,0.1,0.3,0.2,0.7c0,0.4,0,0.9,0,1.7v0.4c0,0.8,0,1.3,0,1.7c0,0.4-0.1,0.6-0.2,0.7C9.2,9,9,9.2,8.6,9.4 C8.5,9.5,8.3,9.5,7.9,9.6c-0.4,0-0.9,0-1.7,0H5.8c-0.8,0-1.3,0-1.7,0c-0.4,0-0.6-0.1-0.7-0.2C3,9.2,2.8,9,2.6,8.6 C2.5,8.5,2.5,8.3,2.4,7.9c0-0.4,0-0.9,0-1.7V5.8c0-0.8,0-1.3,0-1.7c0-0.4,0.1-0.6,0.2-0.7C2.8,3,3,2.8,3.4,2.6 c0.1-0.1,0.3-0.1,0.7-0.2C4.5,2.4,5,2.4,5.8,2.4z"/>
  </symbol>
-  <symbol id="linkedin" viewBox="0 0 16 16">
+  <symbol id="linkedin" viewBox="0 0 12 12">
-    <path d="M1.9,0.5C0.8,0.5,0,1.3,0,2.3c0,0.9,0.8,1.9,1.9,1.9s1.9-0.8,1.9-1.9C3.9,1.3,2.9,0.5,1.9,0.5z"/>
+    <path d="M3.7,2.5c0,0.6-0.5,1-1.1,1c-0.6,0-1.1-0.5-1.1-1s0.5-1,1.1-1C3.2,1.5,3.7,2,3.7,2.5z"/>
-    <rect x="0.3" y="5.4" width="3.3" height="10"/>
+    <path d="M1.6,4.3h1.9v5.6H1.6V4.3z"/>
-    <path d="M12.3,5.3c-1.7,0-2.8,0.8-3.3,1.5V5.4H5.6v10h3.3c0,0,0-3.2,0-5.1c0-1.2,0.4-2.4,2-2.4c1.9,0,1.9,1.6,1.7,2.8 c0,1.6,0,3.2,0,4.8H16v-5.3C16,6.7,15.1,5.3,12.3,5.3z"/>
+    <path d="M6.5,4.3H4.6v5.6h1.9c0,0,0-1.8,0-2.9c0-0.7,0.2-1.3,1.1-1.3c1,0,1,0.9,1,1.5c0,0.9,0,1.8,0,2.7h1.9v-3 c0-1.9-0.5-2.8-2.1-2.8c-1,0-1.6,0.4-1.9,0.8V4.3z"/>
  </symbol>
-  <symbol id="telegram" viewBox="0 0 16 16">
+  <symbol id="telegram" viewBox="0 0 12 12">
-    <path d="M16,2.2c0.1-0.8-0.7-1.4-1.4-1.1L0.4,7.2c-0.6,0.3-0.4,1,0,1.1l3,1C3.9,9.5,4.5,9.5,5,9.1l6.6-4.6c0.1-0.1,0.4,0.1,0.3,0.3 L7.1,9.8c-0.4,0.4-0.4,1.3,0.1,1.7l5.3,3.4c0.6,0.4,1.4,0,1.5-0.7L16,2.2z"/>
+    <path d="M10.1,2.9c0.1-0.4-0.3-0.8-0.7-0.6L1.7,5.6c-0.3,0.1-0.3,0.5,0,0.6l1.6,0.5c0.3,0.1,0.6,0,0.9-0.1l3.6-2.5 C7.9,4.1,8,4.3,7.9,4.4L5.3,7C5.1,7.3,5.1,7.7,5.4,7.9l2.9,1.8c0.3,0.2,0.7,0,0.8-0.4L10.1,2.9z"/>
  </symbol>
-  <symbol id="twitter" viewBox="0 0 16 16">
+  <symbol id="twitter" viewBox="0 0 12 12">
-    <path d="M5.1,14.6c-1.9,0-3.6-0.5-5.1-1.5c1.2,0.1,3.5-0.1,4.8-1.5c-2.1-0.1-2.9-1.6-3.1-2.3c0.1,0,0.9,0.1,1.5,0 C0.8,8.9,0.5,6.7,0.5,6.2C0.9,6.5,1.7,6.6,2,6.6C-0.1,5,0.7,2.7,0.9,2.2c1.6,2,4,3.2,6.9,3.3c0-0.3-0.1-0.5-0.1-0.8 c0-1.9,1.5-3.3,3.3-3.3c0.9,0,1.9,0.4,2.4,1.1c0.7-0.1,1.6-0.5,2.1-0.8c-0.3,0.8-0.9,1.6-1.5,1.9l0,0c0.4,0,1.5-0.3,1.9-0.5 c-0.3,0.5-0.9,1.3-1.6,1.7C14.5,9.9,10.4,14.6,5.1,14.6z"/>
+    <path d="M4.3,9.6c-1,0-2-0.3-2.8-0.8c0.7,0,1.9-0.1,2.7-0.8C3,8,2.5,7.1,2.4,6.7c0.1,0,0.6,0.1,0.8,0C2,6.4,1.8,5.2,1.8,4.9 C2,5,2.5,5.1,2.6,5.1C1.4,4.2,1.8,2.9,2.1,2.6c0.9,1.2,2.2,1.9,3.8,1.9c0-0.1,0-0.3,0-0.4c0-1,0.8-1.9,1.9-1.9c0.5,0,1,0.2,1.4,0.6 c0.4-0.1,0.9-0.3,1.2-0.5c-0.1,0.5-0.5,0.9-0.8,1c0,0,0,0,0,0c0.2,0,0.8-0.1,1.1-0.3c-0.1,0.3-0.6,0.7-0.9,1 C9.6,7.1,7.4,9.6,4.3,9.6z"/>
  </symbol>
-  <symbol id="vk" viewBox="0 0 16 16">
+  <symbol id="vk" viewBox="0 0 12 12">
-    <path d="M13.6,9c-0.3-0.3-0.3-0.5-0.1-0.7c0.3-0.7,3.6-4.6,2.3-4.6c-0.9,0-2.1,0-3.1,0c-0.1,0-0.3,0.1-0.4,0.3 C11.7,5.2,11,6.8,10,7.8C9.9,8,9.7,8,9.6,7.8c-0.7-0.7,0-3.2-0.4-4.2c0-0.1-0.3-0.3-0.4-0.3C7.9,3.1,5.7,3.2,5.3,3.6 c0,0.1-0.1,0.3,0,0.3C5.6,3.9,5.9,4,6,4.3c0.3,0.5,0.4,3.6-0.3,3.6c-0.8,0-2-3.1-2.4-3.8c0-0.3-0.3-0.4-0.5-0.4H0.6 C0.2,3.6-0.1,3.9,0,4.3c1.2,2.9,3.7,8.6,7.7,8.5c0.4,0,1.1,0.1,1.3-0.1c0.4-0.5-0.1-1.6,0.7-2c0.1-0.1,0.4,0,0.5,0.1 c0.8,0.7,1.2,1.7,2.3,2c0.1,0,0.3,0.1,0.4,0H15c0.4,0,0.8-0.1,0.7-0.7C15.6,11,14.4,10,13.6,9z"/>
+    <path d="M9.1,7.1C9,6.9,9,6.8,9,6.7C9.2,6.3,11.1,4,10.3,4C9.8,4,9.1,4,8.6,4C8.5,4,8.4,4.1,8.4,4.2C8.1,4.9,7.7,5.8,7.1,6.3 C7,6.4,7,6.4,6.9,6.4C6.5,6,6.9,4.5,6.7,4c0-0.1-0.1-0.2-0.3-0.2C5.9,3.7,4.7,3.8,4.5,4c-0.1,0.1-0.1,0.1,0,0.1 c0.2,0,0.3,0.1,0.4,0.2C5,4.7,5.2,6.4,4.7,6.4c-0.4,0-1.1-1.7-1.3-2.2C3.3,4.1,3.2,4,3.1,4L1.8,4C1.6,4,1.4,4.1,1.5,4.3 C2.2,6,3.7,9.2,5.9,9.1c0.2,0,0.6,0.1,0.8-0.1C6.9,8.7,6.6,8.1,7,7.9c0.1-0.1,0.2,0,0.3,0.1c0.5,0.4,0.7,1,1.3,1.2 c0.1,0,0.2,0,0.3,0l1.2,0c0.2,0,0.4-0.1,0.4-0.4C10.3,8.2,9.6,7.6,9.1,7.1z"/>
  </symbol>
-  <symbol id="whatsapp" viewBox="0 0 16 16">
+  <symbol id="whatsapp" viewBox="0 0 12 12" style="fill-rule:evenodd;clip-rule:evenodd;">
-    <path d="M12,9.6c-0.5-0.3-1.5-0.8-1.6-0.8c-0.3-0.1-0.3,0-0.4,0.1C9.7,9.1,9.3,9.6,9.2,9.7c-0.1,0.1-0.3,0-0.4,0 C8.5,9.6,7.7,9.2,7.1,8.5C6.3,7.7,6.3,7.5,6,7.2C5.9,7.1,6,6.9,6,6.8c0.1-0.3,0.4-0.5,0.5-0.7s0-0.4,0-0.5C6.4,5.1,6.1,4.5,6,4.3 C5.9,3.9,5.5,4,5.2,4C4.7,4,3.9,4.7,3.9,5.9c0,0.8,0.4,1.9,1.9,3.5c1.3,1.5,3.2,2.3,4.7,2.3s1.9-1.3,1.9-1.7 C12.3,9.6,12.1,9.6,12,9.6z"/>
+    <path d="M4.9,3.9C4.8,3.7,4.6,3.7,4.4,3.7c-0.3,0-0.8,0.4-0.8,1c0,0.5,0.2,1.1,1,2C5.5,7.6,6.5,8,7.4,8c0.8,0,1-0.7,1-1 c0-0.1-0.1-0.2-0.1-0.2C8,6.7,7.4,6.5,7.3,6.4c-0.1,0-0.2,0-0.2,0.1C7,6.6,6.8,6.9,6.7,7C6.6,7,6.5,7,6.5,7c-0.2-0.1-0.6-0.3-1-0.6 C5,5.9,5,5.7,4.9,5.6c-0.1-0.1,0-0.2,0-0.2C5,5.3,5.1,5.1,5.2,5c0.1-0.1,0-0.2,0-0.3C5.1,4.4,5,4.1,4.9,3.9z"/>
-    <path d="M8,0C3.6,0,0,3.6,0,8c0,1.5,0.4,2.8,1.1,4L0,16l4.1-0.9C5.3,15.6,6.7,16,8,16c4.4,0,8-3.6,8-8S12.4,0,8,0z M8,14.8c-1.5,0-2.8-0.4-3.9-1.2l-2.3,0.5l0.7-2.3C1.7,10.8,1.2,9.5,1.2,8c0-3.7,3.1-6.8,6.8-6.8s6.8,3.1,6.8,6.8S11.7,14.8,8,14.8z"/>
+    <path d="M6,10.5c2.5,0,4.5-2,4.5-4.5S8.5,1.5,6,1.5S1.5,3.5,1.5,6c0,0.8,0.2,1.6,0.6,2.2l-0.6,2.3L3.9,10 C4.5,10.3,5.2,10.5,6,10.5z M6,9.8c2.1,0,3.8-1.7,3.8-3.8S8.1,2.2,6,2.2S2.2,3.9,2.2,6c0,0.8,0.3,1.6,0.7,2.2L2.5,9.5l1.3-0.3 C4.5,9.6,5.2,9.8,6,9.8z"/>
  </symbol>
-  <symbol id="youtube" viewBox="0 0 16 16">
+  <symbol id="youtube" viewBox="0 0 12 12">
-    <path d="M15.9,4.5c-0.1-1.1-0.9-2-2.1-2.1c-1.6,0-4-0.1-5.7-0.1S3.9,2.4,2.3,2.4c-1.1,0-2,0.9-2.1,2.1C0.1,5.6,0,6.9,0,8 s0.1,2.4,0.1,3.5c0.1,1.1,0.9,2,2.1,2.1c1.6,0.1,4,0.1,5.7,0.1s4.1-0.1,5.7-0.1c1.1,0,2-0.9,2.1-2.1C16,10.4,16,9.1,16,8 S15.9,5.6,15.9,4.5z M6.3,10.3V5.7L10.8,8L6.3,10.3z"/>
+    <path d="M10.4,4.3c0-0.6-0.6-1.1-1.2-1.2C8.3,3.1,7,3,6,3S3.7,3.1,2.8,3.1c-0.6,0-1.1,0.5-1.2,1.2c0,0.6-0.1,1.4-0.1,1.9 s0,1.3,0.1,1.9c0,0.6,0.6,1.1,1.2,1.2C3.7,9.4,5,9.4,6,9.4s2.3-0.1,3.2-0.1c0.6,0,1.1-0.5,1.2-1.2c0-0.6,0.1-1.4,0.1-1.9 S10.5,4.9,10.4,4.3z M5,7.5V4.9l2.6,1.3L5,7.5z"/>
  </symbol>
-  <symbol id="github" viewBox="0 0 16 16">
+  <symbol id="github" viewBox="0 0 12 12">
-  	<path d="M16,8c0-4.4-3.6-8-8-8S0,3.6,0,8c0,3.5,2.3,6.5,5.3,7.6c0.1-0.1,0.4-0.3,0.4-0.5c0-0.4,0-1.6,0-1.6 s-0.4,0-0.8,0c-1.2,0-1.6-0.8-1.9-1.2c-0.3-0.5-0.5-0.8-0.9-1.1c-0.3-0.1-0.3-0.3,0-0.4c1.1-0.3,1.3,1.2,2.1,1.5 c0.5,0.1,1.2,0.1,1.6-0.1c0-0.4,0.4-0.8,0.7-1.1c-1.9-0.1-2.9-0.8-3.6-1.9V9.1L2.8,8.8V8.7C2.5,8.1,2.4,7.5,2.4,6.8 c0-1.2,0.4-1.6,0.9-2.3C2.9,3.2,3.5,2.3,3.5,2.3s0.8-0.1,2.4,0.9c0.8-0.4,2.9-0.4,4-0.1c0.7-0.4,1.9-1.1,2.3-0.8 c0.1,0.3,0.4,0.8,0.1,2.1c0.1,0.3,1.1,0.9,1.1,2.7c0,0.7-0.1,1.2-0.3,1.6l-0.1,0.3c0,0,0,0.1-0.1,0.3v0.1c-0.5,1.2-1.7,1.7-3.6,1.9 C9.7,11.6,10,12,10,13.3s0,1.5,0,1.7s0.3,0.4,0.4,0.5C13.7,14.4,16,11.5,16,8z"/>
+    <path d="M10.5,6c0-2.5-2-4.5-4.5-4.5S1.5,3.5,1.5,6c0,2,1.3,3.6,3,4.3c0.1-0.1,0.2-0.2,0.2-0.3c0-0.2,0-0.9,0-0.9s-0.2,0-0.5,0 c-0.7,0-0.9-0.4-1-0.7C3.1,8.1,2.9,7.9,2.8,7.8c-0.1-0.1-0.1-0.2,0-0.2c0.6-0.1,0.8,0.7,1.2,0.8c0.3,0.1,0.7,0.1,0.9-0.1 c0-0.2,0.2-0.5,0.4-0.6c-1.1-0.1-1.7-0.5-2-1.1l0-0.1L3,6.5l0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.7,0.2-0.9,0.5-1.3 C3.1,3.3,3.4,2.8,3.4,2.8s0.5-0.1,1.3,0.5c0.5-0.2,1.7-0.2,2.3,0c0.4-0.2,1-0.6,1.3-0.5C8.4,2.9,8.6,3.2,8.5,4C8.6,4.1,9,4.5,9,5.5 c0,0.4,0,0.7-0.1,0.9l0,0.1c0,0,0,0.1,0,0.1l0,0.1c-0.3,0.7-1,0.9-2,1C7.1,8,7.2,8.2,7.2,9c0,0.7,0,0.8,0,1c0,0.1,0.1,0.2,0.2,0.3 C9.2,9.7,10.5,8,10.5,6z"/>
  </symbol>
  <symbol id="edit" viewBox="0 0 12 12" style="fill-rule:evenodd;clip-rule:evenodd;">
    <path d="M8.6,5.4l0.9-0.9c0.6-0.6,0.6-1.4,0-2c-0.6-0.6-1.4-0.6-2,0L6.6,3.4C7.1,4.2,7.8,4.9,8.6,5.4z M5.9,4.1l-3,3 C2.4,7.6,2.2,7.8,2.1,8C1.9,8.3,1.9,8.6,1.8,9.2L1.6,9.8c-0.1,0.3-0.1,0.5,0,0.6s0.3,0.1,0.6,0l0.6-0.1h0c0.6-0.1,0.9-0.2,1.1-0.3 c0.3-0.1,0.5-0.4,0.9-0.8l0,0l0,0l3-3C7.1,5.6,6.4,4.9,5.9,4.1z"/>
  </symbol>
  <symbol id="company" viewBox="0 0 16 16">
-    <path d="M15.3,14.7h-0.7V4c0-0.3-0.2-0.6-0.5-0.6l-7.3-2c-0.2-0.1-0.4,0-0.6,0.1C6.1,1.6,6,1.8,6,2v3.3H2 C1.6,5.3,1.3,5.6,1.3,6v8.7H0.7C0.3,14.7,0,15,0,15.3C0,15.7,0.3,16,0.7,16h14.7c0.4,0,0.7-0.3,0.7-0.7C16,15,15.7,14.7,15.3,14.7z M2.7,14.7v-8h6v8H2.7z M9.3,5.3h-2V2.9l6,1.6v10.2H10V6C10,5.6,9.7,5.3,9.3,5.3z"/>
+    <path d="M13.5,13H13V5c0-0.2-0.2-0.4-0.4-0.5L7.1,3C7,3,6.8,3,6.7,3.1C6.6,3.2,6.5,3.3,6.5,3.5V6h-3C3.2,6,3,6.2,3,6.5V13H2.5 C2.2,13,2,13.2,2,13.5S2.2,14,2.5,14h11c0.3,0,0.5-0.2,0.5-0.5S13.8,13,13.5,13z M4,13V7h4.5v6H4z M9,6H7.5V4.2L12,5.4V13H9.5V6.5 C9.5,6.2,9.3,6,9,6z"/>
  </symbol>
  <symbol id="person" viewBox="0 0 24 24">
    <path d="M12.1,11.7c2.1,0,3.8-1.7,3.8-3.8s-1.7-3.8-3.8-3.8S8.4,5.8,8.4,7.9S10.1,11.7,12.1,11.7z M12.1,5.5 c1.3,0,2.3,1.1,2.3,2.3s-1.1,2.3-2.3,2.3S9.8,9.2,9.8,7.9S10.8,5.5,12.1,5.5z"/>
--- a/plugins/contact-assets/src/index.ts
+++ b/plugins/contact-assets/src/index.ts
@ -30,6 +30,7 @@ loadMetadata(contact.icon, {
  WhatsApp: `${icons}#whatsapp`,
  Youtube: `${icons}#youtube`,
  GitHub: `${icons}#github`,
  Edit: `${icons}#edit`,
  Person: `${icons}#person`,
  Company: `${icons}#company`
 })
--- a/plugins/contact-resources/src/components/EditOrganization.svelte
+++ b/plugins/contact-resources/src/components/EditOrganization.svelte
@ -16,7 +16,7 @@
 <script lang="ts">
  import { createEventDispatcher, onMount } from 'svelte'
  import { getCurrentAccount, Ref, Space } from '@anticrm/core'
-  import { CircleButton, EditBox, showPopup, IconEdit, IconAdd, Label, IconActivity } from '@anticrm/ui'
+  import { CircleButton, EditBox, showPopup, IconAdd, Label, IconActivity } from '@anticrm/ui'
  import { getClient, createQuery, Channels } from '@anticrm/presentation'
  import setting from '@anticrm/setting'
  import { IntegrationType } from '@anticrm/setting'
@ -79,7 +79,7 @@
            <Channels value={object.channels} size={'small'} {integrations} on:click />
            <div class="ml-1">
              <CircleButton
-                icon={IconEdit}
+                icon={contact.icon.Edit}
                size={'small'}
                selected
                on:click={(ev) =>
--- a/plugins/contact-resources/src/components/EditPerson.svelte
+++ b/plugins/contact-resources/src/components/EditPerson.svelte
@ -16,13 +16,12 @@
 <script lang="ts">
  import { createEventDispatcher, onMount, afterUpdate } from 'svelte'
  import { getCurrentAccount, Ref, Space } from '@anticrm/core'
  import { CircleButton, EditBox, showPopup, IconEdit, IconAdd, Label, IconActivity } from '@anticrm/ui'
  import { getClient, createQuery, Channels, Avatar, AttributeEditor } from '@anticrm/presentation'
  import { CircleButton, EditBox, showPopup, IconAdd, Label, IconActivity } from '@anticrm/ui'
  import setting from '@anticrm/setting'
  import { IntegrationType } from '@anticrm/setting'
  import contact from '../plugin'
  import { combineName, getFirstName, getLastName, Person } from '@anticrm/contact'
  import Edit from './icons/Edit.svelte'
  export let object: Person
@ -101,7 +100,7 @@
            <Channels value={object.channels} size={'small'} {integrations} on:click />
            <div class="ml-1">
              <CircleButton
-                icon={Edit}
+                icon={contact.icon.Edit}
                size={'small'}
                selected
                on:click={(ev) =>
--- a/plugins/contact-resources/src/components/icons/Company.svelte
+++ b/plugins/contact-resources/src/components/icons/Company.svelte
@ -19,7 +19,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path
+  <path d="M13.5,13H13V5c0-0.2-0.2-0.4-0.4-0.5L7.1,3C7,3,6.8,3,6.7,3.1C6.6,3.2,6.5,3.3,6.5,3.5V6h-3C3.2,6,3,6.2,3,6.5V13H2.5 C2.2,13,2,13.2,2,13.5S2.2,14,2.5,14h11c0.3,0,0.5-0.2,0.5-0.5S13.8,13,13.5,13z M4,13V7h4.5v6H4z M9,6H7.5V4.2L12,5.4V13H9.5V6.5 C9.5,6.2,9.3,6,9,6z"/>
    d="M15.3,14.7h-0.7V4c0-0.3-0.2-0.6-0.5-0.6l-7.3-2c-0.2-0.1-0.4,0-0.6,0.1C6.1,1.6,6,1.8,6,2v3.3H2 C1.6,5.3,1.3,5.6,1.3,6v8.7H0.7C0.3,14.7,0,15,0,15.3C0,15.7,0.3,16,0.7,16h14.7c0.4,0,0.7-0.3,0.7-0.7C16,15,15.7,14.7,15.3,14.7z M2.7,14.7v-8h6v8H2.7z M9.3,5.3h-2V2.9l6,1.6v10.2H10V6C10,5.6,9.7,5.3,9.3,5.3z"
  />
 </svg>
--- a/plugins/contact/src/index.ts
+++ b/plugins/contact/src/index.ts
@ -153,6 +153,7 @@ export default plugin(contactId, {
    WhatsApp: '' as Asset,
    Youtube: '' as Asset,
    GitHub: '' as Asset,
    Edit: '' as Asset,
    Person: '' as Asset,
    Company: '' as Asset
  },
--- a/plugins/lead-assets/assets/icons.svg
+++ b/plugins/lead-assets/assets/icons.svg
@ -1,3 +1,4 @@
 <!-- ALL HASHTAGs -->
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="funnel" viewBox="0 0 16 16">
    <path d="M13.2,9.4h-2.8l0.3-2.7h2.5c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5h-2.4l0.4-3.2c0-0.3-0.2-0.5-0.4-0.6 c-0.3,0-0.5,0.2-0.6,0.4L9.8,5.6H7.1l0.4-3.2c0-0.3-0.2-0.5-0.4-0.6c-0.3,0-0.5,0.2-0.6,0.4L6.1,5.6H3.2c-0.3,0-0.5,0.2-0.5,0.5 s0.2,0.5,0.5,0.5h2.8L5.6,9.4H3.2c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h2.4l-0.4,3.2c0,0.3,0.2,0.5,0.4,0.6c0,0,0,0,0.1,0 c0.3,0,0.5-0.2,0.5-0.4l0.4-3.3h2.7l-0.4,3.2c0,0.3,0.2,0.5,0.4,0.6c0,0,0,0,0.1,0c0.3,0,0.5-0.2,0.5-0.4l0.4-3.3h2.9 c0.3,0,0.5-0.2,0.5-0.5S13.4,9.4,13.2,9.4z M6.6,9.4l0.3-2.7h2.7L9.4,9.4H6.6z"/>
--- a/plugins/recruit-assets/assets/create.svg
+++ b/plugins/recruit-assets/assets/create.svg
@ -1,3 +0,0 @@
  <symbol id="create" viewBox="0 0 16 16">
    <path d="M15.4,7.4H8.6V0.6C8.6,0.3,8.3,0,8,0S7.4,0.3,7.4,0.6v6.8H0.6C0.3,7.4,0,7.7,0,8s0.3,0.6,0.6,0.6h6.8v6.8 C7.4,15.7,7.7,16,8,16s0.6-0.3,0.6-0.6V8.6h6.8C15.7,8.6,16,8.3,16,8S15.7,7.4,15.4,7.4z"/>
  </symbol>
--- a/plugins/recruit-assets/assets/icons.svg
+++ b/plugins/recruit-assets/assets/icons.svg
@ -7,31 +7,23 @@
      <path d="M18.7,13.9c-0.3,0-0.6,0.2-0.7,0.5s0.2,0.6,0.5,0.7c2.1,0.3,2.1,1.1,2.1,1.3c0,0.3-0.1,0.7-0.9,1 c-0.3,0.1-0.5,0.5-0.3,0.8c0.1,0.2,0.3,0.4,0.6,0.4c0.1,0,0.1,0,0.2,0c1.4-0.5,1.7-1.5,1.7-2.1C21.9,15,20.8,14.2,18.7,13.9z"/>
    </g>
  </symbol>
-  <symbol id="vacancy" viewBox="0 0 20 20">
+  <symbol id="vacancy" viewBox="0 0 16 16">
-    <g>
+    <path d="M11.7,3.6h-1.1C10.4,2.7,9.7,2,8.8,2H7.2C6.3,2,5.6,2.7,5.4,3.6H4.3C3,3.6,2,4.6,2,5.9V8c0,0.2,0.1,0.3,0.2,0.4 C3.8,9.3,5.9,9.9,8,9.9c2.1,0,4.2-0.5,5.8-1.5C13.9,8.3,14,8.2,14,8V5.9C14,4.6,13,3.6,11.7,3.6z M7.2,3h1.5c0.4,0,0.6,0.2,0.8,0.6 H6.5C6.6,3.2,6.9,3,7.2,3z M13,7.7c-1.4,0.8-3.2,1.2-5,1.2c-1.8,0-3.6-0.4-5-1.2V5.9c0-0.7,0.6-1.3,1.3-1.3h7.4 c0.7,0,1.3,0.6,1.3,1.3V7.7z"/>
-      <path d="M14.6,4.6h-1.5c-0.1-1.1-1-1.9-2.1-1.9H9c-1.1,0-2,0.9-2.1,1.9H5.4c-1.5,0-2.8,1.3-2.8,2.8V10 c0,0.2,0.1,0.3,0.2,0.4c2,1.2,4.5,1.8,7.1,1.8c2.6,0,5.2-0.6,7.1-1.8c0.2-0.1,0.2-0.3,0.2-0.4V7.4C17.4,5.8,16.1,4.6,14.6,4.6z M9,3.6H11c0.6,0,1,0.4,1.1,0.9H7.9C8,4,8.5,3.6,9,3.6z M16.4,9.7c-1.8,1-4,1.5-6.4,1.5c-2.3,0-4.6-0.5-6.4-1.5V7.4 c0-1,0.8-1.8,1.8-1.8h9.2c1,0,1.8,0.8,1.8,1.8V9.7z"/>
+    <path d="M13.5,9.7c-0.3,0-0.5,0.2-0.5,0.5l-0.1,1.5c-0.1,0.8-0.7,1.3-1.4,1.3H4.5c-0.7,0-1.4-0.6-1.4-1.3L3,10.1 c0-0.3-0.3-0.5-0.5-0.5C2.2,9.7,2,9.9,2,10.2l0.1,1.5C2.2,13,3.3,14,4.5,14h6.9c1.3,0,2.3-1,2.4-2.3l0.1-1.5 C14,9.9,13.8,9.7,13.5,9.7z"/>
      <path d="M16.9,12.2c-0.3,0-0.5,0.2-0.5,0.5l-0.1,1.9c-0.1,1-0.9,1.8-1.9,1.8H5.7c-1,0-1.8-0.8-1.9-1.8l-0.1-1.9 c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0.3-0.5,0.5l0.1,1.9c0.1,1.5,1.4,2.7,2.9,2.7h8.6c1.5,0,2.8-1.2,2.9-2.7l0.1-1.9 C17.4,12.5,17.2,12.2,16.9,12.2z"/>
    </g>
  </symbol>
  <symbol id="location" viewBox="0 0 16 16">
-    <g>
+    <path d="M8,4.6c-1.5,0-2.6,1.2-2.6,2.6S6.5,9.9,8,9.9s2.6-1.2,2.6-2.6S9.5,4.6,8,4.6z M8,8.9c-0.9,0-1.6-0.7-1.6-1.6 c0-0.9,0.7-1.6,1.6-1.6s1.6,0.7,1.6,1.6C9.6,8.2,8.9,8.9,8,8.9z"/>
-      <path
+    <path d="M8,1.8c-3,0-5.5,2.5-5.5,5.5c0,1.9,0.9,3.4,2,4.5c1.1,1.1,2.3,1.8,2.9,2.1c0.4,0.2,0.9,0.2,1.3,0c0.6-0.3,1.8-1,2.9-2.1 c1.1-1.1,2-2.6,2-4.5C13.5,4.3,11,1.8,8,1.8z M10.8,11.1c-1,1-2.1,1.7-2.6,2c-0.1,0.1-0.2,0.1-0.3,0c-0.6-0.3-1.7-1-2.6-2 c-1-1-1.7-2.3-1.7-3.8c0-2.5,2-4.5,4.5-4.5s4.5,2,4.5,4.5C12.5,8.8,11.7,10.1,10.8,11.1z"/>
        d="M8,3.7c-1.9,0-3.4,1.5-3.4,3.4s1.5,3.4,3.4,3.4s3.4-1.5,3.4-3.4S9.9,3.7,8,3.7z M8,9.3c-1.2,0-2.1-1-2.1-2.1 C5.9,6,6.8,5,8,5s2.1,1,2.1,2.1C10.1,8.3,9.2,9.3,8,9.3z"
      />
      <path
        d="M8,0C4.1,0,0.9,3.2,0.9,7.1c0,2.5,1.2,4.4,2.6,5.9c1.4,1.4,2.9,2.4,3.7,2.8c0.5,0.3,1.1,0.3,1.6,0 c0.8-0.4,2.4-1.4,3.7-2.8c1.4-1.4,2.6-3.4,2.6-5.9C15.1,3.2,11.9,0,8,0z M11.6,12.1c-1.2,1.3-2.7,2.1-3.4,2.5 c-0.1,0.1-0.3,0.1-0.4,0c-0.7-0.4-2.2-1.3-3.4-2.5c-1.2-1.3-2.2-2.9-2.2-5c0-3.2,2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8 C13.8,9.2,12.8,10.8,11.6,12.1z"
      />
    </g>
  </symbol>
  <symbol id="calendar" viewBox="0 0 24 24">
    <path d="M19.5,5h-2.1V4.5c0-0.3-0.2-0.5-0.5-0.5s-0.5,0.2-0.5,0.5V5H8.1V4.5C8.1,4.2,7.9,4,7.6,4S7.1,4.2,7.1,4.5V5H5 C4.2,5,3.5,5.7,3.5,6.5V19c0,0.8,0.7,1.5,1.5,1.5h14.5c0.8,0,1.5-0.7,1.5-1.5V6.5C21,5.7,20.3,5,19.5,5z M5,6h2.1v0.5 c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5V6h8.3v0.5c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5V6h2.1C19.7,6,20,6.3,20,6.5v3.1H4.5V6.5 C4.5,6.3,4.7,6,5,6z M19.5,19.5H5c-0.3,0-0.5-0.2-0.5-0.5v-8.3H20V19C20,19.2,19.7,19.5,19.5,19.5z" />
  </symbol>
  <symbol id="create" viewBox="0 0 16 16">
-    <path d="M14.7,4.5l-4.1-4.3C10.5,0.1,10.3,0,10.2,0H10c0,0,0,0,0,0s0,0,0,0H4.8c0,0,0,0,0,0c-2,0-3.6,1.6-3.7,3.6v8.7 c0,2,1.6,3.7,3.7,3.7h6.5c2-0.1,3.6-1.7,3.6-3.7V4.8C14.9,4.7,14.8,4.6,14.7,4.5z M13.1,4.4h-1c-0.8,0-1.5-0.7-1.5-1.5V1.8 L13.1,4.4z M11.3,14.9H4.8c-1.4,0-2.5-1.2-2.5-2.6V3.6c0-1.4,1.2-2.5,2.5-2.5c0,0,0,0,0,0h4.6v1.8c0,1.5,1.2,2.7,2.6,2.7h1.7v6.7 C13.7,13.7,12.6,14.8,11.3,14.9z"/>
+    <path d="M13.9,4.9l-3.6-3.7C10.2,1.1,10.1,1,9.9,1H5.2c0,0,0,0,0,0C3.5,1,2,2.4,2,4.1v7.6C2,13.5,3.4,15,5.2,15h5.7 c1.8-0.1,3.1-1.5,3.1-3.3V5.2C14,5.1,14,5,13.9,4.9z M12.5,4.9h-0.9c-0.7,0-1.3-0.6-1.3-1.3v-1L12.5,4.9z M10.9,14H5.2 C3.9,14,3,13,3,11.7V4.2C3,3,4,2,5.2,2c0,0,0,0,0,0h4v1.6c0,1.3,1,2.3,2.3,2.3H13v5.9C13,13,12.1,13.9,10.9,14z"/>
-    <path d="M9.8,10.2H5.5c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h4.4c0.3,0,0.6-0.3,0.6-0.6S10.1,10.2,9.8,10.2z"/>
+    <path d="M9.6,9.9H5.8c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h3.8c0.3,0,0.5-0.2,0.5-0.5S9.9,9.9,9.6,9.9z"/>
-    <path d="M5.5,8.3h2.7c0.3,0,0.6-0.3,0.6-0.6S8.5,7.2,8.2,7.2H5.5c-0.3,0-0.6,0.3-0.6,0.6S5.1,8.3,5.5,8.3z"/>
+    <path d="M5.8,8.3h2.4c0.3,0,0.5-0.2,0.5-0.5S8.4,7.3,8.2,7.3H5.8c-0.3,0-0.5,0.2-0.5,0.5S5.5,8.3,5.8,8.3z"/>
  </symbol>
  <symbol id="application" viewBox="0 0 16 16">
-    <path d="M13.1,5.2c-0.1-0.2-0.2-0.4-0.4-0.6L10.1,2C9.9,1.8,9.7,1.7,9.5,1.6C9.3,1.5,9.1,1.5,8.8,1.5H6c-1.3,0-2.1,0-2.6,0.5 S2.8,3.3,2.8,4.7v6.7c0,1.3,0,2.1,0.5,2.6s1.3,0.5,2.6,0.5h4c1.3,0,2.1,0,2.6-0.5c0.5-0.5,0.5-1.3,0.5-2.6V5.9 C13.2,5.6,13.2,5.4,13.1,5.2z M11.9,5.3c0.1,0.1,0.2,0.2,0.2,0.2H10c-0.3,0-0.7,0-0.8,0c0-0.1,0-0.5,0-0.8V2.5 c0.1,0,0.1,0.1,0.2,0.2L11.9,5.3z M11.9,13.3c-0.2,0.2-0.8,0.2-1.9,0.2H6c-1.2,0-1.7,0-1.9-0.2s-0.2-0.8-0.2-1.9V4.7 c0-1.2,0-1.7,0.2-1.9S4.8,2.5,6,2.5h2.2v2.2c0,0.7,0,1.1,0.3,1.5S9.3,6.5,10,6.5h2.2v4.8C12.2,12.5,12.2,13,11.9,13.3z"/>
+    <path d="M13.9,4.9l-3.6-3.7C10.2,1.1,10.1,1,9.9,1H5.2c0,0,0,0,0,0C3.5,1,2,2.4,2,4.1v7.6C2,13.5,3.4,15,5.2,15h5.7 c1.8-0.1,3.1-1.5,3.1-3.3V5.2C14,5.1,14,5,13.9,4.9z M12.5,4.9h-0.9c-0.7,0-1.3-0.6-1.3-1.3v-1L12.5,4.9z M10.9,14H5.2 C3.9,14,3,13,3,11.7V4.2C3,3,4,2,5.2,2c0,0,0,0,0,0h4v1.6c0,1.3,1,2.3,2.3,2.3H13v5.9C13,13,12.1,13.9,10.9,14z"/>
  </symbol>
 </svg>
--- a/plugins/recruit-resources/src/components/ApplicationPresenter.svelte
+++ b/plugins/recruit-resources/src/components/ApplicationPresenter.svelte
@ -15,9 +15,10 @@
 -->
 <script lang="ts">
  import type { Applicant } from '@anticrm/recruit'
-  import { closeTooltip, IconFile, showPopup } from '@anticrm/ui'
+  import { closeTooltip, Icon, showPopup } from '@anticrm/ui'
  import { getClient } from '@anticrm/presentation'
  import { EditTask } from '@anticrm/task-resources'
  import recruit from '@anticrm/recruit'
  export let value: Applicant
@ -32,6 +33,6 @@
 {#if value && shortLabel}
  <div class="sm-tool-icon" on:click={show}>
-    <span class="icon"><IconFile size={'small'} /></span>&nbsp;{shortLabel}-{value.number}
+    <span class="icon"><Icon icon={recruit.icon.Application} size={'small'} /></span>&nbsp;{shortLabel}-{value.number}
  </div>
 {/if}
--- a/plugins/recruit-resources/src/components/ApplicationsPresenter.svelte
+++ b/plugins/recruit-resources/src/components/ApplicationsPresenter.svelte
@ -15,19 +15,18 @@
 -->
 <script lang="ts">
  import type { Candidate } from '@anticrm/recruit'
-  import { IconFile, Tooltip } from '@anticrm/ui'
+  import { Icon, Tooltip } from '@anticrm/ui'
  import ApplicationsPopup from './ApplicationsPopup.svelte'
  import recruit from '@anticrm/recruit'
  export let value: Candidate
 </script>
 {#if value.applications && value.applications > 0}
  <Tooltip label={'Applications'} component={ApplicationsPopup} props={{ value }}>
    <div class="sm-tool-icon">
-      <span class="icon"><IconFile size={'small'} /></span>&nbsp;{value.applications}
+      <span class="icon"><Icon icon={recruit.icon.Application} size={'small'} /></span>&nbsp;{value.applications}
    </div>
  </Tooltip>
 {/if}
--- a/plugins/recruit-resources/src/components/Candidates.svelte
+++ b/plugins/recruit-resources/src/components/Candidates.svelte
@ -21,6 +21,7 @@
  import { Table } from '@anticrm/view-resources'
  import recruit from '../plugin'
  import contact from '@anticrm/contact'
  import view, { Viewlet } from '@anticrm/view'
  import CreateCandidate from './CreateCandidate.svelte'
@ -38,7 +39,7 @@
 <div class="candidates-header-container">
  <div class="header-container">
    <div class="flex-row-center">
-      <span class="icon"><Icon icon={recruit.icon.Calendar} size={'small'}/></span>
+      <span class="icon"><Icon icon={contact.icon.Person} size={'small'}/></span>
      <span class="label"><Label label={recruit.string.Candidates}/></span>
    </div>
  </div>
--- a/plugins/recruit-resources/src/components/CardEmpty.svelte
+++ b/plugins/recruit-resources/src/components/CardEmpty.svelte
@ -15,8 +15,7 @@
 <script lang="ts">
  import type { IntlString } from '@anticrm/platform'
-  import { Label } from '@anticrm/ui'
+  import { Label, IconAdd } from '@anticrm/ui'
  import { IconAdd } from '@anticrm/ui'
  export let label: IntlString
 </script>
--- a/plugins/recruit-resources/src/components/CreateCandidate.svelte
+++ b/plugins/recruit-resources/src/components/CreateCandidate.svelte
@ -25,7 +25,6 @@
  import { createEventDispatcher } from 'svelte'
  import recruit from '../plugin'
  import { uploadFile } from '../utils'
  import Edit from './icons/Edit.svelte'
  import FileUpload from './icons/FileUpload.svelte'
  import YesNo from './YesNo.svelte'
@ -142,7 +141,7 @@
    {:else}
      <Channels value={object.channels} size={'small'} />
      <div class="ml-1">
-        <CircleButton icon={Edit} size={'small'} transparent on:click={(ev) => showPopup(contact.component.SocialEditor, { values: object.channels ?? [] }, ev.target, (result) => { object.channels = result })} />
+        <CircleButton icon={contact.icon.Edit} size={'small'} transparent on:click={(ev) => showPopup(contact.component.SocialEditor, { values: object.channels ?? [] }, ev.target, (result) => { object.channels = result })} />
      </div>
    {/if}
  </div>
--- a/plugins/recruit-resources/src/components/IconWithLabel.svelte
+++ b/plugins/recruit-resources/src/components/IconWithLabel.svelte
--- a/plugins/recruit-resources/src/components/ImageButton.svelte
+++ b/plugins/recruit-resources/src/components/ImageButton.svelte
--- a/plugins/recruit-resources/src/components/Tag.svelte
+++ b/plugins/recruit-resources/src/components/Tag.svelte
--- a/plugins/recruit-resources/src/components/icons/Address.svelte
+++ b/plugins/recruit-resources/src/components/icons/Address.svelte
@ -1,24 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M14.8,5.1c-0.3-0.7-0.9-1.1-1.8-2l-0.9-0.8C10.4,0.8,9.4,0,8.2,0s-2.1,0.8-4,2.3l-1,0.9C2.2,4,1.6,4.4,1.3,5.1 S0.9,6.4,0.9,7.8v3.9c0,1.9,0,2.9,0.7,3.6C2.4,16,3.4,16,5.3,16h0.4l0,0l0,0h4.7l0,0l0,0h0.4c1.9,0,2.9,0,3.6-0.7s0.7-1.7,0.7-3.6 V7.9C15.1,6.6,15.1,5.8,14.8,5.1z M9.8,14.9H6.3V11c0-0.3,0.2-0.6,0.6-0.6h2.4c0.3,0,0.6,0.2,0.6,0.6C9.8,11,9.8,14.9,9.8,14.9z M13.9,11.8c0,1.7,0,2.4-0.3,2.8c-0.3,0.3-1.1,0.3-2.7,0.3V11c0-0.9-0.8-1.7-1.7-1.7H6.8c-0.9,0-1.7,0.8-1.7,1.7v3.9 c-1.6,0-2.3,0-2.7-0.3c-0.3-0.3-0.3-1.1-0.3-2.8V7.9c0-1.2,0-1.8,0.2-2.2c0.2-0.4,0.7-0.8,1.6-1.6l0.9-0.8c1.6-1.4,2.4-2.2,3.2-2.2 c0.8,0,1.7,0.7,3.2,2.1L12.2,4c0.9,0.8,1.3,1.1,1.6,1.6c0.2,0.4,0.2,1,0.2,2.2C13.9,7.8,13.9,11.8,13.9,11.8z"/>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/Attachment.svelte
+++ b/plugins/recruit-resources/src/components/icons/Attachment.svelte
@ -1,24 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <path d="M4.8,10.5l5.7-5.7c1.2-1.2,3.1-1.2,4.2,0s1.2,3.1,0,4.2L8,15.8c-0.6,0.6-1.5,0.6-2.1,0c-0.6-0.6-0.6-1.5,0-2.1l6-6 c0.2-0.2,0.2-0.5,0-0.7c-0.2-0.2-0.5-0.2-0.7,0l-6,6c-1,1-1,2.6,0,3.5c1,1,2.6,1,3.5,0l6.7-6.7c1.6-1.6,1.6-4.1,0-5.7 s-4.1-1.6-5.7,0L4.1,9.8c-0.2,0.2-0.2,0.5,0,0.7C4.3,10.7,4.6,10.7,4.8,10.5z"/>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/Company.svelte
+++ b/plugins/recruit-resources/src/components/icons/Company.svelte
@ -20,5 +20,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15.3,14.7h-0.7V4c0-0.3-0.2-0.6-0.5-0.6l-7.3-2c-0.2-0.1-0.4,0-0.6,0.1C6.1,1.6,6,1.8,6,2v3.3H2 C1.6,5.3,1.3,5.6,1.3,6v8.7H0.7C0.3,14.7,0,15,0,15.3C0,15.7,0.3,16,0.7,16h14.7c0.4,0,0.7-0.3,0.7-0.7C16,15,15.7,14.7,15.3,14.7z M2.7,14.7v-8h6v8H2.7z M9.3,5.3h-2V2.9l6,1.6v10.2H10V6C10,5.6,9.7,5.3,9.3,5.3z"/>
+  <path d="M13.5,13H13V5c0-0.2-0.2-0.4-0.4-0.5L7.1,3C7,3,6.8,3,6.7,3.1C6.6,3.2,6.5,3.3,6.5,3.5V6h-3C3.2,6,3,6.2,3,6.5V13H2.5 C2.2,13,2,13.2,2,13.5S2.2,14,2.5,14h11c0.3,0,0.5-0.2,0.5-0.5S13.8,13,13.5,13z M4,13V7h4.5v6H4z M9,6H7.5V4.2L12,5.4V13H9.5V6.5 C9.5,6.2,9.3,6,9,6z"/>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/Contact.svelte
+++ b/plugins/recruit-resources/src/components/icons/Contact.svelte
@ -1,26 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d="M12.1,11.7c2.1,0,3.8-1.7,3.8-3.8s-1.7-3.8-3.8-3.8S8.4,5.8,8.4,7.9S10.1,11.7,12.1,11.7z M12.1,5.5 c1.3,0,2.3,1.1,2.3,2.3s-1.1,2.3-2.3,2.3S9.8,9.2,9.8,7.9S10.8,5.5,12.1,5.5z"/>
  <path d="M12,0C5.4,0,0,5.4,0,12c0,6.6,5.4,12,12,12c6.6,0,12-5.4,12-12C24,5.4,18.6,0,12,0z M12,22.6 C6.2,22.6,1.4,17.8,1.4,12C1.4,6.2,6.2,1.4,12,1.4c5.8,0,10.6,4.7,10.6,10.6C22.6,17.8,17.8,22.6,12,22.6z"/>
  <path d="M18.6,16.2c-0.3-0.9-0.8-1.6-1.5-2.2c-0.9-0.7-2-1.1-3.1-1.1h-1.5h-0.9h-1.5c-1.1,0-2.2,0.4-3.1,1.1 c-0.7,0.6-1.2,1.3-1.5,2.2l-0.2,0.6c-0.1,0.4,0.1,0.8,0.5,0.9c0.1,0,0.1,0,0.2,0c0.3,0,0.6-0.2,0.7-0.5L7,16.7 c0.2-0.6,0.5-1.1,1-1.5c0.6-0.5,1.4-0.8,2.2-0.8h1.5h0.9h1.5c0.8,0,1.6,0.3,2.2,0.8c0.5,0.4,0.8,0.9,1,1.5l0.2,0.6 c0.1,0.3,0.4,0.5,0.7,0.5c0.1,0,0.1,0,0.2,0c0.4-0.1,0.6-0.5,0.5-0.9L18.6,16.2z"/>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/Edit.svelte
+++ b/plugins/recruit-resources/src/components/icons/Edit.svelte
@ -1,24 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M13.3,6.5l1.9-1.9c1.1-1.1,1.1-2.8,0-3.8c-1.1-1.1-2.8-1.1-3.8,0L9.5,2.7C10.4,4.3,11.7,5.6,13.3,6.5z M12.3,7.6c-1.6-1-2.9-2.3-3.8-3.8l-6.3,6.3l0,0C1.5,10.7,1.2,11,1,11.4c-0.2,0.4-0.3,0.8-0.5,1.6l-0.4,2c-0.1,0.5-0.1,0.7,0,0.9 c0.1,0.1,0.4,0.1,0.9,0l2-0.4c0.8-0.2,1.3-0.3,1.6-0.5c0.4-0.2,0.7-0.5,1.3-1.1L12.3,7.6z"/>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/Location.svelte
+++ b/plugins/recruit-resources/src/components/icons/Location.svelte
@ -1,27 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <g>
    <path d="M8,3.7c-1.9,0-3.4,1.5-3.4,3.4s1.5,3.4,3.4,3.4s3.4-1.5,3.4-3.4S9.9,3.7,8,3.7z M8,9.3c-1.2,0-2.1-1-2.1-2.1 C5.9,6,6.8,5,8,5s2.1,1,2.1,2.1C10.1,8.3,9.2,9.3,8,9.3z"/>
    <path d="M8,0C4.1,0,0.9,3.2,0.9,7.1c0,2.5,1.2,4.4,2.6,5.9c1.4,1.4,2.9,2.4,3.7,2.8c0.5,0.3,1.1,0.3,1.6,0 c0.8-0.4,2.4-1.4,3.7-2.8c1.4-1.4,2.6-3.4,2.6-5.9C15.1,3.2,11.9,0,8,0z M11.6,12.1c-1.2,1.3-2.7,2.1-3.4,2.5 c-0.1,0.1-0.3,0.1-0.4,0c-0.7-0.4-2.2-1.3-3.4-2.5c-1.2-1.3-2.2-2.9-2.2-5c0-3.2,2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8 C13.8,9.2,12.8,10.8,11.6,12.1z"/>
  </g>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/Recruiting.svelte
+++ b/plugins/recruit-resources/src/components/icons/Recruiting.svelte
@ -1,29 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <g>
    <path d="M9.6,14.4c-1.8,0-7.4,0-7.4,3.4c0,3,4.2,3.4,7.4,3.4c1.8,0,7.4,0,7.4-3.4C17.1,14.7,12.8,14.4,9.6,14.4z M9.6,20c-4.1,0-6.2-0.7-6.2-2.2c0-1.5,2.1-2.2,6.2-2.2s6.2,0.7,6.2,2.2C15.9,19.2,13.8,20,9.6,20z"/>
    <path d="M9.6,12.4C9.6,12.4,9.7,12.4,9.6,12.4c1.4,0,2.6-0.5,3.5-1.5c0.9-0.9,1.4-2.2,1.4-3.5c0-2.7-2.2-5-5-5 c-2.7,0-5,2.2-5,5C4.7,10.1,6.9,12.4,9.6,12.4z M9.6,3.6c2.1,0,3.8,1.7,3.8,3.8c0,1-0.4,2-1.1,2.7c-0.7,0.7-1.7,1.1-2.7,1.1h0 c-2.1,0-3.8-1.7-3.8-3.8C5.9,5.3,7.6,3.6,9.6,3.6z"/>
    <path d="M16.5,10c-0.3,0-0.6,0.3-0.5,0.7c0,0.3,0.3,0.5,0.6,0.5c0,0,0.1,0,0.1,0C18.5,11,20,9.3,20,7.4 c0-1.9-1.4-3.5-3.3-3.8C16.4,3.5,16.1,3.7,16,4c-0.1,0.3,0.2,0.6,0.5,0.7c1.3,0.2,2.3,1.3,2.3,2.7C18.8,8.7,17.8,9.9,16.5,10z"/>
    <path d="M18.7,13.9c-0.3,0-0.6,0.2-0.7,0.5s0.2,0.6,0.5,0.7c2.1,0.3,2.1,1.1,2.1,1.3c0,0.3-0.1,0.7-0.9,1 c-0.3,0.1-0.5,0.5-0.3,0.8c0.1,0.2,0.3,0.4,0.6,0.4c0.1,0,0.1,0,0.2,0c1.4-0.5,1.7-1.5,1.7-2.1C21.9,15,20.8,14.2,18.7,13.9z"/>
  </g>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/User.svelte
+++ b/plugins/recruit-resources/src/components/icons/User.svelte
@ -1,26 +0,0 @@
 <!--
 // Copyright © 2020, 2021 Anticrm Platform Contributors.
 // Copyright © 2021 Hardcore Engineering Inc.
 // 
 // Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
 -->
 <script lang="ts">
  // export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg width={40} height={40} {fill} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
  <path d="M32.4,34.3c-0.3,0-0.6-0.2-0.7-0.5c-0.7-1.9-2.2-3.5-4.2-4.7c-2.1-1.2-4.7-1.9-7.4-1.9c-2.7,0-5.3,0.7-7.4,1.9 c-2.1,1.2-3.6,2.9-4.2,4.7c-0.1,0.4-0.6,0.6-1,0.5c-0.4-0.1-0.6-0.6-0.5-1c0.8-2.2,2.5-4.2,4.9-5.5c2.3-1.3,5.2-2.1,8.2-2.1 s5.8,0.7,8.2,2.1c2.4,1.4,4.1,3.3,4.9,5.5c0.1,0.4-0.1,0.8-0.5,1C32.5,34.3,32.4,34.3,32.4,34.3z"/>
  <circle style="opacity: .25;" cx="20" cy="13.6" r="6.4"/>
  <path d="M20,20.8c-3.9,0-7.1-3.2-7.1-7.1s3.2-7.1,7.1-7.1s7.2,3.2,7.2,7.1S23.9,20.8,20,20.8z M20,8 c-3.1,0-5.6,2.5-5.6,5.6s2.5,5.6,5.6,5.6s5.7-2.5,5.7-5.6S23.1,8,20,8z"/>
 </svg>
--- a/plugins/recruit-resources/src/components/icons/Vacancy.svelte
+++ b/plugins/recruit-resources/src/components/icons/Vacancy.svelte
@ -20,6 +20,6 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.7,3.6h-1.1C10.4,2.7,9.7,2,8.8,2H7.2C6.3,2,5.6,2.7,5.4,3.6H4.3C3,3.6,2,4.6,2,5.9V8c0,0.2,0.1,0.3,0.2,0.4 C3.8,9.4,5.9,9.9,8,9.9c2.1,0,4.2-0.5,5.8-1.5C13.9,8.3,14,8.2,14,8V5.9C14,4.6,13,3.6,11.7,3.6z M7.2,3h1.5c0.4,0,0.6,0.2,0.8,0.6 H6.5C6.6,3.2,6.9,3,7.2,3z M13,7.7c-1.4,0.8-3.2,1.2-5,1.2c-1.8,0-3.6-0.4-5-1.2V5.9c0-0.7,0.6-1.3,1.3-1.3h7.4 c0.7,0,1.3,0.6,1.3,1.3V7.7z"/>
+  <path d="M11.7,3.6h-1.1C10.4,2.7,9.7,2,8.8,2H7.2C6.3,2,5.6,2.7,5.4,3.6H4.3C3,3.6,2,4.6,2,5.9V8c0,0.2,0.1,0.3,0.2,0.4 C3.8,9.3,5.9,9.9,8,9.9c2.1,0,4.2-0.5,5.8-1.5C13.9,8.3,14,8.2,14,8V5.9C14,4.6,13,3.6,11.7,3.6z M7.2,3h1.5c0.4,0,0.6,0.2,0.8,0.6 H6.5C6.6,3.2,6.9,3,7.2,3z M13,7.7c-1.4,0.8-3.2,1.2-5,1.2c-1.8,0-3.6-0.4-5-1.2V5.9c0-0.7,0.6-1.3,1.3-1.3h7.4 c0.7,0,1.3,0.6,1.3,1.3V7.7z"/>
  <path d="M13.5,9.7c-0.3,0-0.5,0.2-0.5,0.5l-0.1,1.5c-0.1,0.8-0.7,1.3-1.4,1.3H4.5c-0.7,0-1.4-0.6-1.4-1.3L3,10.1 c0-0.3-0.3-0.5-0.5-0.5C2.2,9.7,2,9.9,2,10.2l0.1,1.5C2.2,13,3.3,14,4.5,14h6.9c1.3,0,2.3-1,2.4-2.3l0.1-1.5 C14,9.9,13.8,9.7,13.5,9.7z"/>
 </svg>
--- a/plugins/setting-assets/assets/icons.svg
+++ b/plugins/setting-assets/assets/icons.svg
@ -1,22 +1,22 @@
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="settings" viewBox="0 0 16 16">
-    <path d="M15,5.5l-1.3-2.2C13,2.1,12.7,1.4,12,1.1c-0.7-0.4-1.4-0.4-2.7-0.4L8,0.6l-1.3,0c-1.3,0-2,0-2.7,0.4c-0.7,0.4-1,1-1.7,2.1 L1,5.5C0.4,6.6,0,7.2,0,8s0.4,1.4,1,2.5l1.3,2.2C3,13.9,3.3,14.5,4,14.9c0.7,0.4,1.4,0.4,2.7,0.4l1.3,0l1.3,0c1.3,0,2,0,2.7-0.4 c0.7-0.4,1-1,1.7-2.1l1.3-2.3c0.6-1.2,1-1.8,1-2.5C16,7.2,15.6,6.6,15,5.5z M14,10l-1.3,2.2c-0.6,1.1-0.9,1.5-1.3,1.7 c-0.4,0.2-0.9,0.2-2.1,0.3l-1.3,0l-1.3,0c-1.2,0-1.8,0-2.1-0.3c-0.4-0.2-0.7-0.7-1.3-1.7L2,10C1.4,8.9,1.2,8.4,1.2,8 c0-0.5,0.3-1,0.8-2l1.3-2.2c0.6-1.1,0.9-1.5,1.3-1.7c0.4-0.2,1-0.2,2.1-0.3l1.3,0l1.3,0c1.2,0,1.7,0,2.1,0.3 c0.4,0.2,0.7,0.7,1.3,1.7L14,6c0.6,1,0.8,1.5,0.8,2C14.8,8.5,14.6,9,14,10z"/>
+    <path d="M14,5.8l-1.1-1.9c-0.6-1-0.9-1.5-1.5-1.8c-0.6-0.3-1.2-0.3-2.3-0.4L8,1.7l-1.1,0c-1.1,0-1.8,0-2.3,0.4 C4,2.4,3.7,2.9,3.1,3.9L2,5.8C1.4,6.8,1.1,7.4,1.1,8S1.4,9.2,2,10.2l1.1,1.9c0.6,1,0.9,1.5,1.5,1.8c0.6,0.3,1.2,0.3,2.3,0.4l1.1,0 l1.1,0c1.1,0,1.8,0,2.3-0.4c0.6-0.3,0.9-0.9,1.5-1.8l1.1-1.9c0.6-1,0.9-1.5,0.9-2.2C14.9,7.4,14.6,6.8,14,5.8z M13.1,9.7L12,11.6 c-0.5,0.9-0.8,1.3-1.1,1.5c-0.3,0.2-0.8,0.2-1.8,0.2l-1.1,0l-1.1,0c-1.1,0-1.5,0-1.8-0.2c-0.3-0.2-0.6-0.6-1.1-1.5L2.9,9.7 C2.3,8.8,2.1,8.4,2.1,8c0-0.4,0.2-0.8,0.7-1.7L4,4.4c0.5-0.9,0.8-1.3,1.1-1.5c0.3-0.2,0.8-0.2,1.8-0.2l1.1,0l1.1,0 c1,0,1.5,0,1.8,0.2c0.3,0.2,0.6,0.6,1.1,1.5l1.1,1.9c0.5,0.9,0.7,1.3,0.7,1.7S13.6,8.8,13.1,9.7z"/>
-    <path d="M8,5.1C6.4,5.1,5.1,6.4,5.1,8c0,1.6,1.3,2.9,2.9,2.9c1.6,0,2.9-1.3,2.9-2.9C10.9,6.4,9.6,5.1,8,5.1z M8,9.7 C7,9.7,6.3,9,6.3,8S7,6.3,8,6.3S9.7,7,9.7,8S9,9.7,8,9.7z"/>
+    <path d="M8,5.5C6.6,5.5,5.5,6.6,5.5,8c0,1.4,1.1,2.5,2.5,2.5c1.4,0,2.5-1.1,2.5-2.5C10.5,6.6,9.4,5.5,8,5.5z M8,9.5 C7.2,9.5,6.5,8.8,6.5,8S7.2,6.5,8,6.5S9.5,7.2,9.5,8S8.8,9.5,8,9.5z"/>
  </symbol>
  <symbol id="integration" viewBox="0 0 16 16">
-    <path d="M15.1,3.5L8.3,0.1C8.1,0,7.9,0,7.7,0.1L0.9,3.5C0.7,3.6,0.5,3.8,0.5,4v8c0,0.2,0.1,0.4,0.3,0.5L7.7,16L8,15.5L8.3,16 l6.9-3.4c0.2-0.1,0.3-0.3,0.3-0.5V4C15.5,3.8,15.3,3.6,15.1,3.5z M8,1.2L13.6,4L8,6.8L2.4,4L8,1.2z M1.7,11.7V4.9l5.7,2.9v6.7 L1.7,11.7z M8.6,14.6V7.8l5.7-2.9v6.7L8.6,14.6z"/>
+    <path d="M14.2,4.1l-6-3C8.1,1,7.9,1,7.8,1.1l-6,3C1.6,4.1,1.5,4.3,1.5,4.5v7c0,0.2,0.1,0.4,0.3,0.4l6,3L8,14.5l0.2,0.4l6-3 c0.2-0.1,0.3-0.3,0.3-0.4v-7C14.5,4.3,14.4,4.1,14.2,4.1z M8,2.1l4.9,2.4L8,6.9L3.1,4.5L8,2.1z M2.5,11.2V5.3l5,2.5v5.9L2.5,11.2z M8.5,13.7V7.8l5-2.5v5.9L8.5,13.7z"/>
  </symbol>
  <symbol id="support" viewBox="0 0 16 16">
-    <path d="M8,9.1c-1.7,0-6.8,0-6.8,3.4C1.2,16,6.3,16,8,16s6.8,0,6.8-3.4C14.8,9.1,9.7,9.1,8,9.1z M8,14.9c-5.7,0-5.7-1.7-5.7-2.3 c0-0.6,0-2.3,5.7-2.3s5.7,1.7,5.7,2.3C13.7,13.1,13.7,14.9,8,14.9z"/>
+    <path d="M8,9c-1.5,0-6,0-6,3c0,3,4.5,3,6,3s6,0,6-3C14,9,9.5,9,8,9z M8,14c-5,0-5-1.5-5-2c0-0.5,0-2,5-2c5,0,5,1.5,5,2 C13,12.5,13,14,8,14z"/>
-    <path d="M8,8L8,8c2.2,0,4-1.8,4-4c0-2.2-1.8-4-4-4S4,1.8,4,4c0,1.1,0.4,2.1,1.2,2.8C5.9,7.6,6.9,8,8,8z M8,1.1 c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9v0.6l0-0.6C7.2,6.9,6.5,6.6,6,6S5.2,4.8,5.2,4C5.2,2.4,6.4,1.1,8,1.1z"/>
+    <path d="M8,8L8,8c2,0,3.5-1.6,3.5-3.5C11.5,2.6,9.9,1,8,1S4.5,2.6,4.5,4.5C4.5,6.4,6.1,8,8,8z M8,2c1.4,0,2.5,1.1,2.5,2.5 C10.5,5.9,9.4,7,8,7v0.5L8,7C6.6,7,5.5,5.9,5.5,4.5C5.5,3.1,6.6,2,8,2z"/>
  </symbol>
  <symbol id="privacy" viewBox="0 0 16 16">
-    <path d="M13.3,6.6h-1V4.3C12.3,1.9,10.4,0,8,0C5.6,0,3.7,1.9,3.7,4.3v2.3h-1c-1.1,0-2,0.9-2,2V14c0,1.1,0.9,2,2,2h10.6 c1.1,0,2-0.9,2-2V8.6C15.3,7.5,14.4,6.6,13.3,6.6z M5,4.3c0-1.7,1.4-3,3-3c1.7,0,3,1.3,3,3v2.3H5V4.3z M14,14c0,0.4-0.3,0.7-0.7,0.7 H2.7C2.3,14.7,2,14.4,2,14V8.6c0-0.4,0.3-0.7,0.7-0.7h10.6c0.4,0,0.7,0.3,0.7,0.7V14z"/>
+    <path d="M12,7.1h-0.7V5.4c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.5-3.3,3.3v1.7H4c-0.8,0-1.5,0.7-1.5,1.5v4.1c0,0.8,0.7,1.5,1.5,1.5h8 c0.8,0,1.5-0.7,1.5-1.5V8.6C13.5,7.8,12.8,7.1,12,7.1z M5.7,5.4c0-1.2,1-2.3,2.3-2.3s2.3,1,2.3,2.3v1.7H5.7V5.4z M12.5,12.7 c0,0.3-0.2,0.5-0.5,0.5H4c-0.3,0-0.5-0.2-0.5-0.5V8.6c0-0.3,0.2-0.5,0.5-0.5h8c0.3,0,0.5,0.2,0.5,0.5V12.7z"/>
  </symbol>
  <symbol id="terms" viewBox="0 0 16 16">
-    <path d="M12.9,0H5.6C3.2,0,1.9,0,1,0.9C0.1,1.8,0.1,3.1,0.1,5.5V16l3-1l2.4,0.8L8,15l3,1V6.1h3.6c0.1,0,0.2,0,0.2,0 c0.6-0.1,1-0.5,1.1-1.1c0,0,0-0.1,0-0.2V3C15.9,1.4,14.5,0,12.9,0z M9.8,3v11.3L8,13.7l-2.4,0.8l-2.4-0.8l-1.8,0.6V5.5 c0-2.1,0-3.2,0.5-3.7c0.5-0.5,1.6-0.5,3.7-0.5h4.9C10,1.7,9.8,2.3,9.8,3z M14.7,4.8L14.7,4.8L11,4.9V3c0-1,0.8-1.8,1.8-1.8 S14.7,2,14.7,3V4.8z"/>
+    <path d="M12,1.5H6c-2,0-3,0-3.8,0.7C1.5,3,1.5,4,1.5,6v8.7L4,13.9l2,0.7l2-0.7l2.5,0.8V6.5h2.9c0.1,0,0.1,0,0.2,0 c0.5-0.1,0.8-0.4,0.9-0.9c0,0,0-0.1,0-0.2V4C14.5,2.6,13.4,1.5,12,1.5z M9.5,4v9.3L8,12.8l-2,0.7l-2-0.7l-1.5,0.5V6 c0-1.7,0-2.6,0.4-3.1C3.4,2.5,4.3,2.5,6,2.5h4C9.7,2.9,9.5,3.4,9.5,4z M13.5,5.4L13.5,5.4l-3,0.1V4c0-0.8,0.7-1.5,1.5-1.5 s1.5,0.7,1.5,1.5V5.4z"/>
-    <path d="M3.4,3.8c0,0.3,0.3,0.6,0.6,0.6h3.2c0.3,0,0.6-0.3,0.6-0.6S7.5,3.2,7.2,3.2H4C3.6,3.2,3.4,3.5,3.4,3.8z"/>
+    <path d="M4.2,4.7c0,0.3,0.2,0.5,0.5,0.5h2.7c0.3,0,0.5-0.2,0.5-0.5S7.6,4.2,7.3,4.2H4.7C4.4,4.2,4.2,4.4,4.2,4.7z"/>
-    <path d="M4,7.7h0.8c0.3,0,0.6-0.3,0.6-0.6S5.1,6.5,4.8,6.5H4c-0.3,0-0.6,0.3-0.6,0.6S3.6,7.7,4,7.7z"/>
+    <path d="M4.7,7.8h0.7c0.3,0,0.5-0.2,0.5-0.5S5.6,6.8,5.3,6.8H4.7c-0.3,0-0.5,0.2-0.5,0.5S4.4,7.8,4.7,7.8z"/>
-    <path d="M6.4,9.7H4c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h2.4c0.3,0,0.6-0.3,0.6-0.6S6.7,9.7,6.4,9.7z"/>
+    <path d="M6.7,9.5h-2c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h2c0.3,0,0.5-0.2,0.5-0.5S6.9,9.5,6.7,9.5z"/>
  </symbol>
 </svg>
--- a/plugins/view-assets/assets/icons.svg
+++ b/plugins/view-assets/assets/icons.svg
@ -20,21 +20,19 @@
    </g>
  </symbol>
  <symbol id="delete" viewBox="0 0 16 16">
-    <path d="M14.2,2.8h-2.4c-0.3,0-0.5-0.2-0.6-0.6l-0.2-1C10.9,0.5,10.3,0,9.6,0H6.4C5.7,0,5.1,0.5,4.9,1.3l-0.2,1 C4.7,2.6,4.4,2.8,4.2,2.8H1.8c-0.3,0-0.6,0.3-0.6,0.6S1.4,4,1.8,4h0.4c0.1,1.4,0.4,7.6,0.6,9.7c0.1,1.4,1,2.3,2.3,2.3 C6,16,7,16,8,16c0.9,0,1.9,0,2.9,0c1.3,0,2.2-0.9,2.3-2.3c0.2-2,0.5-8.3,0.6-9.7h0.4c0.3,0,0.6-0.3,0.6-0.6S14.6,2.8,14.2,2.8z M6,2.5l0.2-0.9c0-0.2,0.2-0.3,0.3-0.3h3.1c0.1,0,0.3,0.1,0.3,0.3l0.2,1c0,0.1,0.1,0.2,0.1,0.3H5.8C5.9,2.7,5.9,2.6,6,2.5z M12,13.6 c-0.1,1.2-0.9,1.2-1.1,1.2c-2,0-3.9,0-5.7,0c-0.6,0-1-0.4-1.1-1.2c-0.2-2-0.5-8-0.6-9.5h9.2C12.5,5.5,12.2,11.6,12,13.6z"/>
+    <path d="M13.1,3.8h-2c-0.2,0-0.4-0.2-0.5-0.4l-0.2-0.8c-0.1-0.6-0.6-1-1.2-1H6.8c-0.6,0-1.1,0.4-1.2,1L5.4,3.3 c0,0.3-0.2,0.4-0.5,0.4h-2C2.7,3.8,2.4,4,2.4,4.3s0.2,0.5,0.5,0.5h0.3c0.1,1.1,0.3,6.2,0.5,7.9c0.1,1.1,0.8,1.8,1.9,1.9 c0.8,0,1.6,0,2.4,0c0.8,0,1.5,0,2.3,0c1.1,0,1.8-0.7,1.9-1.9c0.2-1.7,0.4-6.7,0.5-7.9h0.3c0.3,0,0.5-0.2,0.5-0.5S13.4,3.8,13.1,3.8z M6.4,3.5l0.1-0.8c0-0.1,0.1-0.2,0.3-0.2h2.5c0.1,0,0.2,0.1,0.2,0.2l0.1,0.8c0,0.1,0.1,0.2,0.1,0.3H6.3C6.3,3.7,6.3,3.6,6.4,3.5z M11.3,12.5c-0.1,0.9-0.7,1-0.9,1c-1.6,0-3.2,0-4.7,0c-0.5,0-0.8-0.3-0.9-1C4.6,10.9,4.4,6,4.3,4.8h7.5C11.7,6,11.4,10.9,11.3,12.5z"/>
  </symbol>
  <symbol id="move" viewBox="0 0 16 16">
-    <path d="M7.4,2.4v3.3C7.4,6,7.7,6.2,8,6.2c0.3,0,0.6-0.3,0.6-0.6V2.4l1.3,1.4L10.8,3L8.4,0.5L8,0L7.6,0.5L5.2,3 l0.9,0.8L7.4,2.4z"/>
+    <path d="M7.5,3.3V6c0,0.3,0.2,0.5,0.5,0.5S8.5,6.3,8.5,6V3.3l1.1,1.2l0.7-0.7l-2-2.1L8,1.3L7.6,1.7l-2,2.1l0.7,0.7L7.5,3.3z"/>
-    <path d="M15.5,7.6L13,5.2l-0.8,0.9l1.4,1.3h-3.3C10,7.4,9.8,7.7,9.8,8c0,0.3,0.3,0.6,0.6,0.6h3.3l-1.4,1.3l0.8,0.9 l2.5-2.4L16,8L15.5,7.6z"/>
+    <path d="M14.3,7.6l-2.1-2l-0.7,0.7l1.2,1.1H10C9.7,7.5,9.5,7.7,9.5,8S9.7,8.5,10,8.5h2.7l-1.2,1.1l0.7,0.7l2.1-2L14.7,8L14.3,7.6z"/>
-    <path d="M8.6,13.6v-3.3C8.6,10,8.3,9.8,8,9.8c-0.3,0-0.6,0.3-0.6,0.6v3.3l-1.3-1.4L5.2,13l2.4,2.5L8,16l0.4-0.5 l2.4-2.5l-0.9-0.8L8.6,13.6z"/>
+    <path d="M8.5,12.7V10c0-0.3-0.2-0.5-0.5-0.5S7.5,9.7,7.5,10v2.7l-1.1-1.2l-0.7,0.7l2,2.1L8,14.7l0.4-0.4l2-2.1l-0.7-0.7L8.5,12.7z"/>
-    <path d="M5.6,8.6C6,8.6,6.2,8.3,6.2,8c0-0.3-0.3-0.6-0.6-0.6H2.4l1.4-1.3L3,5.2L0.5,7.6L0,8l0.5,0.4L3,10.8l0.8-0.9 L2.4,8.6H5.6z"/>
+    <path d="M6,8.5c0.3,0,0.5-0.2,0.5-0.5S6.3,7.5,6,7.5H3.3l1.2-1.1L3.8,5.6l-2.1,2L1.3,8l0.4,0.4l2.1,2l0.7-0.7L3.3,8.5H6z"/>
  </symbol>
  <symbol id='more-h' viewBox="0 0 16 16">
    <path d="M8,6.6C7.2,6.6,6.6,7.2,6.6,8c0,0.8,0.6,1.4,1.4,1.4S9.4,8.8,9.4,8C9.4,7.2,8.8,6.6,8,6.6z" />
    <path d="M3.2,6.6C2.4,6.6,1.8,7.2,1.8,8c0,0.8,0.6,1.4,1.4,1.4S4.6,8.8,4.6,8C4.6,7.2,4,6.6,3.2,6.6z" />
    <path d="M12.8,6.6c-0.8,0-1.4,0.6-1.4,1.4c0,0.8,0.6,1.4,1.4,1.4s1.4-0.6,1.4-1.4C14.2,7.2,13.6,6.6,12.8,6.6z" />
  </symbol>
  <symbol id="archive" viewBox="0 0 16 16" >
    <path d="M14.5,4.3c-0.2-1.1-1-1.9-2.1-2.1c-0.2,0-0.4,0-0.8,0H4.4c-0.4,0-0.6,0-0.8,0c-1.1,0.2-1.9,1-2.1,2.1 c0,0.2,0,0.4,0,0.8l0,0.2c0,0.3,0.3,0.5,0.6,0.6l0.7,0v3.5c0,2,0,3,0.7,3.8c0.7,0.7,1.8,0.7,3.8,0.7h1.3c2,0,3,0,3.8-0.7 s0.7-1.8,0.7-3.8V5.8h0.6l0.2,0c0.3,0,0.5-0.3,0.6-0.6l0-0.2C14.5,4.7,14.5,4.5,14.5,4.3z M12.2,9.3c0,1.7,0,2.6-0.4,3.1 s-1.3,0.4-3.1,0.4H7.3c-1.7,0-2.6,0-3.1-0.4C3.8,12,3.8,11.1,3.8,9.3V5.8h8.3V9.3z M3.3,4.8l-0.8,0c0-0.2,0-0.3,0-0.4 c0.1-0.6,0.6-1.1,1.2-1.2c0.1,0,0.3,0,0.7,0h7.2c0.4,0,0.5,0,0.7,0c0.6,0.1,1.1,0.6,1.2,1.2c0,0.1,0,0.2,0,0.4H3.3z"/>
    <path d="M6.7,11.2h2.7c0.3,0,0.5-0.2,0.5-0.5s-0.2-0.5-0.5-0.5H6.7c-0.3,0-0.5,0.2-0.5,0.5S6.4,11.2,6.7,11.2z"/>
--- a/plugins/workbench-resources/src/components/AppItem.svelte
+++ b/plugins/workbench-resources/src/components/AppItem.svelte
@ -27,7 +27,7 @@
 <Tooltip {label}>
  <button class="app" class:selected={selected} on:click|stopPropagation={action}>
-    <div class="icon-container" class:noty={notify}>
+    <div class="flex-center icon-container" class:noty={notify}>
      <Icon icon={icon} size={'large'}/>
    </div>
    {#if notify}<div class="marker"/>{/if}
@ -47,9 +47,6 @@
    outline: none;
    .icon-container {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3.25rem;
      height: 3.25rem;
      color: var(--theme-content-trans-color);
--- a/plugins/workbench-resources/src/components/Navigator.svelte
+++ b/plugins/workbench-resources/src/components/Navigator.svelte
@ -17,7 +17,7 @@
  import core from '@anticrm/core'
  import type { Space } from '@anticrm/core'
  import type { NavigatorModel, SpecialNavModel } from '@anticrm/workbench'
-  import { getCurrentLocation, navigate } from '@anticrm/ui'
+  import { getCurrentLocation, navigate, CircleButton } from '@anticrm/ui'
  import { createQuery } from '@anticrm/presentation'
  import view from '@anticrm/view'
@ -27,6 +27,8 @@
  import TreeSeparator from './navigator/TreeSeparator.svelte'
  import SpecialElement from './navigator/SpecialElement.svelte'
  import Mention from './icons/Mention.svelte'
  export let model: NavigatorModel | undefined
  const query = createQuery()
--- a/plugins/workbench-resources/src/components/icons/Close.svelte
+++ b/plugins/workbench-resources/src/components/icons/Close.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d="M12.8,12l7.6-7.6c0.2-0.2,0.2-0.6,0-0.8s-0.6-0.2-0.8,0L12,11.2L4.4,3.6c-0.2-0.2-0.6-0.2-0.8,0s-0.2,0.6,0,0.8 l7.6,7.6l-7.6,7.6c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2l7.6-7.6l7.6,7.6c0.1,0.1,0.3,0.2,0.4,0.2 s0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.8L12.8,12z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Collapsed.svelte
+++ b/plugins/workbench-resources/src/components/icons/Collapsed.svelte
@ -4,5 +4,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <polygon points="6.5,14.5 5.5,13.5 10.9,8 5.5,2.5 6.5,1.5 13.1,8 "/>
+  <polygon points="6.4,14.4 5.6,13.6 11.3,8 5.6,2.4 6.4,1.6 12.7,8 "/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Delete.svelte
+++ b/plugins/workbench-resources/src/components/icons/Delete.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M14.3,2.8h-2.4c-0.3,0-0.6-0.3-0.7-0.6l-0.2-1C10.8,0.5,10.3,0,9.6,0H6.4C5.7,0,5.2,0.5,5,1.2l-0.2,1 C4.7,2.6,4.4,2.8,4.1,2.8H1.7c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h0.5c0.1,1.2,0.4,7.7,0.6,9.9C3,15.1,3.8,15.9,5,16 c1,0,2,0,3,0c0.9,0,1.9,0,2.9,0c1.3,0,2.1-0.9,2.3-2.2c0.2-2.1,0.6-8.7,0.6-9.9h0.5c0.3,0,0.5-0.2,0.5-0.5S14.6,2.8,14.3,2.8z M5.8,2.4l0.2-1c0.1-0.2,0.2-0.4,0.4-0.4h3.2c0.2,0,0.4,0.2,0.4,0.3l0.2,1c0,0.2,0.1,0.3,0.2,0.4H5.7C5.7,2.7,5.8,2.5,5.8,2.4z M12.1,13.6c-0.1,0.8-0.5,1.3-1.2,1.3c-2,0-4,0-5.8,0c-0.9,0-1.1-0.7-1.2-1.3c-0.2-2.1-0.6-8.5-0.6-9.8h9.5 C12.7,5.2,12.3,11.6,12.1,13.6z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Down.svelte
+++ b/plugins/workbench-resources/src/components/icons/Down.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M7.8,10.8L11.7,7H4L7.8,10.8z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Expanded.svelte
+++ b/plugins/workbench-resources/src/components/icons/Expanded.svelte
@ -4,5 +4,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <polygon points="8,12.1 1.5,5.5 2.5,4.5 8,9.9 13.5,4.5 14.5,5.5 "/>
+  <polygon points="8,11.7 1.6,5.4 2.4,4.6 8,10.3 13.6,4.6 14.4,5.4 "/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/FullRight.svelte
+++ b/plugins/workbench-resources/src/components/icons/FullRight.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M9.4,2.6c-0.2-0.2-0.5-0.2-0.7,0c-0.2,0.2-0.2,0.5,0,0.7l4.1,4.1H2.3C2,7.5,1.8,7.7,1.8,8 c0,0.3,0.2,0.5,0.5,0.5h10.5l-4.1,4.1c-0.2,0.2-0.2,0.5,0,0.7c0.2,0.2,0.5,0.2,0.7,0l5-5c0.2-0.2,0.2-0.5,0-0.7L9.4,2.6z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Home.svelte
+++ b/plugins/workbench-resources/src/components/icons/Home.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <path d="M24.5,26.6h-17c-0.9,0-1.6-0.7-1.6-1.6V14.7c0-0.5,0.2-0.9,0.6-1.3l8.8-6.9c0.6-0.5,1.4-0.5,2,0l8.2,6.9 c0.4,0.3,0.6,0.8,0.6,1.2V25C26.1,25.9,25.4,26.6,24.5,26.6z M16.3,7.4c-0.1,0-0.2,0-0.2,0.1l-8.8,6.9c-0.1,0.1-0.2,0.2-0.2,0.3V25 c0,0.2,0.2,0.4,0.4,0.4h17c0.2,0,0.4-0.2,0.4-0.4V14.7c0-0.1-0.1-0.2-0.1-0.3l-8.2-6.9C16.4,7.4,16.3,7.4,16.3,7.4z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Lock.svelte
+++ b/plugins/workbench-resources/src/components/icons/Lock.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M13,6.9h-1.1V4.8c0-2.2-1.8-3.9-3.9-3.9c-2.2,0-3.9,1.8-3.9,3.9v2.1H3c-0.9,0-1.6,0.7-1.6,1.6v5.3 c0,0.9,0.7,1.6,1.6,1.6h10c0.9,0,1.6-0.7,1.6-1.6V8.5C14.6,7.6,13.9,6.9,13,6.9z M5.3,4.8c0-1.5,1.2-2.7,2.7-2.7s2.7,1.2,2.7,2.7 v2.1H5.3V4.8z M13.4,13.8c0,0.2-0.2,0.4-0.4,0.4H3c-0.2,0-0.4-0.2-0.4-0.4V8.5c0-0.2,0.2-0.4,0.4-0.4h10c0.2,0,0.4,0.2,0.4,0.4V13.8 z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Mention.svelte
+++ b/plugins/workbench-resources/src/components/icons/Mention.svelte
@ -4,5 +4,5 @@
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15,7.2c0,0.8-0.1,1.5-0.4,2.2c-0.3,0.7-0.6,1.2-1.1,1.6c-0.5,0.4-1,0.6-1.6,0.6c-0.5,0-0.9-0.1-1.2-0.4 c-0.3-0.3-0.5-0.6-0.6-1.1H9.9c-0.2,0.5-0.6,0.8-1,1.1c-0.4,0.3-0.9,0.4-1.5,0.4c-0.9,0-1.6-0.3-2.1-0.9c-0.5-0.6-0.8-1.4-0.8-2.4 c0-0.8,0.2-1.4,0.5-2c0.3-0.6,0.8-1.1,1.3-1.4c0.6-0.3,1.2-0.5,2-0.5c0.4,0,0.9,0,1.4,0.1c0.5,0.1,1,0.2,1.4,0.3l-0.2,4V9 c0,1,0.4,1.5,1.1,1.5c0.5,0,0.9-0.3,1.3-0.9c0.3-0.6,0.5-1.4,0.5-2.4c0-1-0.2-1.9-0.6-2.7c-0.4-0.8-1-1.4-1.8-1.8 c-0.8-0.4-1.7-0.6-2.7-0.6c-1.3,0-2.4,0.3-3.4,0.8C4.3,3.4,3.6,4.2,3,5.2c-0.5,1-0.8,2.1-0.8,3.4c0,1.7,0.5,3,1.4,4 c0.9,0.9,2.3,1.4,4,1.4c1.2,0,2.5-0.2,3.8-0.7v1.2C10.4,14.8,9.1,15,7.7,15c-2.1,0-3.8-0.6-4.9-1.7C1.6,12.2,1,10.6,1,8.6 c0-1.5,0.3-2.8,0.9-3.9C2.6,3.5,3.5,2.6,4.6,2c1.2-0.6,2.5-1,4-1c1.3,0,2.4,0.3,3.3,0.8c1,0.5,1.7,1.2,2.3,2.2C14.7,4.9,15,6,15,7.2 z M6,8.3c0,1.4,0.6,2.1,1.7,2.1c1.2,0,1.8-0.9,1.9-2.6l0.1-2.2C9.3,5.5,8.8,5.5,8.4,5.5C7.6,5.5,7,5.7,6.6,6.2C6.2,6.7,6,7.4,6,8.3z"/>
+  <path d="M14.5,8c0-1.4-0.4-2.7-1.2-3.8c-0.8-1.1-1.9-1.9-3.2-2.4c-1.3-0.4-2.7-0.5-4-0.1C4.8,2.2,3.7,3,2.8,4C2,5.1,1.5,6.4,1.5,7.8 c0,1.4,0.3,2.7,1.1,3.8c0.8,1.1,1.8,2,3.1,2.5c0.7,0.3,1.5,0.4,2.3,0.4c0.6,0,1.1-0.1,1.7-0.2c0.3-0.1,0.4-0.3,0.4-0.6 c-0.1-0.3-0.3-0.4-0.6-0.4c-1.1,0.3-2.3,0.2-3.4-0.2c-1.1-0.4-2-1.1-2.6-2.1c-0.6-1-1-2.1-0.9-3.2c0-1.2,0.4-2.3,1.1-3.2 c0.7-0.9,1.7-1.6,2.8-1.9c1.1-0.3,2.3-0.3,3.4,0.1c1.1,0.4,2,1.1,2.7,2c0.7,0.9,1,2,1,3.2c0,0,0,0,0,0v1c0,0.6-0.5,1.2-1.2,1.2 c-0.6,0-1.2-0.5-1.2-1.2V8c0,0,0,0,0,0s0,0,0,0V6c0-0.3-0.2-0.5-0.5-0.5c-0.2,0-0.3,0.1-0.4,0.3C9.7,5.2,8.9,4.8,8,4.8 C6.3,4.8,4.8,6.3,4.8,8s1.4,3.2,3.2,3.2c1,0,1.8-0.5,2.4-1.2c0.4,0.7,1.1,1.2,1.9,1.2c1.2,0,2.2-1,2.2-2.2L14.5,8 C14.5,8,14.5,8,14.5,8z M8,10.2c-1.2,0-2.2-1-2.2-2.2c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2v0C10.2,9.2,9.2,10.2,8,10.2z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Search.svelte
+++ b/plugins/workbench-resources/src/components/icons/Search.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <path d="M25.4,24.6l-4.8-4.8c1.2-1.4,2-3.3,2-5.3c0-4.5-3.6-8.1-8.1-8.1c-4.5,0-8.1,3.6-8.1,8.1c0,4.5,3.6,8.1,8.1,8.1 c2,0,3.9-0.7,5.3-2l4.8,4.8c0.1,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2C25.7,25.2,25.7,24.8,25.4,24.6z M7.6,14.5 c0-3.8,3.1-6.9,6.9-6.9s6.9,3.1,6.9,6.9c0,1.9-0.8,3.6-2,4.9c0,0,0,0,0,0s0,0,0,0c-1.2,1.2-3,2-4.9,2C10.7,21.4,7.6,18.3,7.6,14.5z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Star.svelte
+++ b/plugins/workbench-resources/src/components/icons/Star.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'currentColor'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M4.8,14.5c-0.3,0-0.5-0.1-0.7-0.2c-0.4-0.3-0.6-0.8-0.6-1.3L4,10.1c0-0.1,0-0.2-0.1-0.3l-2-2C1.5,7.4,1.4,6.8,1.6,6.3 c0.2-0.5,0.6-0.8,1.1-0.9L5.4,5c0.1,0,0.2-0.1,0.2-0.2l1.2-2.6C7,1.8,7.5,1.5,8,1.5s1,0.3,1.2,0.8l0,0l1.2,2.6 c0,0.1,0.1,0.2,0.2,0.2l2.7,0.4c0.5,0.1,0.9,0.4,1.1,0.9c0.2,0.5,0,1-0.3,1.4l-2,2C12.1,9.8,12,10,12,10.1l0.5,2.8 c0.1,0.5-0.1,1-0.6,1.3c-0.4,0.3-0.9,0.3-1.4,0.1L8.1,13c-0.1,0-0.2,0-0.3,0l-2.4,1.3C5.2,14.4,5,14.5,4.8,14.5z M8,2.5 c-0.1,0-0.2,0-0.3,0.2L6.5,5.3C6.3,5.7,5.9,6,5.5,6L2.8,6.4c-0.2,0-0.2,0.2-0.3,0.2c0,0.1-0.1,0.2,0.1,0.4l2,2 C4.9,9.4,5,9.8,4.9,10.2l-0.5,2.8c0,0.2,0.1,0.3,0.1,0.4c0.1,0,0.2,0.1,0.3,0l2.4-1.3c0.4-0.2,0.9-0.2,1.2,0l2.4,1.3 c0.1,0.1,0.3,0,0.3,0c0,0,0.2-0.1,0.1-0.4l-0.5-2.8c-0.1-0.4,0.1-0.9,0.4-1.2l2-2c0.1-0.2,0.1-0.3,0.1-0.4c0-0.1-0.1-0.2-0.3-0.2 L10.5,6c-0.4-0.1-0.8-0.3-1-0.7L8.3,2.7C8.2,2.5,8.1,2.5,8,2.5z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Thread.svelte
+++ b/plugins/workbench-resources/src/components/icons/Thread.svelte
@ -1,11 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M13.1,2.9C11.8,1.5,9.9,0.7,8,0.7c-1.9,0-3.8,0.8-5.1,2.1C0.7,5,0.1,8.3,1.4,11c0.1,0.3,0.2,0.5,0.2,0.7 c0,0.2-0.1,0.5-0.2,0.8c-0.2,0.6-0.5,1.4,0.1,1.9c0.6,0.6,1.4,0.3,1.9,0.1c0.3-0.1,0.6-0.2,0.8-0.2c0.2,0,0.4,0.1,0.7,0.2 c1,0.4,2,0.7,3,0.7c1.9,0,3.8-0.7,5.2-2.1h0C16,10.3,16,5.7,13.1,2.9z M12.3,12.3c-1.8,1.8-4.5,2.3-6.9,1.2 c-0.4-0.2-0.8-0.3-1.2-0.3c-0.4,0-0.8,0.1-1.2,0.3c-0.2,0.1-0.6,0.2-0.7,0.2c0-0.1,0.1-0.5,0.2-0.7c0.1-0.4,0.3-0.8,0.3-1.2 c0-0.4-0.2-0.8-0.3-1.2C1.4,8.3,1.9,5.5,3.7,3.7C4.9,2.6,6.4,1.9,8,1.9s3.1,0.6,4.3,1.8C14.7,6.1,14.7,9.9,12.3,12.3L12.3,12.3z"/>
  <path d="M10.6,7.5L10.6,7.5c-0.4,0-0.8,0.3-0.8,0.8S10.2,9,10.6,9s0.8-0.3,0.8-0.8S11,7.5,10.6,7.5z"/>
  <path d="M8,7.5L8,7.5c-0.4,0-0.8,0.3-0.8,0.8S7.5,9,8,9s0.8-0.3,0.8-0.8S8.4,7.5,8,7.5z"/>
  <path d="M5.3,7.5L5.3,7.5c-0.4,0-0.8,0.3-0.8,0.8S4.9,9,5.3,9S6,8.7,6,8.3S5.7,7.5,5.3,7.5z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/Up.svelte
+++ b/plugins/workbench-resources/src/components/icons/Up.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M7.8,6.2L4,10h7.7L7.8,6.2z"/>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/VCard.svelte
+++ b/plugins/workbench-resources/src/components/icons/VCard.svelte
@ -1,18 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect width="2.9" height="2.9" />
    <rect x="6.6" width="2.9" height="2.9" />
    <rect x="13.1" width="2.9" height="2.9" />
    <rect y="6.6" width="2.9" height="2.9" />
    <rect x="6.6" y="6.6" width="2.9" height="2.9" />
    <rect x="13.1" y="6.6" width="2.9" height="2.9" />
    <rect y="13.1" width="2.9" height="2.9" />
    <rect x="6.6" y="13.1" width="2.9" height="2.9" />
    <rect x="13.1" y="13.1" width="2.9" height="2.9" />
  </g>
 </svg>
--- a/plugins/workbench-resources/src/components/icons/VKanban.svelte
+++ b/plugins/workbench-resources/src/components/icons/VKanban.svelte
@ -1,8 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M14,0h-2.8H9.6H6.4H4.8H2C0.9,0,0,0.9,0,2v12c0,1.1,0.9,2,2,2h2.8h1.6h3.2h1.6H14c1.1,0,2-0.9,2-2V2C16,0.9,15.1,0,14,0z M2,14.8c-0.4,0-0.8-0.4-0.8-0.8V2c0-0.4,0.4-0.8,0.8-0.8h2.8v13.6H2z M6.4,14.8V1.2h3.2v13.6H6.4z M14.8,14c0,0.4-0.4,0.8-0.8,0.8 h-2.8V1.2H14c0.4,0,0.8,0.4,0.8,0.8V14z" />
 </svg>
--- a/plugins/workbench-resources/src/components/icons/VList.svelte
+++ b/plugins/workbench-resources/src/components/icons/VList.svelte
@ -1,12 +0,0 @@
 <script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--theme-caption-color)'
 </script>
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect width="16" height="1.7" />
    <rect y="7.2" width="16" height="1.7" />
    <rect y="14.3" width="16" height="1.7" />
  </g>
 </svg>