diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index a8a219f1..74b0f05c 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/react"
 
 import '../src/styles.css'
 import './storybook.css'
@@ -11,7 +11,7 @@ const preview: Preview = {
       const noScaling = c.parameters.noScaling
       return <div id={noScaling ? '' : 'ui-root'}>
         <Story />
-      </div>;
+      </div>
     },
   ],
   parameters: {
@@ -23,6 +23,6 @@ const preview: Preview = {
       },
     },
   },
-};
+}
 
-export default preview;
+export default preview
diff --git a/README.MD b/README.MD
index ad120dbf..9a4ba24a 100644
--- a/README.MD
+++ b/README.MD
@@ -4,14 +4,14 @@
 
 A true Minecraft client running in your browser! A port of the original game to the web, written in JavaScript using modern web technologies.
 
-If you encounter any bugs or usability issues, please report them!
+If you encounter any bugs or usability issues, please report them! For development, see [development](#development--debugging).
 
 You can try this out at [mcraft.fun](https://mcraft.fun/), [pcm.gg](https://pcm.gg) (short link) [mcon.vercel.app](https://mcon.vercel.app/) or the GitHub pages deploy. Every commit from the `develop` (default) branch is deployed to [s.mcraft.fun](https://s.mcraft.fun/) - so it's usually newer, but might be less stable.
 
 ### Big Features
 
 - Open any zip world file or even folder in read-write mode!
-- Connect to cracked servers* (it's possible because of proxy servers, see below)
+- Connect to Java servers running in both offline (cracked) and online mode* (it's possible because of proxy servers, see below)
 - Singleplayer mode with simple world generations!
 - Works offline
 - Play with friends over internet! (P2P is powered by Peer.js discovery servers)
@@ -39,9 +39,9 @@ Whatever offline mode you used (zip, folder, just single player), you can always
 
 ### Servers
 
-You can play almost on any server, supporting offline connections.
+You can play almost on any Java server, vanilla servers are fully supported.
 See the [Mineflayer](https://github.com/PrismarineJS/mineflayer) repo for the list of supported versions (should support majority of versions).
-There is a builtin proxy, but you can also host a your one! Just clone the repo, run `pnpm i` (following CONTRIBUTING.MD) and run `pnpm prod-start`, then you can specify `http://localhost:8080` in the proxy field.
+There is a builtin proxy, but you can also host your one! Just clone the repo, run `pnpm i` (following CONTRIBUTING.MD) and run `pnpm prod-start`, then you can specify `http://localhost:8080` in the proxy field.
 MS account authentication will be supported soon.
 
 ### Rendering
@@ -67,9 +67,9 @@ There are many many settings, that are not exposed in the UI yet. You can find o
 
 To open the console, press `F12`, or if you are on mobile, you can type `#debug` in the URL (browser address bar), it wont't reload the page, but you will see a button to open the console. This way you can change advanced settings and see all errors or warnings. Also this way you can access global variables (described below).
 
-### Debugging
+### Development & Debugging
 
-It should be easy to build/start the project locally. See [CONTRIBUTING.MD](./CONTRIBUTING.md) for more info.
+It should be easy to build/start the project locally. See [CONTRIBUTING.MD](./CONTRIBUTING.md) for more info. Also you can look at Dockerfile for reference.
 
 There is world renderer playground ([link](https://mcon.vercel.app/playground.html)).
 
diff --git a/esbuild.mjs b/esbuild.mjs
index 28b233bf..1f075a62 100644
--- a/esbuild.mjs
+++ b/esbuild.mjs
@@ -85,6 +85,9 @@ const buildOptions = {
     '.vert': 'text',
     '.frag': 'text',
     '.obj': 'text',
+    '.woff': 'dataurl',
+    '.woff2': 'dataurl',
+    '.ttf': 'dataurl',
   },
   write: false,
   // todo would be better to enable?
diff --git a/package.json b/package.json
index 5bf32a69..07e9ff0b 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,6 @@
     "flying-squid": "npm:@zardoy/flying-squid@^0.0.33",
     "fs-extra": "^11.1.1",
     "google-drive-browserfs": "github:zardoy/browserfs#google-drive",
-    "iconify-icon": "^1.0.8",
     "jszip": "^3.10.1",
     "lodash-es": "^4.17.21",
     "minecraft-assets": "^1.12.2",
@@ -77,6 +76,7 @@
     "net-browserify": "github:zardoy/prismarinejs-net-browserify",
     "node-gzip": "^1.1.2",
     "peerjs": "^1.5.0",
+    "pixelarticons": "^1.8.1",
     "pretty-bytes": "^6.1.1",
     "prismarine-provider-anvil": "github:zardoy/prismarine-provider-anvil#everything",
     "prosemirror-example-setup": "^1.2.2",
@@ -169,7 +169,8 @@
     },
     "patchedDependencies": {
       "minecraft-protocol@1.47.0": "patches/minecraft-protocol@1.47.0.patch",
-      "three@0.154.0": "patches/three@0.154.0.patch"
+      "three@0.154.0": "patches/three@0.154.0.patch",
+      "pixelarticons@1.8.1": "patches/pixelarticons@1.8.1.patch"
     }
   },
   "packageManager": "pnpm@9.0.4"
diff --git a/patches/pixelarticons@1.8.1.patch b/patches/pixelarticons@1.8.1.patch
new file mode 100644
index 00000000..10044536
--- /dev/null
+++ b/patches/pixelarticons@1.8.1.patch
@@ -0,0 +1,27 @@
+diff --git a/fonts/pixelart-icons-font.css b/fonts/pixelart-icons-font.css
+index 3b2ebe839370d96bf93ef5ca94a827f07e49378d..103ab4d6b9f3b5c9f41d1407e3cbf4ac392fbf41 100644
+--- a/fonts/pixelart-icons-font.css
++++ b/fonts/pixelart-icons-font.css
+@@ -1,16 +1,13 @@
+ @font-face {
+   font-family: "pixelart-icons-font";
+-  src: url('pixelart-icons-font.eot?t=1711815892278'); /* IE9*/
+-  src: url('pixelart-icons-font.eot?t=1711815892278#iefix') format('embedded-opentype'), /* IE6-IE8 */
++  src:
+   url("pixelart-icons-font.woff2?t=1711815892278") format("woff2"),
+   url("pixelart-icons-font.woff?t=1711815892278") format("woff"),
+   url('pixelart-icons-font.ttf?t=1711815892278') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+-  url('pixelart-icons-font.svg?t=1711815892278#pixelart-icons-font') format('svg'); /* iOS 4.1- */
+ }
+ 
+ [class^="pixelart-icons-font-"], [class*=" pixelart-icons-font-"] {
+   font-family: 'pixelart-icons-font' !important;
+-  font-size:24px;
+   font-style:normal;
+   -webkit-font-smoothing: antialiased;
+   -moz-osx-font-smoothing: grayscale;
+@@ -503,4 +500,3 @@
+ .pixelart-icons-font-zap:before { content: "\ebe4"; }
+ .pixelart-icons-font-zoom-in:before { content: "\ebe5"; }
+ .pixelart-icons-font-zoom-out:before { content: "\ebe6"; }
+-
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cf890476..2208e681 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@ patchedDependencies:
   minecraft-protocol@1.47.0:
     hash: 7otpchsbv7hxsuis4rrrwdtbve
     path: patches/minecraft-protocol@1.47.0.patch
+  pixelarticons@1.8.1:
+    hash: cclg2qo6d4yjs4evj64nr2mbwa
+    path: patches/pixelarticons@1.8.1.patch
   three@0.154.0:
     hash: sj7ocb4p23jym6bkfgueanti2e
     path: patches/three@0.154.0.patch
@@ -115,9 +118,6 @@ importers:
       google-drive-browserfs:
         specifier: github:zardoy/browserfs#google-drive
         version: browserfs@https://codeload.github.com/zardoy/browserfs/tar.gz/ab58ae8ef00e3a31db01909e365e6cb5188436e0
-      iconify-icon:
-        specifier: ^1.0.8
-        version: 1.0.8
       jszip:
         specifier: ^3.10.1
         version: 3.10.1
@@ -148,6 +148,9 @@ importers:
       peerjs:
         specifier: ^1.5.0
         version: 1.5.0
+      pixelarticons:
+        specifier: ^1.8.1
+        version: 1.8.1(patch_hash=cclg2qo6d4yjs4evj64nr2mbwa)
       pretty-bytes:
         specifier: ^6.1.1
         version: 6.1.1
@@ -1723,9 +1726,6 @@ packages:
   '@humanwhocodes/object-schema@1.2.1':
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
 
-  '@iconify/types@2.0.0':
-    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
-
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -5158,9 +5158,6 @@ packages:
   hyphenate-style-name@1.0.4:
     resolution: {integrity: sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==}
 
-  iconify-icon@1.0.8:
-    resolution: {integrity: sha512-jvbUKHXf8EnGGArmhlP2IG8VqQLFFyTvTqb9LVL2TKTh7/eCCD1o2HHE9thpbJJb6B8hzhcFb6rOKhvo7reNKA==}
-
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -6633,6 +6630,9 @@ packages:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
     engines: {node: '>= 6'}
 
+  pixelarticons@1.8.1:
+    resolution: {integrity: sha512-4taoDCleft9RtzVHLA73VDnRBwJNqlwbW8ShO6S0G9b+bM5ArGe1MVFW9xpromuPvQgVUYCSjRxNAQuNtADqyA==}
+
   pixelmatch@4.0.2:
     resolution: {integrity: sha512-J8B6xqiO37sU/gkcMglv6h5Jbd9xNER7aHzpfRdNmV4IbQBzBpe4l9XmbG+xPF/znacgu2jfEw+wHffaq/YkXA==}
     hasBin: true
@@ -9985,8 +9985,6 @@ snapshots:
 
   '@humanwhocodes/object-schema@1.2.1': {}
 
-  '@iconify/types@2.0.0': {}
-
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -14722,10 +14720,6 @@ snapshots:
 
   hyphenate-style-name@1.0.4: {}
 
-  iconify-icon@1.0.8:
-    dependencies:
-      '@iconify/types': 2.0.0
-
   iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
@@ -16433,6 +16427,8 @@ snapshots:
 
   pirates@4.0.6: {}
 
+  pixelarticons@1.8.1(patch_hash=cclg2qo6d4yjs4evj64nr2mbwa): {}
+
   pixelmatch@4.0.2:
     dependencies:
       pngjs: 3.4.0
diff --git a/scripts/genPixelartTypes.ts b/scripts/genPixelartTypes.ts
new file mode 100644
index 00000000..e7c9649a
--- /dev/null
+++ b/scripts/genPixelartTypes.ts
@@ -0,0 +1,16 @@
+import fs from 'fs'
+
+const icons = fs.readdirSync('node_modules/pixelarticons/svg')
+
+const addIconPath = '../../node_modules/pixelarticons/svg/'
+
+let str = 'export type PixelartIconsGenerated = {\n'
+for (const icon of icons) {
+    const name = icon.replace('.svg', '')
+    // jsdoc
+    const jsdocImage = '![image](' + addIconPath + icon + ')'
+    str += `  /** ${jsdocImage} */\n`
+    str += ` '${name}': string;\n`
+}
+str += '}\n'
+fs.writeFileSync('./src/react/pixelartIcons.generated.ts', str, 'utf8')
diff --git a/src/index.ts b/src/index.ts
index e73e8240..e34e81ab 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -2,7 +2,6 @@
 import './importsWorkaround'
 import './styles.css'
 import './globals'
-import 'iconify-icon'
 import './devtools'
 import './entities'
 import './globalDomListeners'
diff --git a/src/packetsPatcher.ts b/src/packetsPatcher.ts
index f877d6ed..587c41c9 100644
--- a/src/packetsPatcher.ts
+++ b/src/packetsPatcher.ts
@@ -2,13 +2,13 @@
 // todo these fixes should be ported to mineflayer
 
 export default () => {
-    customEvents.on('mineflayerBotCreated', () => {
-        bot._client.on('packet', (data, meta) => {
-            if (meta.name === 'map_chunk') {
-                if (data.groundUp && data.bitMap === 1 && data.chunkData.every(x => x === 0)) {
-                    data.chunkData = Buffer.from(Array.from({ length: 12_544 }).fill(0) as any)
-                }
-            }
-        })
+  customEvents.on('mineflayerBotCreated', () => {
+    bot._client.on('packet', (data, meta) => {
+      if (meta.name === 'map_chunk') {
+        if (data.groundUp && data.bitMap === 1 && data.chunkData.every(x => x === 0)) {
+          data.chunkData = Buffer.from(Array.from({ length: 12_544 }).fill(0) as any)
+        }
+      }
     })
+  })
 }
diff --git a/src/react/Button.tsx b/src/react/Button.tsx
index 20dc0801..10ff2fb0 100644
--- a/src/react/Button.tsx
+++ b/src/react/Button.tsx
@@ -2,6 +2,7 @@ import classNames from 'classnames'
 import { createContext, FC, Ref, useContext } from 'react'
 import buttonCss from './button.module.css'
 import SharedHudVars from './SharedHudVars'
+import PixelartIcon from './PixelartIcon'
 
 // testing in storybook from deathscreen
 
@@ -17,7 +18,7 @@ const ButtonContext = createContext({
   onClick () { },
 })
 
-export const ButtonProvider: FC<{children, onClick}> = ({ children, onClick }) => {
+export const ButtonProvider: FC<{ children, onClick }> = ({ children, onClick }) => {
   return <ButtonContext.Provider value={{ onClick }}>{children}</ButtonContext.Provider>
 }
 
@@ -39,7 +40,7 @@ export default (({ label, icon, children, inScreen, rootRef, type = 'button', ..
 
   return <SharedHudVars>
     <button ref={rootRef} {...args} className={classNames(buttonCss.button, args.className)} onClick={onClick} type={type}>
-      {icon && <iconify-icon class={buttonCss.icon} icon={icon}></iconify-icon>}
+      {icon && <PixelartIcon className={buttonCss.icon} iconName={icon} />}
       {label}
       {children}
     </button>
diff --git a/src/react/ConceptCommandsGui.stories.tsx b/src/react/ConceptCommandsGui.stories.tsx
index 89cb6eff..4f3586d4 100644
--- a/src/react/ConceptCommandsGui.stories.tsx
+++ b/src/react/ConceptCommandsGui.stories.tsx
@@ -11,7 +11,6 @@ const Button2 = ({ title, icon }) => {
       <div>
         {title}
       </div>
-      {/* <iconify-icon icon="pixelarticons: */}
       <div style={{ width: 30, height: 30 }} className='full-svg'>
         {icon}
       </div>
@@ -44,7 +43,7 @@ const meta: Meta<any> = {
 }
 
 export default meta
-type Story = StoryObj<any>;
+type Story = StoryObj<any>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/IndicatorEffects.stories.tsx b/src/react/IndicatorEffects.stories.tsx
index 455718fe..e0371550 100644
--- a/src/react/IndicatorEffects.stories.tsx
+++ b/src/react/IndicatorEffects.stories.tsx
@@ -1,5 +1,3 @@
-import 'iconify-icon'
-
 import type { Meta, StoryObj } from '@storybook/react'
 
 import IndicatorEffects, { defaultIndicatorsState } from './IndicatorEffects'
@@ -10,7 +8,7 @@ const meta: Meta<typeof IndicatorEffects> = {
 }
 
 export default meta
-type Story = StoryObj<typeof IndicatorEffects>;
+type Story = StoryObj<typeof IndicatorEffects>
 
 export const Primary: Story = {
   args: {
@@ -20,15 +18,15 @@ export const Primary: Story = {
         image: images.glowing,
         time: 200,
         level: 255,
-        removeEffect (image: string) {},
-        reduceTime (image: string) {}
+        removeEffect (image: string) { },
+        reduceTime (image: string) { }
       },
       {
         image: images.absorption,
         time: 30,
         level: 99,
-        removeEffect (image: string) {},
-        reduceTime (image: string) {}
+        removeEffect (image: string) { },
+        reduceTime (image: string) { }
       }
     ],
   }
diff --git a/src/react/KeybindingsScreen.tsx b/src/react/KeybindingsScreen.tsx
index 2de24de8..45a14f20 100644
--- a/src/react/KeybindingsScreen.tsx
+++ b/src/react/KeybindingsScreen.tsx
@@ -7,7 +7,7 @@ import triangle from './ps_icons/playstation_triangle_console_controller_gamepad
 import square from './ps_icons/playstation_square_console_controller_gamepad_icon.svg'
 import circle from './ps_icons/circle_playstation_console_controller_gamepad_icon.svg'
 import cross from './ps_icons/cross_playstation_console_controller_gamepad_icon.svg'
-import PixelartIcon from './PixelartIcon'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
 import KeybindingsCustom, { CustomCommandsMap } from './KeybindingsCustom'
 import { BindingActionsContext } from './KeybindingsScreenProvider'
 import Button from './Button'
@@ -224,7 +224,7 @@ export default (
                   }}
                   style={{ opacity: userConfig?.[group]?.[action]?.keys?.length ? 1 : 0 }}
                   className={styles['undo-keyboard']}
-                  icon={'pixelarticons:undo'}
+                  icon={pixelartIcons.undo}
                 />
 
                 {[0, 1].map((key, index) => <ButtonWithMatchesAlert
@@ -248,7 +248,7 @@ export default (
                     width: '0px'
                   }}
                   className={`${styles['undo-gamepad']} ${styles['margin-left']}`}
-                  icon={'pixelarticons:undo'}
+                  icon={pixelartIcons.undo}
                 />
                 <ButtonWithMatchesAlert
                   key={`gamepad-${group}-${action}`}
@@ -325,6 +325,7 @@ export const ButtonWithMatchesAlert = ({
             && prop.action === action
         )
     ) ? (
+      //@ts-format-ignore-region
         <div id={`bind-warning-${group}-${action}-${inputType}-${index}`} className={styles['matched-bind-warning']}>
           <PixelartIcon
             iconName={'alert'}
@@ -334,12 +335,16 @@ export const ButtonWithMatchesAlert = ({
               justifyContent: 'center',
               alignItems: 'center',
               marginRight: '2px'
-            }} />
+            }}
+          />
           <div>
-            This bind is already in use. <span></span>
+          This bind is already in use. <span></span>
           </div>
         </div>
-      ) : null}
+      //@ts-format-ignore-endregion
+    )
+      : null
+    }
   </div>
 }
 
@@ -357,7 +362,7 @@ export const AwaitingInputOverlay = ({ isGamepad }) => {
     zIndex: 10,
     textAlign: 'center',
   }}
-  onContextMenu={e => e.preventDefault()}
+    onContextMenu={e => e.preventDefault()}
   >
     <div>
       {isGamepad ? 'Press the button on the gamepad ' : 'Press the key, side mouse button '}
@@ -383,7 +388,7 @@ const parseBindingName = (binding: string | undefined) => {
   if (!binding) return ''
   const cut = binding.replaceAll(/(Numpad|Digit|Key)/g, '')
 
-  const parts = cut.includes('+') ? cut.split('+') : [cut] 
+  const parts = cut.includes('+') ? cut.split('+') : [cut]
   for (let i = 0; i < parts.length; i++) {
     parts[i] = parts[i].split(/(?=[A-Z\d])/).reverse().join(' ')
   }
diff --git a/src/react/MainMenu.tsx b/src/react/MainMenu.tsx
index 43908645..03e61d96 100644
--- a/src/react/MainMenu.tsx
+++ b/src/react/MainMenu.tsx
@@ -5,6 +5,7 @@ import { activeModalStack } from '../globalState'
 import styles from './mainMenu.module.css'
 import Button from './Button'
 import ButtonWithTooltip from './ButtonWithTooltip'
+import { pixelartIcons } from './PixelartIcon'
 
 type Action = (e: React.MouseEvent<HTMLButtonElement>) => void
 
@@ -100,7 +101,7 @@ export default ({ connectToServerAction, mapsProvider, singleplayerAction, optio
 
           <ButtonWithTooltip
             data-test-id='select-file-folder'
-            icon='pixelarticons:folder'
+            icon={pixelartIcons.folder}
             onClick={openFileAction}
             initialTooltip={{
               content: 'Load any Java world save' + (haveDirectoryPicker() ? '' : ' (zip)!'),
@@ -155,7 +156,7 @@ export default ({ connectToServerAction, mapsProvider, singleplayerAction, optio
       {mapsProvider &&
         <ButtonWithTooltip
           className={styles['maps-provider']}
-          icon='pixelarticons:map'
+          icon={pixelartIcons.map}
           initialTooltip={{ content: 'Explore maps to play from provider!', placement: 'right' }}
           onClick={() => openURL(httpsRegex.test(mapsProvider) ? mapsProvider : 'https://' + mapsProvider, false)}
         />}
diff --git a/src/react/PixelartIcon.tsx b/src/react/PixelartIcon.tsx
index e9d97474..ccbede20 100644
--- a/src/react/PixelartIcon.tsx
+++ b/src/react/PixelartIcon.tsx
@@ -1,7 +1,23 @@
 import { CSSProperties } from 'react'
+import { PixelartIconsGenerated } from './pixelartIcons.generated'
 
-// names: https://pixelarticons.com/free/
-export default ({ iconName, width = undefined as undefined | number, styles = {} as CSSProperties, className = undefined, onClick = () => { } }) => {
+export default ({
+  iconName,
+  width = undefined as undefined | number,
+  styles = {} as CSSProperties,
+  className = undefined as undefined | string,
+  onClick = () => { }
+}) => {
   if (width !== undefined) styles = { width, height: width, ...styles }
-  return <iconify-icon icon={`pixelarticons:${iconName}`} style={styles} class={className} onClick={onClick} />
+  iconName = iconName.replace('pixelarticons:', '')
+
+  return <div style={{
+    ...styles
+  }} onClick={onClick} className={`${`pixelart-icons-font-${iconName}`} ${className ?? ''}`} />
 }
+
+export const pixelartIcons = new Proxy({} as PixelartIconsGenerated, {
+  get (target, prop) {
+    return prop as string
+  }
+})
diff --git a/src/react/ServersList.stories.tsx b/src/react/ServersList.stories.tsx
index faeb8006..486c4e7d 100644
--- a/src/react/ServersList.stories.tsx
+++ b/src/react/ServersList.stories.tsx
@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from '@storybook/react'
-import 'iconify-icon'
 
 import { useState } from 'react'
 import AddServerOrConnect from './AddServerOrConnect'
diff --git a/src/react/globals.d.ts b/src/react/globals.d.ts
index 7b0f64bb..53f2208e 100644
--- a/src/react/globals.d.ts
+++ b/src/react/globals.d.ts
@@ -39,12 +39,5 @@ interface PromiseConstructor {
 }
 
 declare namespace JSX {
-    interface IntrinsicElements {
-        'iconify-icon': {
-            icon: string
-            style?: React.CSSProperties
-            class?: string
-            onClick?: (e) => void
-        }
-    }
+    interface IntrinsicElements { }
 }
diff --git a/src/react/pixelartIcons.generated.ts b/src/react/pixelartIcons.generated.ts
new file mode 100644
index 00000000..b8f717c1
--- /dev/null
+++ b/src/react/pixelartIcons.generated.ts
@@ -0,0 +1,974 @@
+export type PixelartIconsGenerated = {
+  /** ![image](../../node_modules/pixelarticons/svg/4g.svg) */
+ '4g': string;
+  /** ![image](../../node_modules/pixelarticons/svg/4k-box.svg) */
+ '4k-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/4k.svg) */
+ '4k': string;
+  /** ![image](../../node_modules/pixelarticons/svg/5g.svg) */
+ '5g': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ab-testing.svg) */
+ 'ab-testing': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ac.svg) */
+ 'ac': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-box-multiple.svg) */
+ 'add-box-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-box.svg) */
+ 'add-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-col.svg) */
+ 'add-col': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-grid.svg) */
+ 'add-grid': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-row.svg) */
+ 'add-row': string;
+  /** ![image](../../node_modules/pixelarticons/svg/alert.svg) */
+ 'alert': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-center.svg) */
+ 'align-center': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-justify.svg) */
+ 'align-justify': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-left.svg) */
+ 'align-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-right.svg) */
+ 'align-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/analytics.svg) */
+ 'analytics': string;
+  /** ![image](../../node_modules/pixelarticons/svg/anchor.svg) */
+ 'anchor': string;
+  /** ![image](../../node_modules/pixelarticons/svg/android.svg) */
+ 'android': string;
+  /** ![image](../../node_modules/pixelarticons/svg/animation.svg) */
+ 'animation': string;
+  /** ![image](../../node_modules/pixelarticons/svg/archive.svg) */
+ 'archive': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-down.svg) */
+ 'arrow-bar-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-left.svg) */
+ 'arrow-bar-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-right.svg) */
+ 'arrow-bar-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-up.svg) */
+ 'arrow-bar-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-down-box.svg) */
+ 'arrow-down-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-down.svg) */
+ 'arrow-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-left-box.svg) */
+ 'arrow-left-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-left.svg) */
+ 'arrow-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-right-box.svg) */
+ 'arrow-right-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-right.svg) */
+ 'arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-up-box.svg) */
+ 'arrow-up-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-up.svg) */
+ 'arrow-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrows-horizontal.svg) */
+ 'arrows-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrows-vertical.svg) */
+ 'arrows-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/art-text.svg) */
+ 'art-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/article-multiple.svg) */
+ 'article-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/article.svg) */
+ 'article': string;
+  /** ![image](../../node_modules/pixelarticons/svg/aspect-ratio.svg) */
+ 'aspect-ratio': string;
+  /** ![image](../../node_modules/pixelarticons/svg/at.svg) */
+ 'at': string;
+  /** ![image](../../node_modules/pixelarticons/svg/attachment.svg) */
+ 'attachment': string;
+  /** ![image](../../node_modules/pixelarticons/svg/audio-device.svg) */
+ 'audio-device': string;
+  /** ![image](../../node_modules/pixelarticons/svg/avatar.svg) */
+ 'avatar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/backburger.svg) */
+ 'backburger': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-1.svg) */
+ 'battery-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-2.svg) */
+ 'battery-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-charging.svg) */
+ 'battery-charging': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-full.svg) */
+ 'battery-full': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery.svg) */
+ 'battery': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bed.svg) */
+ 'bed': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bitcoin.svg) */
+ 'bitcoin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bluetooth.svg) */
+ 'bluetooth': string;
+  /** ![image](../../node_modules/pixelarticons/svg/book-open.svg) */
+ 'book-open': string;
+  /** ![image](../../node_modules/pixelarticons/svg/book.svg) */
+ 'book': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bookmark.svg) */
+ 'bookmark': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bookmarks.svg) */
+ 'bookmarks': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-account.svg) */
+ 'briefcase-account': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-check.svg) */
+ 'briefcase-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-delete.svg) */
+ 'briefcase-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-download.svg) */
+ 'briefcase-download': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-minus.svg) */
+ 'briefcase-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-plus.svg) */
+ 'briefcase-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-search-1.svg) */
+ 'briefcase-search-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-search.svg) */
+ 'briefcase-search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-upload.svg) */
+ 'briefcase-upload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase.svg) */
+ 'briefcase': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bug.svg) */
+ 'bug': string;
+  /** ![image](../../node_modules/pixelarticons/svg/building-community.svg) */
+ 'building-community': string;
+  /** ![image](../../node_modules/pixelarticons/svg/building-skyscraper.svg) */
+ 'building-skyscraper': string;
+  /** ![image](../../node_modules/pixelarticons/svg/building.svg) */
+ 'building': string;
+  /** ![image](../../node_modules/pixelarticons/svg/buildings.svg) */
+ 'buildings': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bulletlist.svg) */
+ 'bulletlist': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bullseye-arrow.svg) */
+ 'bullseye-arrow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bullseye.svg) */
+ 'bullseye': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bus.svg) */
+ 'bus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cake.svg) */
+ 'cake': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calculator.svg) */
+ 'calculator': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-alert.svg) */
+ 'calendar-alert': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-arrow-left.svg) */
+ 'calendar-arrow-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-arrow-right.svg) */
+ 'calendar-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-check.svg) */
+ 'calendar-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-export.svg) */
+ 'calendar-export': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-grid.svg) */
+ 'calendar-grid': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-import.svg) */
+ 'calendar-import': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-minus.svg) */
+ 'calendar-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-month.svg) */
+ 'calendar-month': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-multiple-check.svg) */
+ 'calendar-multiple-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-multiple.svg) */
+ 'calendar-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-plus.svg) */
+ 'calendar-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-range.svg) */
+ 'calendar-range': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-remove.svg) */
+ 'calendar-remove': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-search.svg) */
+ 'calendar-search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-sort-ascending.svg) */
+ 'calendar-sort-ascending': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-sort-descending.svg) */
+ 'calendar-sort-descending': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-text.svg) */
+ 'calendar-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-today.svg) */
+ 'calendar-today': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-tomorrow.svg) */
+ 'calendar-tomorrow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-week-begin.svg) */
+ 'calendar-week-begin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-week.svg) */
+ 'calendar-week': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-weekend.svg) */
+ 'calendar-weekend': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar.svg) */
+ 'calendar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera-add.svg) */
+ 'camera-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera-alt.svg) */
+ 'camera-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera-face.svg) */
+ 'camera-face': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera.svg) */
+ 'camera': string;
+  /** ![image](../../node_modules/pixelarticons/svg/car.svg) */
+ 'car': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-id.svg) */
+ 'card-id': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-plus.svg) */
+ 'card-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-stack.svg) */
+ 'card-stack': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-text.svg) */
+ 'card-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card.svg) */
+ 'card': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cart.svg) */
+ 'cart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cast.svg) */
+ 'cast': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-0.svg) */
+ 'cellular-signal-0': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-1.svg) */
+ 'cellular-signal-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-2.svg) */
+ 'cellular-signal-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-3.svg) */
+ 'cellular-signal-3': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-off.svg) */
+ 'cellular-signal-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-add.svg) */
+ 'chart-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-bar.svg) */
+ 'chart-bar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-delete.svg) */
+ 'chart-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-minus.svg) */
+ 'chart-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-multiple.svg) */
+ 'chart-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart.svg) */
+ 'chart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chat.svg) */
+ 'chat': string;
+  /** ![image](../../node_modules/pixelarticons/svg/check-double.svg) */
+ 'check-double': string;
+  /** ![image](../../node_modules/pixelarticons/svg/check.svg) */
+ 'check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/checkbox-on.svg) */
+ 'checkbox-on': string;
+  /** ![image](../../node_modules/pixelarticons/svg/checkbox.svg) */
+ 'checkbox': string;
+  /** ![image](../../node_modules/pixelarticons/svg/checklist.svg) */
+ 'checklist': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chess.svg) */
+ 'chess': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-down.svg) */
+ 'chevron-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-left.svg) */
+ 'chevron-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-right.svg) */
+ 'chevron-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-up.svg) */
+ 'chevron-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevrons-horizontal.svg) */
+ 'chevrons-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevrons-vertical.svg) */
+ 'chevrons-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/circle.svg) */
+ 'circle': string;
+  /** ![image](../../node_modules/pixelarticons/svg/clipboard.svg) */
+ 'clipboard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/clock.svg) */
+ 'clock': string;
+  /** ![image](../../node_modules/pixelarticons/svg/close-box.svg) */
+ 'close-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/close.svg) */
+ 'close': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-done.svg) */
+ 'cloud-done': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-download.svg) */
+ 'cloud-download': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-moon.svg) */
+ 'cloud-moon': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-sun.svg) */
+ 'cloud-sun': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-upload.svg) */
+ 'cloud-upload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud.svg) */
+ 'cloud': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cocktail.svg) */
+ 'cocktail': string;
+  /** ![image](../../node_modules/pixelarticons/svg/code.svg) */
+ 'code': string;
+  /** ![image](../../node_modules/pixelarticons/svg/coffee-alt.svg) */
+ 'coffee-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/coffee.svg) */
+ 'coffee': string;
+  /** ![image](../../node_modules/pixelarticons/svg/coin.svg) */
+ 'coin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/collapse.svg) */
+ 'collapse': string;
+  /** ![image](../../node_modules/pixelarticons/svg/colors-swatch.svg) */
+ 'colors-swatch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/command.svg) */
+ 'command': string;
+  /** ![image](../../node_modules/pixelarticons/svg/comment.svg) */
+ 'comment': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact-delete.svg) */
+ 'contact-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact-multiple.svg) */
+ 'contact-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact-plus.svg) */
+ 'contact-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact.svg) */
+ 'contact': string;
+  /** ![image](../../node_modules/pixelarticons/svg/copy.svg) */
+ 'copy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-down-left.svg) */
+ 'corner-down-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-down-right.svg) */
+ 'corner-down-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-left-down.svg) */
+ 'corner-left-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-left-up.svg) */
+ 'corner-left-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-right-down.svg) */
+ 'corner-right-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-right-up.svg) */
+ 'corner-right-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-up-left.svg) */
+ 'corner-up-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-up-right.svg) */
+ 'corner-up-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-delete.svg) */
+ 'credit-card-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-minus.svg) */
+ 'credit-card-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-multiple.svg) */
+ 'credit-card-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-plus.svg) */
+ 'credit-card-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-settings.svg) */
+ 'credit-card-settings': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-wireless.svg) */
+ 'credit-card-wireless': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card.svg) */
+ 'credit-card': string;
+  /** ![image](../../node_modules/pixelarticons/svg/crop.svg) */
+ 'crop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cut.svg) */
+ 'cut': string;
+  /** ![image](../../node_modules/pixelarticons/svg/dashboard.svg) */
+ 'dashboard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-check.svg) */
+ 'debug-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-off.svg) */
+ 'debug-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-pause.svg) */
+ 'debug-pause': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-play.svg) */
+ 'debug-play': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-stop.svg) */
+ 'debug-stop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug.svg) */
+ 'debug': string;
+  /** ![image](../../node_modules/pixelarticons/svg/delete.svg) */
+ 'delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/deskphone.svg) */
+ 'deskphone': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-laptop.svg) */
+ 'device-laptop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-phone.svg) */
+ 'device-phone': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-tablet.svg) */
+ 'device-tablet': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-tv-smart.svg) */
+ 'device-tv-smart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-tv.svg) */
+ 'device-tv': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-vibrate.svg) */
+ 'device-vibrate': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-watch.svg) */
+ 'device-watch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/devices.svg) */
+ 'devices': string;
+  /** ![image](../../node_modules/pixelarticons/svg/dice.svg) */
+ 'dice': string;
+  /** ![image](../../node_modules/pixelarticons/svg/dollar.svg) */
+ 'dollar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/downasaur.svg) */
+ 'downasaur': string;
+  /** ![image](../../node_modules/pixelarticons/svg/download.svg) */
+ 'download': string;
+  /** ![image](../../node_modules/pixelarticons/svg/draft.svg) */
+ 'draft': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drag-and-drop.svg) */
+ 'drag-and-drop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop-area.svg) */
+ 'drop-area': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop-full.svg) */
+ 'drop-full': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop-half.svg) */
+ 'drop-half': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop.svg) */
+ 'drop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/duplicate-alt.svg) */
+ 'duplicate-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/duplicate.svg) */
+ 'duplicate': string;
+  /** ![image](../../node_modules/pixelarticons/svg/edit-box.svg) */
+ 'edit-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/edit.svg) */
+ 'edit': string;
+  /** ![image](../../node_modules/pixelarticons/svg/euro.svg) */
+ 'euro': string;
+  /** ![image](../../node_modules/pixelarticons/svg/expand.svg) */
+ 'expand': string;
+  /** ![image](../../node_modules/pixelarticons/svg/external-link.svg) */
+ 'external-link': string;
+  /** ![image](../../node_modules/pixelarticons/svg/eye-closed.svg) */
+ 'eye-closed': string;
+  /** ![image](../../node_modules/pixelarticons/svg/eye.svg) */
+ 'eye': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-alt.svg) */
+ 'file-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-delete.svg) */
+ 'file-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-flash.svg) */
+ 'file-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-minus.svg) */
+ 'file-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-multiple.svg) */
+ 'file-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-off.svg) */
+ 'file-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-plus.svg) */
+ 'file-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file.svg) */
+ 'file': string;
+  /** ![image](../../node_modules/pixelarticons/svg/fill-half.svg) */
+ 'fill-half': string;
+  /** ![image](../../node_modules/pixelarticons/svg/fill.svg) */
+ 'fill': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flag.svg) */
+ 'flag': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flatten.svg) */
+ 'flatten': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flip-to-back.svg) */
+ 'flip-to-back': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flip-to-front.svg) */
+ 'flip-to-front': string;
+  /** ![image](../../node_modules/pixelarticons/svg/float-center.svg) */
+ 'float-center': string;
+  /** ![image](../../node_modules/pixelarticons/svg/float-left.svg) */
+ 'float-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/float-right.svg) */
+ 'float-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder-minus.svg) */
+ 'folder-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder-plus.svg) */
+ 'folder-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder-x.svg) */
+ 'folder-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder.svg) */
+ 'folder': string;
+  /** ![image](../../node_modules/pixelarticons/svg/forward.svg) */
+ 'forward': string;
+  /** ![image](../../node_modules/pixelarticons/svg/forwardburger.svg) */
+ 'forwardburger': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-add.svg) */
+ 'frame-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-check.svg) */
+ 'frame-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-delete.svg) */
+ 'frame-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-minus.svg) */
+ 'frame-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame.svg) */
+ 'frame': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gamepad.svg) */
+ 'gamepad': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gif.svg) */
+ 'gif': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gift.svg) */
+ 'gift': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-branch.svg) */
+ 'git-branch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-commit.svg) */
+ 'git-commit': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-merge.svg) */
+ 'git-merge': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-pull-request.svg) */
+ 'git-pull-request': string;
+  /** ![image](../../node_modules/pixelarticons/svg/github-2.svg) */
+ 'github-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/github.svg) */
+ 'github': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gps.svg) */
+ 'gps': string;
+  /** ![image](../../node_modules/pixelarticons/svg/grid.svg) */
+ 'grid': string;
+  /** ![image](../../node_modules/pixelarticons/svg/group.svg) */
+ 'group': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hd.svg) */
+ 'hd': string;
+  /** ![image](../../node_modules/pixelarticons/svg/headphone.svg) */
+ 'headphone': string;
+  /** ![image](../../node_modules/pixelarticons/svg/headset.svg) */
+ 'headset': string;
+  /** ![image](../../node_modules/pixelarticons/svg/heart.svg) */
+ 'heart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hidden.svg) */
+ 'hidden': string;
+  /** ![image](../../node_modules/pixelarticons/svg/home.svg) */
+ 'home': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hourglass.svg) */
+ 'hourglass': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hq.svg) */
+ 'hq': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-handsdown.svg) */
+ 'human-handsdown': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-handsup.svg) */
+ 'human-handsup': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-height-alt.svg) */
+ 'human-height-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-height.svg) */
+ 'human-height': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-run.svg) */
+ 'human-run': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human.svg) */
+ 'human': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-arrow-right.svg) */
+ 'image-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-broken.svg) */
+ 'image-broken': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-delete.svg) */
+ 'image-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-flash.svg) */
+ 'image-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-frame.svg) */
+ 'image-frame': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-gallery.svg) */
+ 'image-gallery': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-multiple.svg) */
+ 'image-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-new.svg) */
+ 'image-new': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-plus.svg) */
+ 'image-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image.svg) */
+ 'image': string;
+  /** ![image](../../node_modules/pixelarticons/svg/inbox-all.svg) */
+ 'inbox-all': string;
+  /** ![image](../../node_modules/pixelarticons/svg/inbox-full.svg) */
+ 'inbox-full': string;
+  /** ![image](../../node_modules/pixelarticons/svg/inbox.svg) */
+ 'inbox': string;
+  /** ![image](../../node_modules/pixelarticons/svg/info-box.svg) */
+ 'info-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/invert.svg) */
+ 'invert': string;
+  /** ![image](../../node_modules/pixelarticons/svg/iso.svg) */
+ 'iso': string;
+  /** ![image](../../node_modules/pixelarticons/svg/kanban.svg) */
+ 'kanban': string;
+  /** ![image](../../node_modules/pixelarticons/svg/keyboard.svg) */
+ 'keyboard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label-alt-multiple.svg) */
+ 'label-alt-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label-alt.svg) */
+ 'label-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label-sharp.svg) */
+ 'label-sharp': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label.svg) */
+ 'label': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-bottom.svg) */
+ 'layout-align-bottom': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-left.svg) */
+ 'layout-align-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-right.svg) */
+ 'layout-align-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-top.svg) */
+ 'layout-align-top': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-columns.svg) */
+ 'layout-columns': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-distribute-horizontal.svg) */
+ 'layout-distribute-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-distribute-vertical.svg) */
+ 'layout-distribute-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-footer.svg) */
+ 'layout-footer': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-header.svg) */
+ 'layout-header': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-rows.svg) */
+ 'layout-rows': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-sidebar-left.svg) */
+ 'layout-sidebar-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-sidebar-right.svg) */
+ 'layout-sidebar-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout.svg) */
+ 'layout': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lightbulb-2.svg) */
+ 'lightbulb-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lightbulb-on.svg) */
+ 'lightbulb-on': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lightbulb.svg) */
+ 'lightbulb': string;
+  /** ![image](../../node_modules/pixelarticons/svg/link.svg) */
+ 'link': string;
+  /** ![image](../../node_modules/pixelarticons/svg/list-box.svg) */
+ 'list-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/list.svg) */
+ 'list': string;
+  /** ![image](../../node_modules/pixelarticons/svg/loader.svg) */
+ 'loader': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lock-open.svg) */
+ 'lock-open': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lock.svg) */
+ 'lock': string;
+  /** ![image](../../node_modules/pixelarticons/svg/login.svg) */
+ 'login': string;
+  /** ![image](../../node_modules/pixelarticons/svg/logout.svg) */
+ 'logout': string;
+  /** ![image](../../node_modules/pixelarticons/svg/luggage.svg) */
+ 'luggage': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-arrow-right.svg) */
+ 'mail-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-check.svg) */
+ 'mail-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-delete.svg) */
+ 'mail-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-flash.svg) */
+ 'mail-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-multiple.svg) */
+ 'mail-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-off.svg) */
+ 'mail-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-unread.svg) */
+ 'mail-unread': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail.svg) */
+ 'mail': string;
+  /** ![image](../../node_modules/pixelarticons/svg/map.svg) */
+ 'map': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mastodon.svg) */
+ 'mastodon': string;
+  /** ![image](../../node_modules/pixelarticons/svg/membercard.svg) */
+ 'membercard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/menu.svg) */
+ 'menu': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-arrow-left.svg) */
+ 'message-arrow-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-arrow-right.svg) */
+ 'message-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-bookmark.svg) */
+ 'message-bookmark': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-clock.svg) */
+ 'message-clock': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-delete.svg) */
+ 'message-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-flash.svg) */
+ 'message-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-image.svg) */
+ 'message-image': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-minus.svg) */
+ 'message-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-plus.svg) */
+ 'message-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-processing.svg) */
+ 'message-processing': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-reply.svg) */
+ 'message-reply': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-text.svg) */
+ 'message-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message.svg) */
+ 'message': string;
+  /** ![image](../../node_modules/pixelarticons/svg/minus.svg) */
+ 'minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/missed-call.svg) */
+ 'missed-call': string;
+  /** ![image](../../node_modules/pixelarticons/svg/modem.svg) */
+ 'modem': string;
+  /** ![image](../../node_modules/pixelarticons/svg/money.svg) */
+ 'money': string;
+  /** ![image](../../node_modules/pixelarticons/svg/monitor.svg) */
+ 'monitor': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mood-happy.svg) */
+ 'mood-happy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mood-neutral.svg) */
+ 'mood-neutral': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mood-sad.svg) */
+ 'mood-sad': string;
+  /** ![image](../../node_modules/pixelarticons/svg/moon-star.svg) */
+ 'moon-star': string;
+  /** ![image](../../node_modules/pixelarticons/svg/moon-stars.svg) */
+ 'moon-stars': string;
+  /** ![image](../../node_modules/pixelarticons/svg/moon.svg) */
+ 'moon': string;
+  /** ![image](../../node_modules/pixelarticons/svg/more-horizontal.svg) */
+ 'more-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/more-vertical.svg) */
+ 'more-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mouse.svg) */
+ 'mouse': string;
+  /** ![image](../../node_modules/pixelarticons/svg/move.svg) */
+ 'move': string;
+  /** ![image](../../node_modules/pixelarticons/svg/movie.svg) */
+ 'movie': string;
+  /** ![image](../../node_modules/pixelarticons/svg/music.svg) */
+ 'music': string;
+  /** ![image](../../node_modules/pixelarticons/svg/next.svg) */
+ 'next': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note-delete.svg) */
+ 'note-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note-multiple.svg) */
+ 'note-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note-plus.svg) */
+ 'note-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note.svg) */
+ 'note': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes-delete.svg) */
+ 'notes-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes-multiple.svg) */
+ 'notes-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes-plus.svg) */
+ 'notes-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes.svg) */
+ 'notes': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notification-off.svg) */
+ 'notification-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notification.svg) */
+ 'notification': string;
+  /** ![image](../../node_modules/pixelarticons/svg/open.svg) */
+ 'open': string;
+  /** ![image](../../node_modules/pixelarticons/svg/paint-bucket.svg) */
+ 'paint-bucket': string;
+  /** ![image](../../node_modules/pixelarticons/svg/paperclip.svg) */
+ 'paperclip': string;
+  /** ![image](../../node_modules/pixelarticons/svg/pause.svg) */
+ 'pause': string;
+  /** ![image](../../node_modules/pixelarticons/svg/percent.svg) */
+ 'percent': string;
+  /** ![image](../../node_modules/pixelarticons/svg/picture-in-picture-alt.svg) */
+ 'picture-in-picture-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/picture-in-picture.svg) */
+ 'picture-in-picture': string;
+  /** ![image](../../node_modules/pixelarticons/svg/pin.svg) */
+ 'pin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/pixelarticons.svg) */
+ 'pixelarticons': string;
+  /** ![image](../../node_modules/pixelarticons/svg/play.svg) */
+ 'play': string;
+  /** ![image](../../node_modules/pixelarticons/svg/playlist.svg) */
+ 'playlist': string;
+  /** ![image](../../node_modules/pixelarticons/svg/plus.svg) */
+ 'plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/power.svg) */
+ 'power': string;
+  /** ![image](../../node_modules/pixelarticons/svg/prev.svg) */
+ 'prev': string;
+  /** ![image](../../node_modules/pixelarticons/svg/print.svg) */
+ 'print': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-handheld.svg) */
+ 'radio-handheld': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-on.svg) */
+ 'radio-on': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-signal.svg) */
+ 'radio-signal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-tower.svg) */
+ 'radio-tower': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reciept-alt.svg) */
+ 'reciept-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reciept.svg) */
+ 'reciept': string;
+  /** ![image](../../node_modules/pixelarticons/svg/redo.svg) */
+ 'redo': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reload.svg) */
+ 'reload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/remove-box-multiple.svg) */
+ 'remove-box-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/remove-box.svg) */
+ 'remove-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/repeat.svg) */
+ 'repeat': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reply-all.svg) */
+ 'reply-all': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reply.svg) */
+ 'reply': string;
+  /** ![image](../../node_modules/pixelarticons/svg/rounded-corner.svg) */
+ 'rounded-corner': string;
+  /** ![image](../../node_modules/pixelarticons/svg/save.svg) */
+ 'save': string;
+  /** ![image](../../node_modules/pixelarticons/svg/scale.svg) */
+ 'scale': string;
+  /** ![image](../../node_modules/pixelarticons/svg/script-text.svg) */
+ 'script-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/script.svg) */
+ 'script': string;
+  /** ![image](../../node_modules/pixelarticons/svg/scroll-horizontal.svg) */
+ 'scroll-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/scroll-vertical.svg) */
+ 'scroll-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sd.svg) */
+ 'sd': string;
+  /** ![image](../../node_modules/pixelarticons/svg/search.svg) */
+ 'search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-copy.svg) */
+ 'section-copy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-minus.svg) */
+ 'section-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-plus.svg) */
+ 'section-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-x.svg) */
+ 'section-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section.svg) */
+ 'section': string;
+  /** ![image](../../node_modules/pixelarticons/svg/server.svg) */
+ 'server': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sharp-corner.svg) */
+ 'sharp-corner': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shield-off.svg) */
+ 'shield-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shield.svg) */
+ 'shield': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ship.svg) */
+ 'ship': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shopping-bag.svg) */
+ 'shopping-bag': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shuffle.svg) */
+ 'shuffle': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sliders-2.svg) */
+ 'sliders-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sliders.svg) */
+ 'sliders': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sort-alphabetic.svg) */
+ 'sort-alphabetic': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sort-numeric.svg) */
+ 'sort-numeric': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sort.svg) */
+ 'sort': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speaker.svg) */
+ 'speaker': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speed-fast.svg) */
+ 'speed-fast': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speed-medium.svg) */
+ 'speed-medium': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speed-slow.svg) */
+ 'speed-slow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/spotlight.svg) */
+ 'spotlight': string;
+  /** ![image](../../node_modules/pixelarticons/svg/store.svg) */
+ 'store': string;
+  /** ![image](../../node_modules/pixelarticons/svg/subscriptions.svg) */
+ 'subscriptions': string;
+  /** ![image](../../node_modules/pixelarticons/svg/subtitles.svg) */
+ 'subtitles': string;
+  /** ![image](../../node_modules/pixelarticons/svg/suitcase.svg) */
+ 'suitcase': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sun-alt.svg) */
+ 'sun-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sun.svg) */
+ 'sun': string;
+  /** ![image](../../node_modules/pixelarticons/svg/switch.svg) */
+ 'switch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sync.svg) */
+ 'sync': string;
+  /** ![image](../../node_modules/pixelarticons/svg/tab.svg) */
+ 'tab': string;
+  /** ![image](../../node_modules/pixelarticons/svg/table.svg) */
+ 'table': string;
+  /** ![image](../../node_modules/pixelarticons/svg/tea.svg) */
+ 'tea': string;
+  /** ![image](../../node_modules/pixelarticons/svg/teach.svg) */
+ 'teach': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-add.svg) */
+ 'text-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-colums.svg) */
+ 'text-colums': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-search.svg) */
+ 'text-search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-wrap.svg) */
+ 'text-wrap': string;
+  /** ![image](../../node_modules/pixelarticons/svg/timeline.svg) */
+ 'timeline': string;
+  /** ![image](../../node_modules/pixelarticons/svg/toggle-left.svg) */
+ 'toggle-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/toggle-right.svg) */
+ 'toggle-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/tournament.svg) */
+ 'tournament': string;
+  /** ![image](../../node_modules/pixelarticons/svg/track-changes.svg) */
+ 'track-changes': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trash-alt.svg) */
+ 'trash-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trash.svg) */
+ 'trash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trending-down.svg) */
+ 'trending-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trending-up.svg) */
+ 'trending-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trending.svg) */
+ 'trending': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trophy.svg) */
+ 'trophy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/truck.svg) */
+ 'truck': string;
+  /** ![image](../../node_modules/pixelarticons/svg/undo.svg) */
+ 'undo': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ungroup.svg) */
+ 'ungroup': string;
+  /** ![image](../../node_modules/pixelarticons/svg/unlink.svg) */
+ 'unlink': string;
+  /** ![image](../../node_modules/pixelarticons/svg/upload.svg) */
+ 'upload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user-minus.svg) */
+ 'user-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user-plus.svg) */
+ 'user-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user-x.svg) */
+ 'user-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user.svg) */
+ 'user': string;
+  /** ![image](../../node_modules/pixelarticons/svg/users.svg) */
+ 'users': string;
+  /** ![image](../../node_modules/pixelarticons/svg/video-off.svg) */
+ 'video-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/video.svg) */
+ 'video': string;
+  /** ![image](../../node_modules/pixelarticons/svg/view-col.svg) */
+ 'view-col': string;
+  /** ![image](../../node_modules/pixelarticons/svg/view-list.svg) */
+ 'view-list': string;
+  /** ![image](../../node_modules/pixelarticons/svg/viewport-narrow.svg) */
+ 'viewport-narrow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/viewport-wide.svg) */
+ 'viewport-wide': string;
+  /** ![image](../../node_modules/pixelarticons/svg/visible.svg) */
+ 'visible': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-1.svg) */
+ 'volume-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-2.svg) */
+ 'volume-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-3.svg) */
+ 'volume-3': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-minus.svg) */
+ 'volume-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-plus.svg) */
+ 'volume-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-vibrate.svg) */
+ 'volume-vibrate': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-x.svg) */
+ 'volume-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume.svg) */
+ 'volume': string;
+  /** ![image](../../node_modules/pixelarticons/svg/wallet.svg) */
+ 'wallet': string;
+  /** ![image](../../node_modules/pixelarticons/svg/warning-box.svg) */
+ 'warning-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/wind.svg) */
+ 'wind': string;
+  /** ![image](../../node_modules/pixelarticons/svg/zap.svg) */
+ 'zap': string;
+  /** ![image](../../node_modules/pixelarticons/svg/zoom-in.svg) */
+ 'zoom-in': string;
+  /** ![image](../../node_modules/pixelarticons/svg/zoom-out.svg) */
+ 'zoom-out': string;
+}
diff --git a/src/styles.css b/src/styles.css
index 3d60bfce..f5793020 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,4 +1,5 @@
 @import url(./screens.css);
+@import url('pixelarticons/fonts/pixelart-icons-font.css');
 
 :root {
   --guiScaleFactor: 3;
@@ -18,6 +19,10 @@ a {
   color: white;
 }
 
+[hidden] {
+  display: none !important;
+}
+
 html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   height: 100vh;