@nanoporetech-digital/components 7.9.2 → 8.0.0-alpha.1

package/dist/collection/components/icon/icon.js

@@ -1,14 +1,16 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
 import { Build, Host, } from "@stencil/core";
 import { h } from "../../utils/renderer";
-import { createColorClasses } from "../../utils/theme";
 import { getSvgContent, iconContent } from "./request";
 import { getName, getUrl } from "./utils";
 /**
- * An SVG loader / helper. Comes bundled with all fontawesome pro icons by default but can use any custom SVG (with an correct path).
- * Lazily loads SVG for each icon, so will only request the icons that you're using and that are visible.
+ * An SVG loader / helper. Comes bundled with font-awesome pro icons & ONT pictogram and device icons.
+ * Lazily loads SVG as icons become visible.
+ *
+ * @status stable
+ * @version 1.0.0
  */
 export class Icon {
     io;
@@ -17,20 +19,44 @@ export class Icon {
     isVisible = false;
     isLoading = true;
     /**
-     * Color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+     * Specifies the color of the icon. If not specified, the icon will inherit the color of the parent element.
      */
     color;
     /**
      * Specifies the role to use for accessibility. Defaults to 'presentation' (invisible to screen-readers)
      */
     role;
+    setAriaLabel() {
+        if (!this.ariaLabel && !this.el.ariaLabel) {
+            if (!this.role || this.role !== 'presentation') {
+                // if the role is not 'presentation' and the user did not explicitly set a role,
+                // let's try and derive one from the icon name
+                const label = getName(this.name, this.icon);
+                // user did not provide a label
+                // come up with the label based on the icon name
+                if (label) {
+                    this.ariaLabel = label.split('/').slice(-1)[0].replace(/-/g, ' ');
+                }
+            }
+        }
+        else if (this.role === 'presentation') {
+            this.ariaLabel = undefined;
+        }
+    }
     /**
      * Specifies the label to use for accessibility. Defaults to the icon name.
      */
     ariaLabel;
+    updateRole() {
+        // force the role to be 'img' if the aria-label is explicitly set
+        if (this.ariaLabel)
+            this.role = 'img';
+        else if (!this.ariaLabel)
+            this.role = 'presentation';
+    }
     /**
      * Specifies whether the icon should horizontally flip when `dir` is `"rtl"`.
+     * By default, when an 'arrow' or 'chevron' icon is used, it will flip automatically when detecting `dir="rtl"` on the document or closest ancestor.
      */
     flipRtl;
     /**
@@ -48,58 +74,48 @@ export class Icon {
      */
     icon;
     /**
-     * The size of the icon.
-     * Available options are: `"small"` and `"large"`.
+     * The size of the icon. `auto` automatically sizes according to the font-size of the parent element.
+     * *Note*: size will be different on 'pictogram' and 'device' vs 'font awesome' icons.
      */
-    size;
+    size = 'auto';
     /**
      * If enabled, nano-icon will be loaded lazily when it's visible in the viewport.
      * Default, `true`.
      */
     lazy = true;
-    udpateRole() {
-        // force the role to be 'img' if the aria-label is explicitly set
-        if (this.ariaLabel)
-            this.role = 'img';
-        else if (!this.ariaLabel)
-            this.role = 'presentation';
-    }
-    setAriaLabel() {
-        if (!this.ariaLabel && !this.el.ariaLabel) {
-            if (!this.role || this.role !== 'presentation') {
-                // if the role is not 'presentation' and the user did not explicitly set a role,
-                // let's try and derive one from the icon name
-                const label = getName(this.name, this.icon);
-                // user did not provide a label
-                // come up with the label based on the icon name
-                if (label) {
-                    this.ariaLabel = label.split('/').slice(-1)[0].replace(/-/g, ' ');
+    loadIcon() {
+        if (Build.isBrowser && this.isVisible) {
+            const url = getUrl(this);
+            if (url) {
+                if (iconContent.has(url)) {
+                    // sync if it's already loaded
+                    this.svgContent = iconContent.get(url);
+                    requestAnimationFrame(() => {
+                        this.isLoading = false;
+                        this.nanoLoad.emit();
+                    });
+                }
+                else {
+                    // async if it hasn't been loaded
+                    getSvgContent(url).then(() => {
+                        this.svgContent = iconContent.get(url);
+                        requestAnimationFrame(() => {
+                            this.isLoading = false;
+                            this.nanoLoad.emit();
+                        });
+                        this.setAriaLabel();
+                    }, () => {
+                        // error loading icon
+                        this.nanoError.emit();
+                    });
                 }
             }
         }
-        else if (this.role === 'presentation') {
-            this.ariaLabel = undefined;
-        }
-    }
-    connectedCallback() {
-        // purposely do not return the promise here because loading
-        // the svg file should not hold up loading the app
-        // only load the svg if it's visible
-        this.waitUntilVisible(this.el, '50px', () => {
-            this.isVisible = true;
-            this.loadIcon();
-        });
-    }
-    disconnectedCallback() {
-        if (this.io) {
-            this.io.disconnect();
-            this.io = undefined;
-        }
-    }
-    componentWillLoad() {
-        this.udpateRole();
-        this.setAriaLabel();
     }
+    /** Emitted when the icon has finished loading. */
+    nanoLoad;
+    /** Emitted when the icon fails to load. */
+    nanoError;
     waitUntilVisible(el, rootMargin, cb) {
         if (Build.isBrowser &&
             this.lazy &&
@@ -122,26 +138,6 @@ export class Icon {
             cb();
         }
     }
-    loadIcon() {
-        if (Build.isBrowser && this.isVisible) {
-            const url = getUrl(this);
-            if (url) {
-                if (iconContent.has(url)) {
-                    // sync if it's already loaded
-                    this.svgContent = iconContent.get(url);
-                    requestAnimationFrame(() => (this.isLoading = false));
-                }
-                else {
-                    // async if it hasn't been loaded
-                    getSvgContent(url).then(() => {
-                        this.svgContent = iconContent.get(url);
-                        requestAnimationFrame(() => (this.isLoading = false));
-                        this.setAriaLabel();
-                    });
-                }
-            }
-        }
-    }
     isRtl() {
         // doc is in rtl
         if (this.el.ownerDocument?.dir === 'rtl')
@@ -156,17 +152,34 @@ export class Icon {
             return true;
         return false;
     }
+    connectedCallback() {
+        // purposely do not return the promise here because loading
+        // the svg file should not hold up loading the app
+        // only load the svg if it's visible
+        this.waitUntilVisible(this.el, '50px', () => {
+            this.isVisible = true;
+            this.loadIcon();
+        });
+    }
+    disconnectedCallback() {
+        if (this.io) {
+            this.io.disconnect();
+            this.io = undefined;
+        }
+    }
+    componentWillLoad() {
+        this.updateRole();
+        this.setAriaLabel();
+    }
     render() {
         const flipRtl = this.flipRtl ||
             (this.name &&
+                this.name.match(/right|left/) &&
                 (this.name.indexOf('arrow') > -1 ||
                     this.name.indexOf('chevron') > -1) &&
-                this.isRtl() &&
-                this.flipRtl !== false);
-        return (h(Host, { key: 'bcb65502c19151978a0035c5493e1cfe37019c4a', class: {
-                ...createColorClasses(this.color),
+                this.isRtl());
+        return (h(Host, { key: '754a53ed280fd9bcb1dcbec89eba4180f491d1b8', class: {
                 loading: this.isLoading,
-                [`icon-${this.size}`]: !!this.size,
                 'flip-rtl': !!flipRtl,
                 'nano-icon': true,
             } }, Build.isBrowser && this.svgContent ? (h("div", { class: "icon-inner", innerHTML: this.svgContent })) : (h("div", { class: "icon-inner" }))));
@@ -183,35 +196,31 @@ export class Icon {
             "$": ["icon.css"]
         };
     }
+    static get assetsDirs() { return ["device", "pictogram"]; }
     static get properties() {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
-                    "original": "Color",
-                    "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
-                    "references": {
-                        "Color": {
-                            "location": "import",
-                            "path": "../../types/shared",
-                            "id": "src/types/shared.ts::Color"
-                        }
-                    }
+                    "original": "'primary' | 'neutral'",
+                    "resolved": "\"neutral\" | \"primary\"",
+                    "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`."
+                    "text": "Specifies the color of the icon. If not specified, the icon will inherit the color of the parent element."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false
             },
             "role": {
                 "type": "string",
+                "attribute": "role",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -226,11 +235,11 @@ export class Icon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "role",
                 "reflect": true
             },
             "ariaLabel": {
                 "type": "string",
+                "attribute": "aria-label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -245,11 +254,11 @@ export class Icon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "aria-label",
                 "reflect": true
             },
             "flipRtl": {
                 "type": "boolean",
+                "attribute": "flip-rtl",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -260,15 +269,15 @@ export class Icon {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`."
+                    "text": "Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`.\nBy default, when an 'arrow' or 'chevron' icon is used, it will flip automatically when detecting `dir=\"rtl\"` on the document or closest ancestor."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "flip-rtl",
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -283,11 +292,11 @@ export class Icon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
-                "reflect": false
+                "reflect": true
             },
             "src": {
                 "type": "string",
+                "attribute": "src",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -302,11 +311,11 @@ export class Icon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "src",
                 "reflect": false
             },
             "icon": {
                 "type": "any",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -321,30 +330,31 @@ export class Icon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
-                    "original": "'small' | 'large'",
-                    "resolved": "\"large\" | \"small\"",
+                    "original": "| 'small'\n    | 'regular'\n    | 'large'\n    | 'xl'\n    | 'auto'",
+                    "resolved": "\"auto\" | \"large\" | \"regular\" | \"small\" | \"xl\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "The size of the icon.\nAvailable options are: `\"small\"` and `\"large\"`."
+                    "text": "The size of the icon. `auto` automatically sizes according to the font-size of the parent element.\n*Note*: size will be different on 'pictogram' and 'device' vs 'font awesome' icons."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
-                "reflect": false
+                "reflect": true,
+                "defaultValue": "'auto'"
             },
             "lazy": {
                 "type": "boolean",
+                "attribute": "lazy",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -359,7 +369,6 @@ export class Icon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "lazy",
                 "reflect": false,
                 "defaultValue": "true"
             }
@@ -372,14 +381,47 @@ export class Icon {
             "isLoading": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "nanoLoad",
+                "name": "nanoLoad",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the icon has finished loading."
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "nanoError",
+                "name": "nanoError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the icon fails to load."
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "ariaLabel",
-                "methodName": "udpateRole"
-            }, {
                 "propName": "role",
                 "methodName": "setAriaLabel"
+            }, {
+                "propName": "ariaLabel",
+                "methodName": "updateRole"
             }, {
                 "propName": "name",
                 "methodName": "loadIcon"
@@ -392,4 +434,3 @@ export class Icon {
             }];
     }
 }
-//# sourceMappingURL=icon.js.map

package/dist/collection/components/icon/pictogram/analyse.svg

@@ -0,0 +1,10 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9427)">
+<path d="M53.7925 31.2883C53.623 25.9675 51.5554 20.9759 47.9129 17.0936L55.1307 9.87578L54.6275 9.37256C48.5834 3.32856 40.5475 0 32 0H31.2883V10.2075C25.7308 10.3845 20.5316 12.6311 16.5814 16.5814C12.6311 20.5316 10.3845 25.7308 10.2075 31.2883H0V32C0 40.5475 3.32856 48.5834 9.37256 54.6275L9.87578 55.1307L17.0936 47.9129C20.9759 51.5554 25.9675 53.623 31.2883 53.7925V64H32C40.5476 64 48.5834 60.6714 54.6274 54.6274C60.6714 48.5834 64 40.5476 64 32V31.2883H53.7925ZM17.0936 45.8999C13.8436 42.4168 11.7968 37.7981 11.6214 32.7117H20.5093C20.6711 35.3513 21.7261 37.753 23.3754 39.6181L17.0936 45.8999ZM21.9801 32C21.9801 26.475 26.475 21.9801 32 21.9801C37.525 21.9801 42.0198 26.475 42.0198 32C42.0198 37.525 37.525 42.0198 32 42.0198C26.475 42.0198 21.9801 37.525 21.9801 32ZM39.6181 23.3754C37.753 21.7261 35.3513 20.6711 32.7117 20.5093V11.6214C37.7981 11.7968 42.4168 13.8436 45.8999 17.0936L39.6181 23.3754ZM32.7117 43.4906C38.4944 43.1362 43.1362 38.4944 43.4906 32.7117H52.3787C52.0104 43.3913 43.3913 52.0104 32.7117 52.3787V43.4906ZM52.3787 31.2883H43.4906C43.3288 28.6487 42.2739 26.247 40.6245 24.3819L46.9064 18.1001C50.1564 21.5832 52.2033 26.2019 52.3787 31.2883ZM53.112 9.88149L46.9064 16.0871C43.0241 12.4446 38.0326 10.377 32.7117 10.2075V1.43136C40.3755 1.60531 47.5699 4.58534 53.112 9.88149ZM31.2883 11.6214V20.5093C25.5056 20.8638 20.8638 25.5056 20.5093 31.2883H11.6214C11.9897 20.6087 20.6087 11.9897 31.2883 11.6214ZM1.43136 32.7117H10.2075C10.377 38.0326 12.4446 43.0241 16.0871 46.9064L9.88149 53.112C4.58534 47.5699 1.60531 40.3755 1.43136 32.7117ZM18.1001 46.9064L24.3819 40.6245C26.247 42.2739 28.6487 43.3288 31.2883 43.4906V52.3787C26.2019 52.2033 21.5832 50.1564 18.1001 46.9064ZM53.621 53.621C48.0139 59.2281 40.6124 62.3893 32.7117 62.5686V53.7925C38.2693 53.6154 43.4684 51.3689 47.4186 47.4186C51.3689 43.4684 53.6154 38.2693 53.7925 32.7117H62.5686C62.3893 40.6124 59.2281 48.0139 53.621 53.621Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9427">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/animal-research.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M56.0114 17.4348C50.8178 17.4348 46.2518 20.9384 44.9076 25.955L39.4634 46.2731H24.5366L19.0924 25.955C17.7482 20.9384 13.1821 17.4348 7.9886 17.4348H0L0.885379 20.7391C2.22958 25.7557 6.79562 29.2593 11.9891 29.2593H15.6355V28.0533H11.9891C7.3405 28.0533 3.25351 24.9172 2.05035 20.427L1.57172 18.6408H7.9886C12.6373 18.6408 16.7242 21.7769 17.9274 26.2671L23.4267 46.7909L20.4388 51.9661C19.7085 53.2311 19.7085 54.7416 20.4388 56.0066C21.1692 57.2716 22.4772 58.0268 23.9379 58.0268H40.0555C41.5162 58.0268 42.8243 57.2716 43.5546 56.0066C44.2849 54.7416 44.2849 53.2311 43.5546 51.9661L40.5712 46.7988L46.0726 26.2671C47.2757 21.7769 51.3627 18.6408 56.0114 18.6408H62.4282L61.9496 20.427C60.7465 24.9172 56.6595 28.0533 52.0109 28.0533H48.3644V29.2593H52.0109C57.2044 29.2593 61.7704 25.7557 63.1146 20.7391L64 17.4348H56.0114ZM39.1403 47.4791L36.6372 56.8207H27.3628L24.8597 47.4791H39.1403ZM21.4833 55.4036C20.9709 54.5161 20.9709 53.4566 21.4833 52.5691L23.8682 48.4384L26.1142 56.8207H23.9379C22.9133 56.8207 21.9956 56.2909 21.4833 55.4036ZM42.5101 52.5691C43.0225 53.4566 43.0225 54.5161 42.5101 55.4036C41.9978 56.2909 41.0802 56.8207 40.0555 56.8207H37.8858L40.1298 48.4461L42.5101 52.5691Z"/>
+<path d="M18.6849 20.3014C18.8441 20.34 19.012 20.312 19.1502 20.2242C22.9977 17.7788 27.4411 16.4863 32 16.4863C36.5589 16.4863 41.0023 17.7788 44.8499 20.2242C44.9474 20.2862 45.0598 20.3183 45.1734 20.3183C45.2207 20.3183 45.2684 20.3127 45.3151 20.3014C45.4743 20.2629 45.6109 20.1614 45.6937 20.0201C48.1566 15.8164 49.4585 11.0191 49.4585 6.1469V5.97339H48.2524V6.1469C48.2524 10.5989 47.1153 14.9857 44.9589 18.8739C41.044 16.5209 36.5774 15.2802 32 15.2802C27.4226 15.2802 22.956 16.5209 19.041 18.8739C16.8846 14.9857 15.7475 10.5989 15.7475 6.1469V5.97339H14.5415V6.1469C14.5415 11.0191 15.8434 15.8164 18.3064 20.0201C18.3892 20.1614 18.5258 20.2629 18.6849 20.3014Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/assembly.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M38.5463 48.4825C38.5463 48.4777 38.5457 48.4731 38.5456 48.4683V41.23C38.5457 41.2252 38.5463 41.2206 38.5463 41.2158C38.5463 41.211 38.5457 41.2064 38.5456 41.2016V37.7744C38.5456 35.5269 37.412 33.4633 35.5141 32.2548C35.3904 32.1758 35.372 32.0604 35.3721 31.9987C35.3722 31.9377 35.3905 31.8236 35.5135 31.7456C37.412 30.5367 38.5456 28.4731 38.5456 26.2256V6.54592C38.5456 2.93648 35.6091 0 31.9997 0C28.3902 0 25.4537 2.93648 25.4537 6.54592V26.2256C25.4537 28.4714 26.5871 30.5349 28.4852 31.7451C28.609 31.8241 28.6273 31.9395 28.6272 32.0012C28.6272 32.0623 28.6088 32.1764 28.4855 32.2546C26.5871 33.4651 25.4537 35.5286 25.4537 37.7744V57.454C25.4537 61.0635 28.3902 64 31.9997 64C35.6091 64 38.5456 61.0635 38.5456 57.454V55.76C38.5457 55.7553 38.5463 55.7506 38.5463 55.7459C38.5463 55.7411 38.5457 55.7364 38.5456 55.7317V48.4967C38.5457 48.4919 38.5463 48.4873 38.5463 48.4825ZM26.9196 41.9487H37.0797V47.7496H26.9196V41.9487ZM26.9196 49.2154H37.0797V55.0129H26.9196V49.2154ZM29.2723 33.4914C29.7855 33.1656 30.0923 32.6093 30.0931 32.0031C30.0938 31.3958 29.7876 30.8375 29.2736 30.5094C27.7996 29.5695 26.9196 27.9681 26.9196 26.2256V18.8384H37.0797V26.2256C37.0797 27.9694 36.1999 29.5707 34.7271 30.5085C34.2139 30.8343 33.907 31.3906 33.9062 31.9969C33.9055 32.6042 34.2118 33.1626 34.7262 33.4908C36.1999 34.4292 37.0797 36.0305 37.0797 37.7744V40.4829H26.9196V37.7744C26.9196 36.0319 27.7996 34.4305 29.2723 33.4914ZM31.9997 62.5342C29.1985 62.5342 26.9196 60.2552 26.9196 57.454V56.4788H37.0797V57.454C37.0797 60.2552 34.8008 62.5342 31.9997 62.5342Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/biopharma.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M43.1643 10.613V7.91002C44.599 7.79739 45.7322 6.59482 45.7322 5.13169V2.78787C45.7322 1.25064 44.4816 0 42.9443 0H21.0556C19.5184 0 18.2678 1.25064 18.2678 2.78787V5.13169C18.2678 6.59484 19.401 7.79744 20.8357 7.91002L20.8357 10.613C16.676 10.9886 13.4053 14.495 13.4053 18.7508V59.4986C13.4053 61.9807 15.4246 64 17.9067 64H46.0899C48.5739 64 50.5948 61.9791 50.5948 59.4952V18.7508C50.5948 14.495 47.324 10.9886 43.1643 10.613ZM19.749 5.13169V2.78787C19.749 2.06735 20.3351 1.48113 21.0556 1.48113H42.9443C43.6649 1.48113 44.2511 2.06735 44.2511 2.78787V5.13169C44.2511 5.85221 43.6649 6.43837 42.9443 6.43837H21.0556C20.3351 6.43837 19.749 5.85221 19.749 5.13169ZM14.8864 43.7031H32V42.222H14.8864V38.0305H32V36.5493H14.8864V32.3578H32V30.8767H14.8864V23.0786H38.5422C39.4482 23.0786 40.1854 23.8158 40.1854 24.7219V49.8578C40.1854 50.764 39.4482 51.5012 38.5422 51.5012H14.8864V43.7031ZM49.1136 59.4952C49.1136 61.1624 47.7572 62.5189 46.0899 62.5189H17.9067C16.2413 62.5189 14.8864 61.164 14.8864 59.4986V52.9823H38.5422C40.265 52.9823 41.6665 51.5806 41.6665 49.8578V24.7219C41.6665 22.9991 40.265 21.5975 38.5422 21.5975H14.8864V18.7508C14.8864 15.062 17.8875 12.0609 21.5764 12.0609H22.3169V7.9195H41.6832V12.0609H42.4237C46.1125 12.0609 49.1136 15.062 49.1136 18.7508V59.4952Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/cancer-research.svg

@@ -0,0 +1,15 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M43.7058 43.4528C40.9523 43.4528 38.7122 41.2126 38.7122 38.4591C38.7122 35.7056 40.9523 33.4655 43.7058 33.4655C46.4592 33.4655 48.6994 35.7056 48.6994 38.4591C48.6994 41.2126 46.4592 43.4528 43.7058 43.4528ZM43.7058 32.0057C40.1473 32.0057 37.2524 34.9007 37.2524 38.4591C37.2524 42.0175 40.1473 44.9125 43.7058 44.9125C47.2642 44.9125 50.1592 42.0175 50.1592 38.4591C50.1592 34.9007 47.2642 32.0057 43.7058 32.0057Z"/>
+<path d="M23.7478 28.8948C22.1266 28.8948 20.8076 27.5758 20.8076 25.9545C20.8076 24.3333 22.1266 23.0143 23.7478 23.0143C25.369 23.0143 26.688 24.3333 26.688 25.9545C26.688 27.5758 25.369 28.8948 23.7478 28.8948ZM23.7478 21.5545C21.3216 21.5545 19.3478 23.5283 19.3478 25.9545C19.3478 28.3807 21.3216 30.3545 23.7478 30.3545C26.1739 30.3545 28.1477 28.3807 28.1477 25.9545C28.1477 23.5283 26.1739 21.5545 23.7478 21.5545Z"/>
+<path d="M55.7353 1.45977C57.5329 1.45977 58.9952 2.92215 58.9952 4.71968C58.9952 6.5172 57.5329 7.97958 55.7353 7.97958C53.9378 7.97958 52.4754 6.5172 52.4754 4.71968C52.4754 2.92215 53.9378 1.45977 55.7353 1.45977ZM55.7353 9.43935C58.3376 9.43935 60.4549 7.32209 60.4549 4.71968C60.4549 2.11726 58.3376 0 55.7353 0C53.1328 0 51.0156 2.11726 51.0156 4.71968C51.0156 7.32209 53.1328 9.43935 55.7353 9.43935Z"/>
+<path d="M8.26881 62.5402C6.47128 62.5402 5.00891 61.0779 5.00891 59.2803C5.00891 57.4828 6.47128 56.0204 8.26881 56.0204C10.0663 56.0204 11.5287 57.4828 11.5287 59.2803C11.5287 61.0779 10.0663 62.5402 8.26881 62.5402ZM8.26881 54.5606C5.6664 54.5606 3.54914 56.6779 3.54914 59.2803C3.54914 61.8827 5.6664 64 8.26881 64C10.8712 64 12.9885 61.8827 12.9885 59.2803C12.9885 56.6779 10.8712 54.5606 8.26881 54.5606Z"/>
+<path d="M33.8358 47.1559C33.2254 47.1559 32.7288 46.6593 32.7288 46.0488C32.7288 45.4385 33.2254 44.9419 33.8358 44.9419C34.4461 44.9419 34.9427 45.4385 34.9427 46.0488C34.9427 46.6593 34.4461 47.1559 33.8358 47.1559ZM33.8358 43.4821C32.4205 43.4821 31.2691 44.6336 31.2691 46.0488C31.2691 47.4643 32.4205 48.6156 33.8358 48.6156C35.251 48.6156 36.4025 47.4643 36.4025 46.0488C36.4025 44.6336 35.251 43.4821 33.8358 43.4821Z"/>
+<path d="M55.7352 61.3792C55.0365 61.3792 54.4682 60.811 54.4682 60.1123C54.4682 59.4137 55.0365 58.8453 55.7352 58.8453C56.4339 58.8453 57.0021 59.4137 57.0021 60.1123C57.0021 60.811 56.4339 61.3792 55.7352 61.3792ZM55.7352 57.3855C54.2316 57.3855 53.0084 58.6087 53.0084 60.1123C53.0084 61.6157 54.2316 62.839 55.7352 62.839C57.2386 62.839 58.4619 61.6157 58.4619 60.1123C58.4619 58.6087 57.2386 57.3855 55.7352 57.3855Z"/>
+<path d="M6.27186 13.7922C6.97049 13.7922 7.53883 14.3605 7.53883 15.059C7.53883 15.7576 6.97049 16.326 6.27186 16.326C5.57328 16.326 5.00494 15.7576 5.00494 15.059C5.00494 14.3605 5.57328 13.7922 6.27186 13.7922ZM6.27186 17.7858C7.77536 17.7858 8.9986 16.5626 8.9986 15.059C8.9986 13.5556 7.77536 12.3324 6.27186 12.3324C4.76835 12.3324 3.54517 13.5556 3.54517 15.059C3.54517 16.5626 4.76835 17.7858 6.27186 17.7858Z"/>
+<path d="M57.2409 29.7204C56.0862 30.5197 55.3963 31.8356 55.3959 33.24C55.3955 34.6445 56.0845 35.9607 57.2388 36.7609C58.443 37.5954 58.6062 38.884 58.3572 39.8119C58.1083 40.7396 57.3222 41.7737 55.862 41.8936C54.4622 42.0084 53.207 42.803 52.5045 44.0192C51.8018 45.2355 51.7404 46.7198 52.34 47.99C52.9656 49.3147 52.4626 50.5123 51.7831 51.1914C51.1037 51.8704 49.9058 52.3729 48.5813 51.7465C47.3114 51.1461 45.827 51.2068 44.6106 51.9087C43.394 52.6106 42.5986 53.8654 42.483 55.2652C42.3624 56.7252 41.3278 57.5109 40.4 57.7592C39.4721 58.0076 38.1834 57.8438 37.3495 56.6392C36.5501 55.4843 35.2343 54.7945 33.8298 54.7941C32.4257 54.7941 31.1089 55.4831 30.309 56.6372C29.4744 57.8413 28.1858 58.0042 27.258 57.7556C26.3302 57.5066 25.2961 56.7204 25.1763 55.2603C25.0614 53.8604 24.2667 52.6051 23.0505 51.9025C21.8343 51.2001 20.35 51.1387 19.08 51.7384C17.755 52.3639 16.5575 51.8609 15.8785 51.1814C15.1994 50.5019 14.6969 49.304 15.3233 47.9796C15.9236 46.7098 15.8631 45.2254 15.1611 44.0088C14.4592 42.7923 13.2044 41.9969 11.8047 41.8814C10.3446 41.7606 9.55905 40.7261 9.31069 39.7982C9.06234 38.8703 9.22618 37.5816 10.4308 36.7479C11.5856 35.9484 12.2754 34.6325 12.2757 33.228C12.2761 31.8235 11.5871 30.5073 10.4327 29.7073C9.22853 28.8728 9.06545 27.584 9.31431 26.6562C9.56317 25.7284 10.3494 24.6944 11.8095 24.5746C13.2094 24.4598 14.4646 23.665 15.1672 22.4489C15.8698 21.2327 15.9313 19.7484 15.3315 18.4781C14.7059 17.1535 15.209 15.9559 15.8884 15.2768C16.5678 14.5978 17.7658 14.0952 19.0903 14.7216C20.36 15.322 21.8444 15.2615 23.061 14.5595C24.2775 13.8575 25.0729 12.6029 25.1885 11.2029C25.3092 9.7429 26.3437 8.95726 27.2716 8.70891C28.1999 8.46056 29.4883 8.6245 30.322 9.82899C31.1215 10.9839 32.4373 11.6736 33.8419 11.6739C35.2458 11.6739 36.5628 10.9851 37.3625 9.83098C38.197 8.62688 39.4855 8.46366 40.4138 8.71258C41.3415 8.96148 42.3755 9.74764 42.4954 11.2077C42.6102 12.6077 43.4047 13.8629 44.6209 14.5654C45.837 15.268 47.3215 15.3296 48.5917 14.7298C49.9162 14.1042 51.1141 14.6072 51.7931 15.2867C52.4721 15.9662 52.9747 17.164 52.3484 18.4885C51.7479 19.7583 51.8084 21.2426 52.5104 22.4593C53.2122 23.6758 54.467 24.4711 55.8668 24.5868C57.3269 24.7074 58.1126 25.742 58.361 26.6699C58.6093 27.5978 58.4454 28.8864 57.2409 29.7204ZM58.0717 30.9206C59.5776 29.8783 60.2446 28.0616 59.771 26.2924C59.2975 24.5233 57.8122 23.2828 55.987 23.132C55.0506 23.0546 54.2443 22.5436 53.7748 21.7297C53.3053 20.9159 53.2664 19.962 53.668 19.1125C54.451 17.4569 54.1202 15.5501 52.8256 14.2547C51.5308 12.9595 49.6242 12.6277 47.9683 13.4098C47.1188 13.811 46.1648 13.7715 45.3512 13.3015C44.5377 12.8315 44.027 12.0248 43.9503 11.0885C43.8004 9.26315 42.5608 7.77715 40.792 7.30264C39.0233 6.82818 37.2059 7.49418 36.1628 8.99947C35.6277 9.77151 34.7824 10.2142 33.843 10.2142C32.9035 10.2139 32.0571 9.7707 31.5223 8.99815C30.4799 7.49225 28.6633 6.82508 26.8943 7.29877C25.1251 7.77226 23.8845 9.2576 23.7338 11.0828C23.6564 12.0193 23.1453 12.8256 22.3314 13.2951C21.5175 13.7646 20.5637 13.8035 19.7144 13.4019C18.0588 12.6189 16.1519 12.9497 14.8564 14.2443C13.5612 15.539 13.2295 17.4456 14.0115 19.1015C14.4128 19.9512 14.3733 20.9051 13.9032 21.7186C13.4332 22.5323 12.6266 23.0429 11.6902 23.1197C9.86489 23.2694 8.37889 24.5092 7.90438 26.278C7.42987 28.0469 8.09591 29.864 9.60121 30.9071C10.3735 31.4422 10.8162 32.2881 10.8159 33.2276C10.8157 34.1672 10.3725 35.0128 9.59999 35.5475C8.09414 36.5899 7.42707 38.4065 7.90056 40.1756C8.374 41.9448 9.85929 43.1853 11.6845 43.3362C12.6208 43.4135 13.4272 43.9245 13.8967 44.7383C14.3663 45.5522 14.4053 46.5061 14.0035 47.3556C13.2207 49.0111 13.5513 50.918 14.846 52.2132C16.1407 53.5086 18.0472 53.8403 19.7033 53.0583C20.5528 52.6571 21.5067 52.6966 22.3203 53.1666C23.1339 53.6366 23.6446 54.4432 23.7213 55.3797C23.8712 57.205 25.1109 58.6909 26.8798 59.1654C28.6488 59.6401 30.4657 58.9739 31.5088 57.4687C32.0439 56.6966 32.8893 56.2539 33.8285 56.2539C34.768 56.2541 35.6144 56.6974 36.1491 57.4701C36.9689 58.6542 38.2675 59.3196 39.6451 59.3196C40.0194 59.3196 40.3995 59.2705 40.7774 59.1693C42.5465 58.6958 43.787 57.2105 43.9379 55.3852C44.0151 54.449 44.5263 53.6426 45.3401 53.1731C46.154 52.7034 47.1079 52.6646 47.9574 53.0662C49.6129 53.849 51.5198 53.5184 52.8151 52.2239C54.1104 50.9292 54.4421 49.0227 53.6601 47.3666C53.2588 46.5171 53.2984 45.5631 53.7684 44.7495C54.2385 43.936 55.0451 43.4253 55.9815 43.3484C57.8068 43.1986 59.2926 41.9589 59.7672 40.1901C60.2417 38.4212 59.5756 36.6042 58.0704 35.5611C57.2981 35.0258 56.8553 34.18 56.8556 33.2404C56.8558 32.301 57.2991 31.4553 58.0717 30.9206Z"/>
+<path d="M20.9144 39.3228C20.8066 38.9344 20.4043 38.707 20.0158 38.8147C19.6274 38.9226 19.4 39.3249 19.5078 39.7134L20.5759 43.56C20.6655 43.8831 20.9589 44.0948 21.2787 44.0948C21.3433 44.0948 21.4091 44.0862 21.4743 44.068C21.8627 43.9602 22.0903 43.5579 21.9823 43.1694L20.9144 39.3228Z"/>
+<path d="M38.196 29.7747C38.4576 29.468 38.4212 29.0072 38.1146 28.7456L35.0776 26.1544C34.7711 25.8928 34.3103 25.9291 34.0486 26.2359C33.787 26.5426 33.8235 27.0033 34.13 27.2649L37.167 29.8561C37.3045 29.9734 37.4729 30.0307 37.6405 30.0307C37.8467 30.0307 38.0517 29.9438 38.196 29.7747Z"/>
+<path d="M36.5863 20.2648C36.6054 20.2663 36.6245 20.267 36.6435 20.267C37.0209 20.267 37.3407 19.9761 37.3703 19.5933L37.6782 15.613C37.7092 15.2111 37.4087 14.8601 37.0067 14.829C36.6058 14.7982 36.2538 15.0986 36.2227 15.5005L35.9148 19.4808C35.8839 19.8828 36.1844 20.2337 36.5863 20.2648Z"/>
+<path d="M32.5546 34.6948C32.5393 34.2919 32.1985 33.9785 31.7976 33.993L27.8083 34.1445C27.4055 34.1598 27.0913 34.4988 27.1066 34.9016C27.1215 35.295 27.4451 35.6038 27.8355 35.6038C27.8449 35.6038 27.8542 35.6036 27.8637 35.6033L31.853 35.4518C32.2558 35.4366 32.5698 35.0976 32.5546 34.6948Z"/>
+<path d="M43.1396 23.5588L46.9405 24.756C47.0135 24.7791 47.0873 24.7899 47.16 24.7899C47.4702 24.7899 47.7579 24.5907 47.856 24.2792C47.9771 23.8947 47.7635 23.4848 47.3792 23.3637L43.5783 22.1664C43.1938 22.0455 42.7839 22.2588 42.6628 22.6433C42.5417 23.0279 42.7552 23.4377 43.1396 23.5588Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/chromatin-conformation.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M49.0523 32.6381C53.0981 28.8607 56.5922 25.5985 57.3311 19.0026C58.0522 12.1861 54.7588 5.84156 48.7362 2.44506C42.7231 -0.945992 35.603 -0.483651 30.1563 3.65015C26.5808 6.34709 24.2569 10.4316 23.5682 14.7593C23.1964 12.3253 22.3255 9.95571 20.961 7.86109C18.2931 3.61204 13.3406 0.820569 7.01462 0L6.91901 0.737195V1.48733C10.3435 1.94473 16.4607 3.48418 19.7052 8.65683L19.7122 8.66782C20.5266 9.91686 21.1474 11.2727 21.5766 12.6815C20.6621 12.0716 19.5647 11.7152 18.3854 11.7152C15.2053 11.7152 12.6181 14.3024 12.6181 17.4825C12.6181 20.6627 15.2053 23.2498 18.3854 23.2498C19.5572 23.2498 20.6479 22.8977 21.5589 22.2949C21.2138 23.3888 20.7477 24.4425 20.1556 25.4285L20.1474 25.4426C18.7843 27.83 16.7948 29.6533 14.6883 31.5838C12.7532 33.3573 10.7522 35.1911 9.29615 37.4962C4.71547 44.3466 6.04561 54.2083 12.262 59.4896C15.0035 61.9299 18.5527 63.4335 22.2572 63.7241C25.9853 64.017 29.7247 63.0653 32.7874 61.0452C36.9315 58.4356 39.69 54.1289 40.3924 49.1916C40.4215 49.3737 40.4539 49.5557 40.4892 49.7373C41.2715 53.8925 43.2047 57.2547 46.2349 59.7307C49.0475 62.0289 52.6739 63.4653 57.0134 64L57.053 63.6787V62.5049C49.4365 61.5256 44.3097 57.5962 42.4126 51.3485C43.3176 51.9393 44.3971 52.2842 45.5562 52.2842C48.7363 52.2842 51.3235 49.697 51.3235 46.5169C51.3235 43.3368 48.7363 40.7495 45.5562 40.7495C44.4139 40.7495 43.3491 41.0846 42.4523 41.6598C43.2159 39.3128 44.5238 37.1127 46.3197 35.256C47.2376 34.3322 48.1601 33.471 49.0523 32.6381ZM24.4607 17.4825C24.4607 15.1221 26.3811 13.2018 28.7414 13.2018C31.1018 13.2018 33.0222 15.1221 33.0222 17.4825C33.0222 19.8429 31.1018 21.7632 28.7414 21.7632C26.3811 21.7632 24.4607 19.8429 24.4607 17.4825ZM18.3854 21.7632C16.025 21.7632 14.1047 19.8429 14.1047 17.4825C14.1047 15.1221 16.025 13.2018 18.3854 13.2018C20.7458 13.2018 22.6661 15.1221 22.6661 17.4825C22.6661 19.8429 20.7458 21.7632 18.3854 21.7632ZM31.9889 59.7912L31.9751 59.8001C29.1859 61.6418 25.7757 62.5086 22.3735 62.242C18.9878 61.9764 15.7457 60.6026 13.2444 58.3737L13.2308 58.3619C10.4889 56.0354 8.7018 52.6571 8.19876 48.8497C7.69764 45.0569 8.52801 41.3157 10.5369 38.3153L10.548 38.2982C11.8982 36.1574 13.7414 34.4681 15.6928 32.6797C17.7888 30.7588 19.9561 28.7726 21.4343 26.1869C22.5418 24.3404 23.2546 22.2807 23.5766 20.1511C23.6789 20.7637 23.817 21.372 23.9921 21.9722C24.3764 23.3276 24.936 24.6435 25.65 25.8747C27.1493 28.5432 29.3804 30.601 31.538 32.5911C32.5955 33.5664 33.6889 34.5748 34.6628 35.6292L34.6715 35.6385C36.3271 37.3708 37.543 39.4226 38.2749 41.6411C37.3841 41.0774 36.33 40.7495 35.2002 40.7495C32.02 40.7495 29.4328 43.3368 29.4328 46.5169C29.4328 49.697 32.02 52.2842 35.2002 52.2842C36.3864 52.2842 37.4899 51.9239 38.4076 51.3075C37.3511 54.8255 35.0987 57.8351 31.9889 59.7912ZM35.2002 50.7976C32.8398 50.7976 30.9194 48.8773 30.9194 46.5169C30.9194 44.1565 32.8398 42.2361 35.2002 42.2361C37.5606 42.2361 39.4809 44.1565 39.4809 46.5169C39.4809 48.8773 37.5606 50.7976 35.2002 50.7976ZM45.5562 42.2361C47.9165 42.2361 49.8368 44.1565 49.8368 46.5169C49.8368 48.8773 47.9165 50.7976 45.5562 50.7976C43.1958 50.7976 41.2755 48.8773 41.2755 46.5169C41.2755 44.1565 43.1958 42.2361 45.5562 42.2361ZM40.377 43.9781C40.3707 43.9652 40.3639 43.9527 40.3575 43.9399C39.8122 40.4624 38.2304 37.2125 35.7505 34.6158C34.7373 33.5194 33.6233 32.4919 32.546 31.4983C30.3779 29.4986 28.3301 27.6099 26.9411 25.1377C26.4265 24.2503 26.0028 23.3205 25.6736 22.3627C26.5628 22.9237 27.6145 23.2498 28.7414 23.2498C31.9216 23.2498 34.5088 20.6627 34.5088 17.4825C34.5088 14.3024 31.9216 11.7152 28.7414 11.7152C27.5777 11.7152 26.4942 12.0627 25.587 12.6579C26.5555 9.59629 28.4362 6.80973 31.0533 4.83568C36.0219 1.06473 42.5177 0.644903 48.0058 3.74C53.5036 6.84049 56.5104 12.6289 55.8532 18.8417C55.176 24.8868 51.868 27.9753 48.0378 31.5514C47.1356 32.3936 46.2028 33.2646 45.2581 34.2153C42.6037 36.9595 40.923 40.3901 40.377 43.9781Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/clinical-research.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M54.5203 35.3066C54.5203 32.2616 52.0431 29.7844 48.9982 29.7844C45.9532 29.7844 43.476 32.2616 43.476 35.3066C43.476 38.1021 45.5643 40.4174 48.2625 40.7784V53.003C48.2625 58.2555 43.9893 62.5287 38.7368 62.5287C33.4844 62.5287 29.2112 58.2555 29.2112 53.003V36.9754C34.0913 36.6472 38.621 33.0602 42.0337 26.7864C45.5403 20.34 47.4714 11.7853 47.4714 2.69797C47.4714 2.29165 47.1421 1.9623 46.7358 1.9623H41.3324C41.0121 0.829976 39.9717 0 38.7368 0C37.2468 0 36.0389 1.20792 36.0389 2.69797C36.0389 4.18801 37.2468 5.39594 38.7368 5.39594C39.9717 5.39594 41.0121 4.56596 41.3324 3.43364H45.9958C45.8952 12.0036 44.0383 20.0221 40.7412 26.0833C37.4271 32.176 33.071 35.5314 28.4755 35.5314C23.88 35.5314 19.524 32.176 16.2098 26.0833C12.9128 20.0221 11.0558 12.0036 10.9553 3.43364H16.1687C16.489 4.56596 17.5294 5.39594 18.7643 5.39594C20.2543 5.39594 21.4623 4.18801 21.4623 2.69797C21.4623 1.20792 20.2543 0 18.7643 0C17.5294 0 16.489 0.829976 16.1687 1.9623H10.2153C9.80896 1.9623 9.47961 2.29165 9.47961 2.69797C9.47961 11.7853 11.4107 20.34 14.9173 26.7864C18.3301 33.0602 22.8597 36.6472 27.7398 36.9754V53.003C27.7398 59.0668 32.6731 64 38.7368 64C44.8006 64 49.7339 59.0668 49.7339 53.003V40.7784C52.432 40.4174 54.5203 38.1021 54.5203 35.3066ZM48.9982 39.3575C46.7645 39.3575 44.9473 37.5403 44.9473 35.3066C44.9473 33.0729 46.7645 31.2557 48.9982 31.2557C51.2318 31.2557 53.049 33.0729 53.049 35.3066C53.049 37.5403 51.2318 39.3575 48.9982 39.3575Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/environmental-conservation.svg

@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M32.1752 33.3293C31.9951 33.3293 31.8264 33.4173 31.7234 33.565L28.5151 38.1627L20.5129 26.6949C20.4098 26.5472 20.2411 26.4592 20.0611 26.4592C19.881 26.4592 19.7123 26.5472 19.6092 26.6949L0 54.7963H1.34364L20.0611 27.9729L27.8433 39.1255L16.9081 54.7963H18.2518L32.1752 34.843L46.0987 54.7963H47.4423L32.627 33.565C32.524 33.4173 32.3553 33.3293 32.1752 33.3293Z"/>
+<path d="M30.1027 28.5661H46.4658C49.5246 28.5661 52.0131 26.0776 52.0131 23.0188C52.0131 20.7354 50.6359 18.7173 48.546 17.8754C48.4679 14.8843 46.0103 12.4752 43.0006 12.4752C42.1874 12.4752 41.3852 12.6543 40.653 12.9967C39.3483 11.239 37.3075 10.2039 35.0991 10.2039C31.2826 10.2039 28.1777 13.3088 28.1777 17.1252C28.1777 17.3492 28.1891 17.5759 28.2117 17.803C26.0362 18.5902 24.5554 20.6697 24.5554 23.0188C24.5554 26.0776 27.0439 28.5661 30.1027 28.5661ZM28.9601 18.7223L29.4455 18.5936L29.3622 18.0983C29.3074 17.7727 29.2796 17.4453 29.2796 17.1252C29.2796 13.9163 31.8902 11.3057 35.0991 11.3057C37.0989 11.3057 38.9353 12.3155 40.0114 14.007L40.2967 14.4554L40.7551 14.1864C41.4345 13.7878 42.211 13.577 43.0006 13.577C45.4519 13.577 47.4461 15.5712 47.4461 18.0225C47.4461 18.0881 47.4443 18.1574 47.4406 18.2341L47.4205 18.6562L47.8229 18.7851C49.6701 19.3767 50.9112 21.0782 50.9112 23.0188C50.9112 25.47 48.917 27.4642 46.4658 27.4642H30.1027C27.6515 27.4642 25.6573 25.47 25.6573 23.0188C25.6573 21.0048 27.0155 19.2379 28.9601 18.7223Z"/>
+<path d="M64 37.9612C64 35.4927 62.3894 33.3474 60.0489 32.6481C59.1704 30.6534 57.1647 29.3323 54.9701 29.3323C52.7756 29.3323 50.7698 30.6534 49.8913 32.6481C47.5508 33.3474 45.9402 35.4927 45.9402 37.9612C45.9402 38.9504 46.1997 39.9088 46.6938 40.7544C46.1997 41.6003 45.9402 42.5586 45.9402 43.5478C45.9402 46.6065 48.4287 49.095 51.4875 49.095C52.5378 49.095 53.5468 48.8023 54.4192 48.257V54.7961H55.5211V48.257C56.3934 48.8023 57.4024 49.095 58.4527 49.095C61.5115 49.095 64 46.6065 64 43.5478C64 42.5586 63.7404 41.6003 63.2464 40.7544C63.7404 39.9087 64 38.9504 64 37.9612ZM62.1394 41.0628C62.6357 41.7977 62.8981 42.6569 62.8981 43.5478C62.8981 45.999 60.9039 47.9932 58.4527 47.9932C57.2896 47.9932 56.1892 47.5459 55.3543 46.7338L54.9701 46.3601L54.586 46.7338C53.7511 47.5459 52.6507 47.9932 51.4875 47.9932C49.0363 47.9932 47.042 45.999 47.042 43.5478C47.042 42.6569 47.3044 41.7977 47.8008 41.0628L48.0091 40.7544L47.8008 40.4461C47.3044 39.7112 47.042 38.852 47.042 37.9612C47.042 35.9063 48.4347 34.1309 50.4286 33.6436L50.7103 33.5749L50.813 33.3038C51.4641 31.5874 53.1347 30.4341 54.9701 30.4341C56.8055 30.4341 58.4761 31.5874 59.1272 33.3038L59.2299 33.5749L59.5115 33.6436C61.5055 34.1309 62.8981 35.9063 62.8981 37.9612C62.8981 38.852 62.6357 39.7112 62.1394 40.4461L61.9311 40.7544L62.1394 41.0628Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/epigenetics.svg

@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M16.4667 11.6958C16.472 11.7006 16.4773 11.7053 16.4826 11.7099C19.0669 13.9259 21.9697 15.2832 25.0431 16.7201C26.4024 17.3557 27.8081 18.0129 29.1835 18.7512C29.1936 18.7566 29.2039 18.7619 29.2143 18.7668L29.6464 18.9712C31.86 20.0182 33.9702 21.0171 35.8002 22.1595H23.1932V23.5315H37.7295V23.514C39.4182 24.8667 40.7174 26.4614 41.4145 28.5272H42.8474C42.2115 26.3748 40.9749 24.5128 39.1111 22.89C36.6986 20.7892 33.558 19.3037 30.233 17.731L29.817 17.5341C28.4132 16.7813 26.9954 16.1184 25.6242 15.4773C25.1261 15.2444 24.6332 15.0135 24.1453 14.781H37.7295V13.409H21.4953V13.4427C20.0419 12.6504 18.6608 11.769 17.3838 10.6752C15.8856 9.30581 14.8361 7.73267 14.2686 6.03045H33.5083V4.65845H13.9207C13.8269 4.12524 13.7775 3.58212 13.7745 3.03092L13.7707 2.34497L12.3987 2.35248L12.4025 3.03848C12.4203 6.29182 13.8257 9.28546 16.4667 11.6958Z"/>
+<path d="M37.2959 40.5381H22.6304V41.9101H35.2333C33.5533 42.9122 31.6657 43.8189 29.696 44.7642L29.2987 44.955C29.2927 44.9578 29.2868 44.9608 29.2809 44.9638C28.071 45.5886 26.8653 46.1794 25.6992 46.7506C23.3348 47.909 21.1015 49.0032 18.8948 50.3337C14.8677 52.8136 12.5805 56.6902 12.6196 60.9694L12.6259 61.6553L13.9978 61.6427L13.9915 60.9567C13.989 60.6842 13.9986 60.4138 14.0175 60.1452H33.5083V58.7732H14.2092C14.8225 55.8646 16.7134 53.2882 19.6087 51.5053C19.8781 51.3429 20.1484 51.1838 20.4197 51.0276H37.7295V49.6556H22.9476C24.0406 49.0914 25.1559 48.5446 26.3028 47.9827C27.4724 47.4097 28.6817 46.8172 29.9014 46.1875L30.2896 46.0011C33.6117 44.4068 36.7495 42.9009 39.1568 40.7818C40.975 39.1812 42.1901 37.3565 42.826 35.2595H41.3894C40.628 37.4558 39.1757 39.1222 37.2959 40.5381Z"/>
+<path d="M64 31.2101H0V32.5821H64V31.2101Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/fusion-transcripts.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M64 31.461H48.1725V27.3866C48.1725 25.7195 46.8163 24.3633 45.1492 24.3633H18.8551C17.188 24.3633 15.8318 25.7195 15.8318 27.3866V31.461H0V32.5389H15.8318V36.6133C15.8318 38.2804 17.188 39.6366 18.8551 39.6366H45.1492C46.8163 39.6366 48.1725 38.2804 48.1725 36.6133V32.5389H64V31.461ZM47.0946 36.6133C47.0946 37.686 46.2219 38.5587 45.1492 38.5587H32.0021V25.4412H45.1492C46.2219 25.4412 47.0946 26.3139 47.0946 27.3866V36.6133Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/gene-expression.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M64 37.3209H48.1521C47.9989 34.8328 46.9574 32.5811 45.3407 30.8805C47.0384 29.9118 49.3618 27.8923 51.0867 23.7272C52.0094 21.507 52.9071 19.7236 54.2888 18.2368C55.8681 16.537 57.9627 15.4208 60.692 14.8242C60.9827 14.7606 61.1669 14.4734 61.1034 14.1826C61.0398 13.8918 60.7527 13.7073 60.4617 13.7712C57.5106 14.4162 55.2332 15.637 53.4991 17.503C52.0083 19.1074 51.0586 20.9862 50.0911 23.3142C49.3431 25.1203 47.645 28.3929 44.6763 30.0172C44.6239 30.0459 44.5785 30.0823 44.54 30.1238C43.0471 28.855 41.1887 28.0043 39.147 27.7544C41.0107 26.5885 42.2537 24.5187 42.2537 22.163C42.2537 18.5282 39.2965 15.5711 35.6618 15.5711H28.3424C24.7076 15.5711 21.7505 18.5282 21.7505 22.163C21.7505 24.5187 22.9935 26.5885 24.8572 27.7544C19.986 28.3506 16.1573 32.3667 15.8522 37.3209H0V38.3988H15.8418C16.0729 43.8652 20.5915 48.2413 26.1137 48.2413H37.8906C43.4128 48.2413 47.9315 43.8652 48.1625 38.3988H64V37.3209ZM22.8284 22.163C22.8284 19.1225 25.302 16.649 28.3424 16.649H35.6618C38.7023 16.649 41.1758 19.1225 41.1758 22.163C41.1758 25.2034 38.7023 27.6769 35.6618 27.6769H28.3424C25.302 27.6769 22.8284 25.2034 22.8284 22.163ZM26.1137 28.7554H37.8906C42.751 28.7554 46.7431 32.5426 47.0721 37.3209H16.9322C17.2613 32.5426 21.2532 28.7554 26.1137 28.7554ZM37.8906 47.1634H26.1137C21.1859 47.1634 17.1506 43.2706 16.9204 38.3988H47.0839C46.8538 43.2706 42.8184 47.1634 37.8906 47.1634Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/genome-research.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M28.4594 18.6554C29.0081 18.3879 29.5646 18.1203 30.1284 17.8497L30.5863 17.6299C30.5972 17.6246 30.6081 17.6189 30.6191 17.613C30.9901 17.411 31.3632 17.2147 31.7371 17.0229C32.2761 16.7463 32.8157 16.4812 33.3538 16.2204C33.9079 15.952 34.4602 15.6881 35.0046 15.4297C35.5683 15.1622 36.1263 14.8972 36.6783 14.6296C39.3146 13.3518 41.8092 12.0134 44.0727 10.0438C44.0784 10.0387 44.0838 10.0338 44.0893 10.0286C46.8843 7.43983 48.3715 4.22589 48.3904 0.733793L48.3942 0.00769854L46.942 0L46.9382 0.726094C46.9276 2.68 46.388 4.54006 45.3599 6.22893H18.4857C17.559 4.61082 17.0718 2.84294 17.0618 0.990073L17.0579 0.263979L15.6057 0.271677L15.6096 0.997771C15.6284 4.49007 17.1156 7.70421 19.9106 10.2925C19.9161 10.2978 19.9216 10.3027 19.9272 10.3077C22.0347 12.1418 24.3428 13.4283 26.7788 14.6283C27.2678 14.3907 27.7567 14.1557 28.2436 13.922L28.447 13.8244C25.7219 12.5175 23.1525 11.1872 20.8893 9.21981C20.3619 8.73055 19.8902 8.21581 19.4688 7.68112H44.319C43.9527 8.1214 43.5509 8.54731 43.1108 8.95563C40.7003 11.051 37.9423 12.4236 35.019 13.815L31.7355 15.3987C31.1988 15.6668 30.6613 15.9429 30.1248 16.2319C30.0635 16.2648 30.002 16.2957 29.9408 16.329L29.5 16.5405C28.5854 16.9795 27.6779 17.4156 26.7898 17.8606C20.8616 20.8311 15.8187 24.2085 15.6098 31.653C15.6096 31.6649 15.6096 31.6767 15.6098 31.6886C15.7711 39.4176 21.1815 42.8027 27.3918 45.901C27.7252 45.7346 28.0605 45.5678 28.3986 45.3997L28.4082 45.395C28.6121 45.2936 28.8185 45.1907 29.0245 45.0881C25.492 43.3572 22.2831 41.6756 20.0791 39.3088H44.1625C42.063 41.6944 38.9594 43.3856 35.5091 45.0897C34.9876 45.3472 34.4592 45.605 33.9242 45.8657L33.503 46.0707C33.4967 46.0739 33.4904 46.077 33.4842 46.0804C33.075 46.2949 32.667 46.5044 32.26 46.7118C31.7203 46.9868 31.183 47.2573 30.6521 47.5222C30.3296 47.6831 30.0092 47.8426 29.6916 48.0004C28.9169 48.3855 28.1568 48.7645 27.4053 49.146C25.7269 49.9982 24.0973 50.8649 22.4823 51.8531C18.2192 54.5172 15.7982 58.6801 15.8395 63.2739L15.846 64L17.2982 63.987L17.2917 63.2609C17.274 61.3002 17.7685 59.4252 18.71 57.7409H45.4325C46.2813 59.3566 46.725 61.1383 46.7082 62.997L46.7017 63.7231L48.1539 63.736L48.1604 63.0099C48.2017 58.4161 45.7808 54.2532 41.5117 51.5853C40.0703 50.7033 38.6156 49.9171 37.1233 49.1511C36.6922 49.3631 36.2612 49.5731 35.832 49.7822L35.489 49.9492C37.2995 50.8615 39.0425 51.7769 40.7479 52.8203C42.2885 53.7831 43.5603 54.9601 44.5284 56.2887H19.6681C20.6083 55.0689 21.8109 53.985 23.2461 53.0881C25.1185 51.9425 27.0333 50.9528 29.0303 49.9531C29.4627 49.7366 29.8974 49.5199 30.3381 49.3008C30.9702 48.9866 31.6133 48.6667 32.2632 48.3389C32.7941 48.0712 33.33 47.7969 33.8678 47.517C33.9615 47.4683 34.0548 47.4208 34.1487 47.3716L34.5599 47.1712C35.428 46.7484 36.29 46.3284 37.1347 45.9009C43.1213 42.8715 48.2333 39.4626 48.3902 31.9526C48.3904 31.9406 48.3904 31.9289 48.3902 31.9169C48.1748 24.2464 42.8276 20.8938 36.6676 17.8551C36.5259 17.9225 36.3842 17.9899 36.2428 18.0569C35.8295 18.253 35.4117 18.4523 34.9931 18.6535C38.6593 20.4256 41.9735 22.1509 44.1767 24.6609H19.6009C21.6934 22.1355 24.8867 20.3975 28.4594 18.6554ZM45.2538 37.8566H18.9217C17.9371 36.394 17.2973 34.6799 17.1151 32.5928H46.9077C46.767 34.674 46.1799 36.39 45.2538 37.8566ZM22.19 26.113H45.2617C46.1468 27.5213 46.7213 29.1627 46.8905 31.1406H17.0905C17.2215 29.1686 17.7465 27.5249 18.5779 26.113H22.19Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/human-genomics.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M44.5911 17.8481C43.6993 16.9563 42.4214 16.7021 41.2563 17.1848C40.0911 17.6674 39.3673 18.7507 39.3673 20.0119V30.974C39.3592 32.4632 38.7153 33.8444 37.505 34.969C36.2042 36.0985 34.6811 36.8211 33.0687 37.5861C32.7142 37.7544 32.3538 37.9258 31.991 38.1035C31.6282 37.9258 31.2677 37.7543 30.9131 37.5861C29.301 36.8211 27.7779 36.0984 26.4771 34.9691C25.2667 33.8444 24.6228 32.4632 24.6148 30.978V20.0119C24.6148 18.7507 23.891 17.6675 22.7258 17.1848C21.5606 16.7023 20.2828 16.9563 19.391 17.8481L4.5238 32.7153V34.8136L20.4401 18.8973C20.9892 18.3482 21.6875 18.3607 22.158 18.5556C22.6284 18.7505 23.131 19.2354 23.131 20.0119V30.982C23.1414 32.8955 23.9527 34.6533 25.4772 36.0653C25.4828 36.0705 25.4885 36.0757 25.4943 36.0807C26.9508 37.3482 28.6418 38.1506 30.2772 38.9265C30.2913 38.9332 30.3057 38.9401 30.3198 38.9468C26.8122 40.6326 23.2594 42.4291 23.1314 46.9938C23.131 47.0059 23.1309 47.018 23.1312 47.0301C23.2271 51.6229 26.8145 53.4399 30.3392 55.1577C29.1415 55.7539 28.0006 56.3308 26.8647 57.0259C24.545 58.4757 23.2276 60.7473 23.2503 63.2582L23.257 64L24.7406 63.9867L24.7339 63.2448C24.7161 61.2621 25.7793 59.454 27.6451 58.2878C28.8113 57.5742 30.0157 56.9754 31.2908 56.3415C31.5214 56.2268 31.7555 56.1101 31.991 55.9922C32.2263 56.11 32.4603 56.2266 32.6907 56.3412C33.966 56.9752 35.1705 57.5741 36.3309 58.284C38.2027 59.454 39.266 61.2621 39.248 63.2448L39.2413 63.9867L40.725 64L40.7318 63.2582C40.7544 60.7474 39.437 58.4757 37.1113 57.0222C35.981 56.3306 34.8405 55.7539 33.6429 55.1577C37.1676 53.4398 40.7549 51.6229 40.8508 47.0301C40.8511 47.018 40.851 47.0059 40.8507 46.9938C40.7227 42.4291 37.1698 40.6325 33.6622 38.9469C33.6763 38.9402 33.6906 38.9333 33.7047 38.9266C35.3401 38.1507 37.0312 37.3483 38.4877 36.0807C38.4934 36.0757 38.4991 36.0705 38.5048 36.0653C40.0293 34.6533 40.8407 32.8955 40.851 30.978V20.0119C40.851 19.2354 41.3537 18.7505 41.8241 18.5556C42.2946 18.3607 42.9929 18.3482 43.5418 18.8973L59.4762 34.8316V32.7333L44.5911 17.8481ZM39.3671 47.0171C39.2794 50.7622 36.2894 52.2183 32.8283 53.9041L32.6098 54.0106C32.6033 54.0137 32.5968 54.017 32.5904 54.0203C32.3903 54.1253 32.1904 54.228 31.991 54.3298C31.7915 54.228 31.5917 54.1253 31.3915 54.0203C31.3851 54.017 31.3787 54.0137 31.3722 54.0106L31.1536 53.9041C27.6925 52.2183 24.7026 50.7622 24.6151 47.0172C24.7297 43.2764 27.7188 41.8412 31.179 40.1801L31.4167 40.066C31.4279 40.0606 31.4391 40.0549 31.4502 40.0489C31.6294 39.9512 31.81 39.8563 31.991 39.7631C32.172 39.8563 32.3525 39.9512 32.5317 40.0489C32.5428 40.0549 32.554 40.0606 32.5653 40.066L32.803 40.1802C36.2633 41.8412 39.2524 43.2765 39.3671 47.0171Z"/>
+<path d="M31.4282 14.4473C31.62 14.4656 31.8105 14.4747 31.9998 14.4747C33.4345 14.4747 34.7883 13.9539 35.8609 12.9786C37.0586 11.8898 37.7454 10.3376 37.7454 8.71984V5.75437C37.7454 2.58139 35.164 0 31.991 0C28.8181 0 26.2367 2.58139 26.2367 5.75437V8.50446C26.2367 11.5593 28.5171 14.1697 31.4282 14.4473ZM27.7204 5.75437C27.7204 3.39954 29.6362 1.48374 31.991 1.48374C34.3458 1.48374 36.2617 3.39954 36.2617 5.75437V8.71984C36.2617 9.92047 35.7518 11.0726 34.8628 11.8808C33.9617 12.7 32.7912 13.0866 31.5691 12.9703C29.4109 12.7645 27.7204 10.8029 27.7204 8.50446V5.75437Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/infectious-disease.svg

@@ -0,0 +1,13 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9603)">
+<path d="M62.5193 25.7138V31.2597H55.8605C55.6833 25.4067 53.4088 19.9155 49.3954 15.6516L54.1038 10.9431L58.0252 14.8646L59.0723 13.8176L50.1824 4.92751L49.1352 5.97454L53.0567 9.89604L48.3483 14.6045C44.0844 10.5911 38.5932 8.31662 32.7403 8.13948V1.48074H38.2862V0H25.7138V1.48074H31.2596V8.13948C25.4067 8.31662 19.9155 10.5912 15.6516 14.6045L10.9431 9.89604L14.8646 5.97454L13.8175 4.92751L4.92755 13.8176L5.97458 14.8646L9.89608 10.9431L14.6045 15.6515C10.5912 19.9155 8.31661 25.4067 8.13946 31.2597H1.48073V25.7138H0V38.2862H1.48073V32.7404H8.13946C8.3166 38.5933 10.5911 44.0844 14.6044 48.3483L9.89597 53.0567L5.97448 49.1352L4.92745 50.1823L13.8174 59.0723L14.8645 58.0252L10.943 54.1038L15.6515 49.3954C19.9154 53.4089 25.4066 55.6834 31.2596 55.8606V62.5193H25.7138V64H38.2862V62.5193H32.7403V55.8606C38.5932 55.6834 44.0844 53.4089 48.3484 49.3955L53.0566 54.1037L49.1351 58.0252L50.1822 59.0723L59.0723 50.1823L58.0252 49.1352L54.1038 53.0566L49.3955 48.3483C53.4088 44.0844 55.6833 38.5933 55.8605 32.7404H62.5193V38.2862H64V25.7138H62.5193ZM32 54.3924C19.6528 54.3924 9.60768 44.3472 9.60768 32C9.60768 19.6529 19.6528 9.6077 32 9.6077C44.3471 9.6077 54.3923 19.6529 54.3923 32C54.3923 44.3472 44.3471 54.3924 32 54.3924Z"/>
+<path d="M25.3459 18.0485C21.7953 18.0485 18.9066 20.9371 18.9066 24.4877C18.9066 28.0384 21.7953 30.927 25.3459 30.927C28.8965 30.927 31.7851 28.0384 31.7851 24.4877C31.7851 20.9371 28.8965 18.0485 25.3459 18.0485ZM25.3459 29.4463C22.6118 29.4463 20.3874 27.2219 20.3874 24.4877C20.3874 21.7536 22.6118 19.5292 25.3459 19.5292C28.08 19.5292 30.3044 21.7536 30.3044 24.4877C30.3044 27.2219 28.08 29.4463 25.3459 29.4463Z"/>
+<path d="M42.7986 29.7161C40.3755 29.7161 38.404 31.6876 38.404 34.1108C38.404 36.534 40.3755 38.5054 42.7986 38.5054C45.2219 38.5054 47.1933 36.534 47.1933 34.1108C47.1933 31.6876 45.2219 29.7161 42.7986 29.7161ZM42.7986 37.0247C41.1919 37.0247 39.8848 35.7176 39.8848 34.1108C39.8848 32.5041 41.1919 31.1969 42.7986 31.1969C44.4054 31.1969 45.7126 32.5041 45.7126 34.1108C45.7126 35.7176 44.4054 37.0247 42.7986 37.0247Z"/>
+<path d="M27.8651 38.3342C25.7035 38.3342 23.945 40.0927 23.945 42.2543C23.945 44.4158 25.7035 46.1742 27.8651 46.1742C30.0266 46.1742 31.7851 44.4158 31.7851 42.2543C31.7851 40.0927 30.0266 38.3342 27.8651 38.3342ZM27.8651 44.6935C26.52 44.6935 25.4258 43.5993 25.4258 42.2543C25.4258 40.9092 26.52 39.8149 27.8651 39.8149C29.2101 39.8149 30.3044 40.9092 30.3044 42.2543C30.3044 43.5993 29.2101 44.6935 27.8651 44.6935Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9603">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/microbial-genomics.svg

@@ -0,0 +1,15 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9507)">
+<path d="M26.0583 18.8852C26.0583 16.2954 23.9512 14.1884 21.3614 14.1884C18.7715 14.1884 16.6646 16.2954 16.6646 18.8852C16.6646 21.4751 18.7715 23.5821 21.3614 23.5821C23.9512 23.5821 26.0583 21.4751 26.0583 18.8852ZM18.1136 18.8852C18.1136 17.0944 19.5705 15.6374 21.3614 15.6374C23.1522 15.6374 24.6092 17.0944 24.6092 18.8852C24.6092 20.6761 23.1522 22.1331 21.3614 22.1331C19.5705 22.1331 18.1136 20.6761 18.1136 18.8852Z"/>
+<path d="M36.2909 37.3804C33.701 37.3804 31.5941 39.4873 31.5941 42.0773C31.5941 44.6672 33.701 46.7741 36.2909 46.7741C38.8808 46.7741 40.9877 44.6672 40.9877 42.0773C40.9877 39.4873 38.8808 37.3804 36.2909 37.3804ZM36.2909 45.3251C34.5001 45.3251 33.0431 43.8681 33.0431 42.0773C33.0431 40.2864 34.5001 38.8294 36.2909 38.8294C38.0817 38.8294 39.5387 40.2864 39.5387 42.0773C39.5387 43.8681 38.0817 45.3251 36.2909 45.3251Z"/>
+<path d="M35.4498 32.6065C37.0118 32.6065 38.2826 31.3357 38.2826 29.7736C38.2826 28.2116 37.0118 26.9408 35.4498 26.9408C33.8877 26.9408 32.6169 28.2116 32.6169 29.7736C32.6169 31.3357 33.8877 32.6065 35.4498 32.6065ZM35.4498 28.3898C36.2128 28.3898 36.8335 29.0106 36.8335 29.7736C36.8335 30.5367 36.2128 31.1574 35.4498 31.1574C34.6867 31.1574 34.0659 30.5367 34.0659 29.7736C34.0659 29.0106 34.6867 28.3898 35.4498 28.3898Z"/>
+<path d="M47.4225 37.5597C45.8605 37.5597 44.5897 38.8304 44.5897 40.3925C44.5897 41.9545 45.8605 43.2254 47.4225 43.2254C48.9846 43.2254 50.2554 41.9545 50.2554 40.3925C50.2554 38.8304 48.9846 37.5597 47.4225 37.5597ZM47.4225 41.7763C46.6595 41.7763 46.0388 41.1555 46.0388 40.3925C46.0388 39.6295 46.6595 39.0087 47.4225 39.0087C48.1856 39.0087 48.8064 39.6295 48.8064 40.3925C48.8064 41.1555 48.1856 41.7763 47.4225 41.7763Z"/>
+<path d="M24.0829 27.9912C22.5208 27.9912 21.25 29.262 21.25 30.824C21.25 32.386 22.5208 33.6569 24.0829 33.6569C25.6449 33.6569 26.9157 32.386 26.9157 30.824C26.9157 29.262 25.6449 27.9912 24.0829 27.9912ZM24.0829 32.2078C23.3199 32.2078 22.6991 31.5871 22.6991 30.824C22.6991 30.061 23.3199 29.4402 24.0829 29.4402C24.8459 29.4402 25.4667 30.061 25.4667 30.824C25.4667 31.5871 24.8459 32.2078 24.0829 32.2078Z"/>
+<path d="M58.5537 41.7929C58.5537 40.7644 58.4599 39.7504 58.2785 38.7598L64 37.2544L63.6338 35.9907L57.9902 37.4757C57.3678 35.1422 56.2399 32.9716 54.6617 31.0965L58.7816 26.9766L57.8426 26.0377L53.7665 30.1138C53.7371 30.0841 53.7085 30.0537 53.6789 30.0242L47.7667 24.112L51.8418 20.0369L50.9029 19.0979L46.8278 23.173L40.827 17.1722L44.9021 13.0971L43.9631 12.1582L39.888 16.2333L33.8872 10.2325L37.9623 6.15739L37.0234 5.21842L32.9135 9.32831C31.0151 7.70048 28.8339 6.57119 26.543 5.93876L28.0093 0.366198L26.7456 0L25.2621 5.63812C22.9122 5.18509 20.483 5.24046 18.1525 5.80371L16.5046 0.200273L15.2335 0.540001L16.8872 6.16341C14.6577 6.89291 12.5533 8.10506 10.7381 9.79918L6.53178 5.59282L5.59281 6.53178L9.80364 10.7426C8.13369 12.5677 6.94426 14.6774 6.23583 16.9085L0.540001 15.2335L0.200273 16.5046L5.88808 18.1773C5.35008 20.4916 5.31107 22.8992 5.77191 25.2269L0 26.7456L0.366198 28.0093L6.07854 26.5062C6.71507 28.7678 7.83661 30.9203 9.44538 32.7964L5.21842 37.0234L6.15739 37.9623L10.3496 33.7702L16.3503 39.771L12.1582 43.9631L13.0971 44.9021L17.2893 40.7099L23.2901 46.7107L19.0979 50.9029L20.0369 51.8418L24.2291 47.6497L30.1412 53.5618C30.1708 53.5914 30.2011 53.62 30.231 53.6493L26.0377 57.8426L26.9766 58.7816L31.2142 54.544C33.0987 56.127 35.2537 57.2268 37.5147 57.8419L35.9907 63.6338L37.2544 64L38.7971 58.1368C39.8249 58.3309 40.8674 58.4287 41.9101 58.4287C43.2105 58.4287 44.5108 58.2768 45.7824 57.9747L47.4954 63.7997L48.7665 63.46L47.0494 57.621C49.2521 56.9099 51.3343 55.7281 53.1385 54.0774L57.4682 58.4072L58.4072 57.4682L54.082 53.143C55.7316 51.3769 56.956 49.3122 57.7023 47.0733L63.46 48.7665L63.7997 47.4954L58.068 45.8098C58.3883 44.5112 58.5537 43.1648 58.5537 41.7929ZM31.1658 52.5371L11.3439 32.7151C5.41956 26.7908 5.41956 17.1512 11.3439 11.2268C14.3061 8.26461 18.197 6.78352 22.088 6.78352C25.9791 6.78352 29.87 8.26461 32.8322 11.2268L52.6542 31.0488C55.5241 33.9187 57.1047 37.7344 57.1047 41.7929C57.1047 45.8516 55.5241 49.6673 52.6541 52.5371C46.73 58.4614 37.0903 58.4614 31.1658 52.5371Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9507">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>