feat: add icons for related sites

src/lib/components/atoms/icon/icon.constants.ts

@@ -4,24 +4,30 @@ import {
     ArrowTopRight,
     Atom,
     Book,
+    Carousel,
     CircleArrowUp,
     CircleHive,
     CoinStack,
     Convergence,
     DAO,
     Dart,
     Event,
+    Firefly,
     Gaming,
     HorizontalCircleChains,
+    IOTA,
     LayeredRings,
     Menu,
+    MetaMask,
     Meter,
     OpenSource,
     Overlap,
     PieChart,
     RestAPI,
     Search,
     SecurityShield,
+    Shimmer,
+    SignalBars,
     SmallArrowBottomRight,
     SmartContract,
     SquareDots,
@@ -38,24 +44,30 @@ export const ICON_MAP: Record<IconEnum, ComponentType<SvelteComponent>> = {
     [IconEnum.ArrowTopRight]: ArrowTopRight,
     [IconEnum.Atom]: Atom,
     [IconEnum.Book]: Book,
+    [IconEnum.Carousel]: Carousel,
     [IconEnum.CircleArrowUp]: CircleArrowUp,
     [IconEnum.CircleHive]: CircleHive,
     [IconEnum.CoinStack]: CoinStack,
     [IconEnum.Convergence]: Convergence,
     [IconEnum.DAO]: DAO,
     [IconEnum.Dart]: Dart,
     [IconEnum.Event]: Event,
+    [IconEnum.Firefly]: Firefly,
     [IconEnum.Gaming]: Gaming,
     [IconEnum.HorizontalCircleChains]: HorizontalCircleChains,
+    [IconEnum.IOTA]: IOTA,
     [IconEnum.LayeredRings]: LayeredRings,
     [IconEnum.Menu]: Menu,
+    [IconEnum.MetaMask]: MetaMask,
     [IconEnum.Meter]: Meter,
     [IconEnum.OpenSource]: OpenSource,
     [IconEnum.Overlap]: Overlap,
     [IconEnum.PieChart]: PieChart,
     [IconEnum.RestAPI]: RestAPI,
     [IconEnum.Search]: Search,
     [IconEnum.SecurityShield]: SecurityShield,
+    [IconEnum.Shimmer]: Shimmer,
+    [IconEnum.SignalBars]: SignalBars,
     [IconEnum.SmallArrowBottomRight]: SmallArrowBottomRight,
     [IconEnum.SmartContract]: SmartContract,
     [IconEnum.SquareDots]: SquareDots,

src/lib/components/atoms/icon/icon.enums.ts

@@ -2,24 +2,30 @@ export enum IconEnum {
     ArrowTopRight = 'arrow-top-right',
     Atom = 'atom',
     Book = 'book',
+    Carousel = 'carousel',
     CircleArrowUp = 'circle-arrow-up',
     CircleHive = 'circle-hive',
     CoinStack = 'coin-stack',
     Convergence = 'convergence',
     DAO = 'dao',
     Dart = 'dart',
     Event = 'event',
+    Firefly = 'firefly',
     Gaming = 'gaming',
     HorizontalCircleChains = 'horizontal-circle-chains',
+    IOTA = 'iota',
     LayeredRings = 'layered-rings',
     Menu = 'menu',
+    MetaMask = 'metamask',
     Meter = 'meter',
     OpenSource = 'open-source',
     Overlap = 'overlap',
     PieChart = 'pie-chart',
     RestAPI = 'rest-api',
     Search = 'search',
     SecurityShield = 'security-shield',
+    Shimmer = 'shimmer',
+    SignalBars = 'signal-bars',
     SmallArrowBottomRight = 'small-arrow-bottom-right',
     SmartContract = 'smart-contract',
     SquareDots = 'square-dots',

src/lib/components/atoms/icon/icons/carousel.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+    export let width: number = 48
+    export let height: number = 48
+    export let currentColor: boolean = false
+    export let fill: string = currentColor ? 'currentColor' : '#2559F5'
+</script>
+
+<svg {width} {height} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="manipulating_slot_icon">
+        <path
+            id="Rectangle 5456"
+            d="M34 17.4999L37.9185 14.9809C39.2495 14.1253 41 15.081 41 16.6633V31.3366C41 32.919 39.2495 33.8747 37.9185 33.019L34 30.4999"
+            stroke={fill}
+            stroke-width="2"
+        />
+        <path
+            id="Rectangle 5454"
+            d="M14 17.4999L10.0815 14.9809C8.75048 14.1253 7 15.081 7 16.6633V31.3366C7 32.919 8.7505 33.8747 10.0815 33.019L14 30.4999"
+            stroke={fill}
+            stroke-width="2"
+        />
+        <path
+            id="Rectangle 5452"
+            d="M24.4903 24.9315C24.1834 24.3484 24.1834 23.6516 24.4903 23.0685L30.2302 12.1627C31.2026 10.315 34 11.0062 34 13.0942V34.9058C34 36.9938 31.2026 37.685 30.2302 35.8373L24.4903 24.9315Z"
+            stroke={fill}
+            stroke-width="2"
+        />
+        <path
+            id="Rectangle 5455"
+            d="M23.5097 24.9315C23.8166 24.3484 23.8166 23.6516 23.5097 23.0685L17.7698 12.1627C16.7974 10.315 14 11.0062 14 13.0942V34.9058C14 36.9938 16.7974 37.685 17.7698 35.8373L23.5097 24.9315Z"
+            stroke={fill}
+            stroke-width="2"
+        />
+        <path
+            id="Rectangle 5453"
+            d="M24 8L24 40"
+            stroke={fill}
+            stroke-width="2"
+            stroke-linecap="round"
+        />
+    </g>
+</svg>

src/lib/components/atoms/icon/icons/firefly.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+    export let width: number = 48
+    export let height: number = 48
+    export let currentColor: boolean = false
+    export let fill: string = currentColor ? 'currentColor' : 'white'
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 48 48" fill="none">
+    <ellipse
+        cx="5.25"
+        cy="5.25"
+        rx="5.25"
+        ry="5.25"
+        transform="matrix(-4.37114e-08 1 1 4.37114e-08 32.25 8.25)"
+        {fill}
+    />
+    <path
+        d="M12.218 23.2682C14.6125 20.6948 18.1643 19.7223 21.4478 20.7164L31.7112 23.824L19.8439 36.5034C18.092 38.3753 15.5393 39.145 13.116 38.5552C7.7376 37.2461 5.70548 30.2671 9.61365 26.067L12.218 23.2682ZM31.8741 23.6499L31.8738 23.6502L31.8741 23.6499Z"
+        stroke={fill}
+        stroke-width="2"
+    />
+    <path
+        d="M21.6065 27.6189C17.9029 28.7589 13.87 27.7638 11.129 25.0334L8.43389 22.3487C3.88038 17.8129 6.02975 10.0635 12.2751 8.49944C15.0951 7.79321 18.0805 8.61009 20.1425 10.6522L32.5908 22.9801C33.0299 23.415 32.846 24.1591 32.2544 24.3412L21.6065 27.6189Z"
+        {fill}
+    />
+</svg>

src/lib/components/atoms/icon/icons/index.ts

@@ -1,24 +1,30 @@
 export { default as ArrowTopRight } from './arrow-top-right.svelte'
 export { default as Atom } from './atom.svelte'
 export { default as Book } from './book.svelte'
+export { default as Carousel } from './carousel.svelte'
 export { default as CircleArrowUp } from './circle-arrow-up.svelte'
 export { default as CircleHive } from './circle-hive.svelte'
 export { default as CoinStack } from './coin-stack.svelte'
 export { default as Convergence } from './convergence.svelte'
 export { default as DAO } from './dao.svelte'
 export { default as Dart } from './dart.svelte'
 export { default as Event } from './event.svelte'
+export { default as Firefly } from './firefly.svelte'
 export { default as Gaming } from './gaming.svelte'
 export { default as HorizontalCircleChains } from './horizontal-circle-chains.svelte'
+export { default as IOTA } from './iota.svelte'
 export { default as LayeredRings } from './layered-rings.svelte'
 export { default as Menu } from './menu.svelte'
+export { default as MetaMask } from './metamask.svelte'
 export { default as Meter } from './meter.svelte'
 export { default as OpenSource } from './open-source.svelte'
 export { default as Overlap } from './overlap.svelte'
 export { default as PieChart } from './pie-chart.svelte'
 export { default as RestAPI } from './rest-api.svelte'
 export { default as Search } from './search.svelte'
 export { default as SecurityShield } from './security-shield.svelte'
+export { default as Shimmer } from './shimmer.svelte'
+export { default as SignalBars } from './signal-bars.svelte'
 export { default as SmallArrowBottomRight } from './small-arrow-bottom-right.svelte'
 export { default as SmartContract } from './smart-contract.svelte'
 export { default as SquareDots } from './square-dots.svelte'