fix: prettier on DonationPopup

Bumps  and [ws](https://github.com/websockets/ws). These dependencies needed to be updated together.

Updates `ws` from 8.14.2 to 8.17.1
- [Release notes](https://github.com/websockets/ws/releases)
- [Commits](https://github.com/websockets/ws/compare/8.14.2...8.17.1)

Updates `ws` from 7.5.9 to 8.17.1
- [Release notes](https://github.com/websockets/ws/releases)
- [Commits](https://github.com/websockets/ws/compare/8.14.2...8.17.1)

Updates `ws` from 6.2.2 to 8.17.1
- [Release notes](https://github.com/websockets/ws/releases)
- [Commits](https://github.com/websockets/ws/compare/8.14.2...8.17.1)

---
updated-dependencies:
- dependency-name: ws
  dependency-type: indirect
- dependency-name: ws
  dependency-type: indirect
- dependency-name: ws
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

README.md

@@ -121,4 +121,4 @@ struct ContentView: View {
 
 ## License
 
-[MIT](./LICENSE)
+MIT License.

examples/next/package.json

@@ -8,7 +8,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "next": "14.0.4",
+    "next": "14.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/react-native/package-lock.json

@@ -5366,9 +5366,9 @@
       }
     },
     "node_modules/@react-native-community/cli-server-api/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -7865,9 +7865,9 @@
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
     },
     "node_modules/cookie": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
-      "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
       "engines": {
         "node": ">= 0.6"
       }
@@ -9373,16 +9373,16 @@
       "integrity": "sha512-e//Oi2WPdomMlMDD3skE4+1ZarKCJ/suvcB4Jo/nO427niKug5oppcPNYO+csR6y3ZglGuypS+3pp/hJ+Xp6fQ=="
     },
     "node_modules/express": {
-      "version": "4.18.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
-      "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+      "version": "4.19.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+      "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
       "dependencies": {
         "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
-        "body-parser": "1.20.1",
+        "body-parser": "1.20.2",
         "content-disposition": "0.5.4",
         "content-type": "~1.0.4",
-        "cookie": "0.5.0",
+        "cookie": "0.6.0",
         "cookie-signature": "1.0.6",
         "debug": "2.6.9",
         "depd": "2.0.0",
@@ -9418,29 +9418,6 @@
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
     },
-    "node_modules/express/node_modules/body-parser": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
-      "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "content-type": "~1.0.4",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "on-finished": "2.4.1",
-        "qs": "6.11.0",
-        "raw-body": "2.5.1",
-        "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
     "node_modules/express/node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -9471,20 +9448,6 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
     },
-    "node_modules/express/node_modules/raw-body": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
-      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/express/node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -9736,9 +9699,9 @@
       }
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
       "funding": [
         {
           "type": "individual",
@@ -10478,9 +10441,9 @@
       }
     },
     "node_modules/ip": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
-      "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg=="
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz",
+      "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ=="
     },
     "node_modules/ip-regex": {
       "version": "2.1.0",
@@ -12510,9 +12473,9 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
     },
     "node_modules/metro-inspector-proxy/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -12855,9 +12818,9 @@
       }
     },
     "node_modules/metro/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -14688,9 +14651,9 @@
       }
     },
     "node_modules/react-devtools-core/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -14901,9 +14864,9 @@
       "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
     },
     "node_modules/react-native/node_modules/ws": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
-      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
       "dependencies": {
         "async-limiter": "~1.0.0"
       }
@@ -16082,9 +16045,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
-      "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
       "dependencies": {
         "chownr": "^2.0.0",
         "fs-minipass": "^2.0.0",
@@ -16767,9 +16730,9 @@
       }
     },
     "node_modules/webpack-dev-middleware": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz",
-      "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==",
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz",
+      "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==",
       "dependencies": {
         "colorette": "^2.0.10",
         "memfs": "^3.4.3",
@@ -17307,9 +17270,9 @@
       }
     },
     "node_modules/ws": {
-      "version": "8.14.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
-      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
       "engines": {
         "node": ">=10.0.0"
       },

iconoir.com/components/AvailableFor.tsx

@@ -27,7 +27,7 @@ export function AvailableFor() {
           <a
             href={'https://github.com/iconoir-icons/iconoir#swift-package'}
             target={'_blank'}
-            rel={'noreferrer'}
+            rel={'nofollow noreferrer'}
           >
             <AvailableForImage
               src={'/logo-swift.svg'}
@@ -35,14 +35,22 @@ export function AvailableFor() {
               title={'Swift'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Flutter} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Flutter}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-flutter.svg'}
               alt={'Flutter Logo'}
               title={'Flutter'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Figma} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Figma}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-figma.svg'}
               alt={'Figma Logo'}
@@ -52,7 +60,7 @@ export function AvailableFor() {
           <a
             href={LIBRARY_LINKS.ReactNative}
             target={'_blank'}
-            rel={'noreferrer'}
+            rel={'nofollow noreferrer'}
           >
             <AvailableForImage
               src={'/logo-react-native.svg'}
@@ -60,14 +68,22 @@ export function AvailableFor() {
               title={'React Native'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Vue} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Vue}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-vue.svg'}
               alt={'Vue Logo'}
               title={'Vue'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Framer} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Framer}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-framer.svg'}
               alt={'Framer Logo'}
@@ -75,10 +91,18 @@ export function AvailableFor() {
             />
           </a>
           <AreYouUsing>
-            <a href={SUGGEST_LIBRARY_LINK} target={'_blank'} rel={'noreferrer'}>
+            <a
+              href={SUGGEST_LIBRARY_LINK}
+              target={'_blank'}
+              rel={'nofollow noreferrer'}
+            >
               <Text14>More?</Text14>
             </a>
-            <a href={FEEDBACK_LINK} target={'_blank'} rel={'noreferrer'}>
+            <a
+              href={FEEDBACK_LINK}
+              target={'_blank'}
+              rel={'nofollow noreferrer'}
+            >
               <Text14>Are you using the library?</Text14>
             </a>
           </AreYouUsing>

iconoir.com/components/CustomizationEditor.tsx

@@ -112,7 +112,7 @@ const Header = styled.div`
   padding-bottom: 10px;
 `;
 const Field = styled.div`
-  margin-bottom: 24px;
+  margin-bottom: 18px;
 `;
 const HorizontalField = styled(Field)`
   display: flex;

iconoir.com/components/DonationPopup.tsx

@@ -0,0 +1,106 @@
+import React, { useEffect, useState, useRef } from 'react';
+import styled from 'styled-components';
+import { LargeButton } from '../components/Button';
+import { media } from '../lib/responsive';
+import { Sparks } from 'iconoir-react';
+
+export function DonationPopup() {
+  const [isVisible, setIsVisible] = useState(false);
+  const isInitialMount = useRef(true);
+
+  useEffect(() => {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+      const isReturningUser = localStorage.getItem('returningUser');
+      const isReturningUserAge = localStorage.getItem('returningUserAge');
+      console.log('isReturningUser:', isReturningUser); // Debugging line
+      console.log('isReturningUserAge:', isReturningUserAge); // Debugging line
+
+      if (isReturningUser === 'true' && isReturningUserAge === 'false') {
+        setTimeout(() => setIsVisible(true), 15000);
+        localStorage.setItem('returningUserAge', 'true');
+      } else {
+        localStorage.setItem('returningUser', 'true');
+        localStorage.setItem('returningUserAge', 'false');
+        console.log('Set returningUser to true'); // Debugging line
+      }
+    }
+  }, []);
+
+  const handleClose = () => {
+    setIsVisible(false);
+  };
+
+  return (
+    <>
+      {isVisible && (
+        <PopupContent>
+          <Sparks></Sparks>
+          <Text>
+            Your one-time or recurring contribution does a lot to keep Iconoir
+            going.
+          </Text>
+          <a
+            href={
+              'https://opencollective.com/iconoir/donate?interval=month&amount=10'
+            }
+            target={'_blank'}
+          >
+            Support the project!
+          </a>
+          <CloseButton onClick={handleClose}>&times;</CloseButton>
+        </PopupContent>
+      )}
+    </>
+  );
+}
+
+const Text = styled.span`
+  color: #ffffffba;
+`;
+
+export const PopupContent = styled.div`
+  display: none;
+  ${media.lg} {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 14px 0;
+    background: #8330c6;
+    color: var(--white);
+    font-weight: 500;
+    font-size: 15px;
+    position: fixed;
+    top: 16px;
+    left: 16px;
+    right: 16px;
+    border-radius: 8px;
+    z-index: 9999;
+    margin: auto;
+  }
+  > * {
+    margin: 0 4px;
+  }
+  > a {
+    color: var(--white);
+    opacity: 1;
+    text-decoration: underline;
+  }
+`;
+
+const CloseButton = styled.span`
+  color: var(--white);
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+  &:hover,
+  &:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+  }
+`;
+
+export const LargeButtonModal = styled(LargeButton)`
+  margin-top: 30px;
+`;

iconoir.com/components/Explore.tsx

@@ -2,6 +2,7 @@ import { IconoirProvider } from 'iconoir-react';
 import React from 'react';
 import styled from 'styled-components';
 import { Streamline } from './Streamline';
+import { Hono } from './Hono';
 import { CustomizationEditor } from './CustomizationEditor';
 import { FiltersEditor } from './FiltersEditor';
 import { Icon, IconList, IconListFilters } from './IconList';
@@ -39,6 +40,7 @@ export function Explore({ allIcons }: ExploreProps) {
           <FiltersEditor filters={filters} onChange={setFilters} />
         </FilterContainer>
         <Streamline />
+        <Hono />
         <CustomizationEditor
           customizations={customizations}
           onChange={setCustomizations}
@@ -66,7 +68,7 @@ const Left = styled.div`
 `;
 const Right = styled.div`
   position: sticky;
-  top: 50px;
+  top: 20px;
   width: 275px;
   display: block;
   z-index: -1;

iconoir.com/components/Footer.tsx

@@ -15,6 +15,8 @@ export interface FooterCategoryProps {
   links: { name: string; url: string }[];
 }
 
+const year = new Date().getFullYear();
+
 function FooterCategory({ category, links }: FooterCategoryProps) {
   return (
     <FooterCategoryContainer>
@@ -84,15 +86,15 @@ export function Footer() {
       </FooterCategories>
       <FooterEnd>
         <Text13 style={{ fontWeight: 400 }}>
-          Parts of this content are &copy;2020-2023 by individual Iconoir
+          Parts of this content are &copy;2020-{year} by individual Iconoir
           contributors. Content available under a{' '}
-          <a href={LICENSE_LINK} target={'_blank'} rel={'noreferrer'}>
+          <a href={LICENSE_LINK} target={'_blank'} rel={'nofollow noreferrer'}>
             MIT License
           </a>
           .
         </Text13>
         <Text13 style={{ fontWeight: 400 }}>
-          <a href={PRIVACY_LINK} target={'_blank'} rel={'noreferrer'}>
+          <a href={PRIVACY_LINK} target={'_blank'} rel={'nofollow noreferrer'}>
             Privacy
           </a>
         </Text13>

iconoir.com/components/Header.tsx

@@ -26,7 +26,6 @@ export function Header({ currentVersion }: HeaderProps) {
             'https://lucaburgio.com/join?utm_source=iconoir&utm_medium=join-head-banner'
           }
           target={'_blank'}
-          rel={'noreferrer'}
         >
           Access to the latest updates on new icons and ideas. Join the
           newsletter.
@@ -53,7 +52,7 @@ export function Header({ currentVersion }: HeaderProps) {
             Donate — Our Mission
           </NavigationItem>
           <Share $isMobile>
-            <a href={SHARE_LINK} target={'_blank'} rel={'noreferrer'}>
+            <a href={SHARE_LINK} target={'_blank'} rel={'noreferrer nofollow'}>
               Share with <Heart width={'1em'} height={'1em'} /> on{' '}
               <span>X (Twitter)</span>
             </a>
@@ -62,12 +61,12 @@ export function Header({ currentVersion }: HeaderProps) {
       </HeaderCenter>
       <HeaderRight>
         <Share>
-          <a href={SHARE_LINK} target={'_blank'} rel={'noreferrer'}>
+          <a href={SHARE_LINK} target={'_blank'} rel={'noreferrer nofollow'}>
             Share with <Heart width={'1em'} height={'1em'} /> on{' '}
             <span>X (Twitter)</span>
           </a>
         </Share>
-        <a href={DISCORD_LINK}>
+        <a href={DISCORD_LINK} rel={'nofollow noreferrer'}>
           <StyledDiscord $isMobile />
         </a>
         <MobileMenuButton onClick={() => setMenuVisible((v) => !v)}>

iconoir.com/components/Hono.tsx

@@ -0,0 +1,62 @@
+import React from 'react';
+import styled from 'styled-components';
+
+export function Hono() {
+  return (
+    <a
+      href="https://wearehono.com/?utm_source=iconoir&utm_medium=sidebar"
+      style={{ textDecoration: 'none' }}
+    >
+      <PromoContainer>
+        <PromoContent>
+          <PromoInfo>
+            <PromoTitle>Buy high-quality logos</PromoTitle>
+            <PromoSub>with Hono.</PromoSub>
+            <PromoImage src="./hono-ad.png" />
+            <SponsorLabel>Our sponsor</SponsorLabel>
+          </PromoInfo>
+        </PromoContent>
+      </PromoContainer>
+    </a>
+  );
+}
+
+const PromoContainer = styled.div`
+  border-radius: 12px;
+  border: 1px solid var(--g6);
+  text-align: center;
+  margin-top: 24px;
+  text-decoration: none;
+  &:hover {
+    background-color: var(--g7);
+  }
+`;
+const SponsorLabel = styled.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--g4);
+  margin: 10px 0;
+`;
+
+const PromoContent = styled.div`
+  // Your content styles here, similar to SponsorText
+`;
+
+const PromoImage = styled.img`
+  width: 70%;
+`;
+
+const PromoInfo = styled.div`
+  // Styles for the text container, similar to SponsorRight
+`;
+
+const PromoTitle = styled.h2`
+  font-size: 16px;
+  font-weight: 600;
+  margin: 16px auto 0 auto;
+`;
+
+const PromoSub = styled.h2`
+  font-size: 14px;
+  margin: 0 auto 10px auto;
+`;

iconoir.com/components/Icon.tsx

@@ -45,7 +45,7 @@ export function Icon({ iconWidth, icon }: IconProps) {
   React.useEffect(() => {
     if (iconContainerRef.current) {
       htmlContentsRef.current = bakeSvg(
-        iconContainerRef.current.innerHTML,
+        (iconContainerRef.current.firstChild as SVGElement).outerHTML,
         iconContext.color || DEFAULT_CUSTOMIZATIONS.hexColor,
         iconContext.strokeWidth || DEFAULT_CUSTOMIZATIONS.strokeWidth,
       );
@@ -223,7 +223,7 @@ const Subtitle = styled.div<{ $iconWidth: number }>`
   font-size: 11px;
   font-weight: 500;
   line-height: 14.74px;
-  color: var(--black-40);
+  color: var(--black-60);
   text-align: center;
   white-space: nowrap;
   overflow: hidden;

iconoir.com/components/SEO.tsx

@@ -1,4 +1,5 @@
 import Head from 'next/head';
+import { useRouter } from 'next/router';
 
 const TITLE_SUFFIX = 'Iconoir | Free Icons';
 
@@ -7,13 +8,19 @@ export interface SEOProps {
   description?: string;
 }
 export function SEO({ title, description }: SEOProps) {
+  const { asPath } = useRouter();
   const pageTitle = title ? `${title} | ${TITLE_SUFFIX}` : TITLE_SUFFIX;
   const pageDescription = description;
 
+  const pathWithoutQuery = asPath.split(/[?#]/)[0];
+  const canonicalUrl = `https://iconoir.com${
+    pathWithoutQuery !== '/' ? pathWithoutQuery : ''
+  }`;
+
   return (
     <Head>
       <title>{pageTitle}</title>
-      <link rel="canonical" href="https://iconoir.com/" />
+      <link rel="canonical" href={canonicalUrl} />
       <meta name="description" content={pageDescription} />
       <link rel="icon" href="/favicon.ico" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />

iconoir.com/components/Streamline.tsx

@@ -3,7 +3,11 @@ import styled from 'styled-components';
 
 export function Streamline() {
   return (
-    <a href="https://bit.ly/3SNgpKo" style={{ textDecoration: 'none' }}>
+    <a
+      rel="sponsored"
+      href="https://bit.ly/3SNgpKo"
+      style={{ textDecoration: 'none' }}
+    >
       <PromoContainer>
         <PromoContent>
           <PromoInfo>

iconoir.com/icons.csv

@@ -227,6 +227,7 @@ filename,category,tags
 "chat-plus-in","Communication",
 "check","Actions",
 "check-circle","Actions",
+"check-square","Actions",
 "chocolate","Food",
 "chromecast","Devices",
 "chromecast-active","Devices",
@@ -1330,6 +1331,7 @@ filename,category,tags
 "wind","Weather","weather,air,fresh",
 "window-check","System","browser,os",
 "window-lock","System","browser,os",
+"window-tabs","System","browser,os,tab,navigation",
 "window-no-access","System","browser,os",
 "window-xmark","System","browser,os,error,issue",
 "windows","System",
@@ -1362,11 +1364,9 @@ filename,category,tags
 "peerlist","Social","",
 "polar-sh","Development","",
 "x","Social","twitter",
-"ice-cream-solid","Food","gelato",
 "ice-cream","Food","gelato",
 "mastodon","Social","",
 "meter-arrow-down-right","Maps","",
-"rhombus-arrow-right-solid","Maps","",
 "rhombus-arrow-right","Maps","",
 "u-turn-arrow-left","Maps","",
 "u-turn-arrow-right","Maps","",

iconoir.com/pages/index.tsx

@@ -7,6 +7,7 @@ import { REPO, SUPPORT_LINK } from '../lib/constants';
 import { Explore } from '../components/Explore';
 import { Footer } from '../components/Footer';
 import { Header } from '../components/Header';
+import { DonationPopup } from '../components/DonationPopup';
 import { HeaderBackground } from '../components/HeaderBackground';
 import { Icon } from '../components/IconList';
 import { Layout } from '../components/Layout';
@@ -43,14 +44,15 @@ const Home: NextPage<HomeProps> = ({
         <HeaderBackground>
           <HeroHead>
             <HeroText>Say hello</HeroText>
-            <HeroTextSecondary>to your new icon library.</HeroTextSecondary>
+            <HeroTextSecondary>
+              to your new free icon library.
+            </HeroTextSecondary>
           </HeroHead>
         </HeaderBackground>
         <HeroDescription>
-          A high-quality selection of free icons. No premium options or
-          sign-ups. Your new alternative to Noun Project, Flaticon, and all
-          Figma resources. Available in SVG, Font, React, React Native, Flutter,
-          Figma and Framer.
+          A high-quality selection of free icons. Your new alternative to Noun
+          Project, Flaticon, and all Figma resources. Available in SVG, Font,
+          React, React Native, Flutter, Figma and Framer.
         </HeroDescription>
         <StatsContainer>
           <Stat
@@ -92,10 +94,54 @@ const Home: NextPage<HomeProps> = ({
           >
             <span>Donate</span>
           </LargeButton>
+          <Supporters>
+            <Supporter
+              data-tooltip="Pierre Olivier Marec"
+              as={'a'}
+              href={'https://github.com/pomarec'}
+              rel="noopener sponsored"
+              src={'https://avatars.githubusercontent.com/u/802933?v=4'}
+            />
+            <Supporter
+              data-tooltip="Tuan Hiep"
+              as={'a'}
+              href={'https://opencollective.com/iconoir/contribute'}
+              rel="noopener sponsored"
+              src={
+                'https://images.opencollective.com/tuan-hiep/17b1ef2/avatar.png?height=80'
+              }
+            />
+            <Supporter
+              data-tooltip="Justin Kendrick"
+              as={'a'}
+              href={'https://opencollective.com/iconoir/contribute'}
+              rel="noopener sponsored"
+              src={
+                'https://images.opencollective.com/guest-39c79745/avatar.png?height=80'
+              }
+            />
+            <Supporter
+              data-tooltip="Anon"
+              as={'a'}
+              href={'https://opencollective.com/iconoir/contribute'}
+              rel="noopener sponsored"
+              src={
+                'https://opencollective.com/static/images/default-guest-logo.svg'
+              }
+            />
+            <Supporter
+              data-tooltip="Luca Burgio"
+              as={'a'}
+              href={'https://twitter.com/burgioluca'}
+              rel="noopener sponsored"
+              src={'https://lucaburgio.com/images/profile2.png'}
+            />
+          </Supporters>
           <Text15>
             Join our supporters and help us continue developing Iconoir.
           </Text15>
         </SupportContainer>
+        <DonationPopup />
         <Explore allIcons={allIcons} />
       </Layout>
       <Footer />
@@ -131,7 +177,7 @@ export const HeroText = styled.h1`
 `;
 export const HeroTextSecondary = styled(HeroText)`
   color: var(--g4);
-  max-width: 1000px;
+  max-width: 1140px;
 `;
 export const HeroDescription = styled(Text18)<{ topMargin?: number }>`
   display: block;
@@ -143,6 +189,45 @@ export const HeroDescription = styled(Text18)<{ topMargin?: number }>`
   }
 `;
 
+const Supporters = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 8px !important;
+`;
+const Supporter = styled.div<{ src?: string }>`
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background-color: #000;
+  margin: 0 10px;
+  background-image: url(${(props) => props.src});
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  border: 2px solid white;
+  margin: 0 -4px;
+  transition: 0.2s;
+  &:hover {
+    scale: 1.1;
+    transition: 0.2s;
+    &:before {
+      content: attr(data-tooltip);
+      position: absolute;
+      bottom: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      background-color: black;
+      color: white;
+      padding: 5px;
+      border-radius: 3px;
+      white-space: nowrap;
+      font-size: 12px;
+    }
+  }
+`;
+
 const SupportContainer = styled.div`
   text-align: center;
   > * {

icons/regular/african-tree.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2032_8254)">
 <path d="M12 22L12 12M12 8L12 12M12 12L15 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12.4243 18.5757L18.593 12.4071C20.9331 10.0669 20.6927 6.2053 18.0804 4.17349C14.5041 1.39191 9.49616 1.39192 5.91984 4.1735C3.3075 6.20532 3.06707 10.067 5.40723 12.4071L11.5758 18.5757C11.8101 18.81 12.19 18.81 12.4243 18.5757Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2032_8254">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/apple-shortcuts.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3190_17433)">
 <path d="M9.8525 14.6334L3.65151 10.6873C2.41651 9.90141 2.41651 8.09858 3.65151 7.31268L9.8525 3.36659C11.1628 2.53279 12.8372 2.53279 14.1475 3.36659L20.3485 7.31268C21.5835 8.09859 21.5835 9.90142 20.3485 10.6873L14.1475 14.6334C12.8372 15.4672 11.1628 15.4672 9.8525 14.6334Z" stroke="currentColor"/>
 <path d="M18.2857 12L20.3485 13.3127C21.5835 14.0986 21.5835 15.9014 20.3485 16.6873L14.1475 20.6334C12.8372 21.4672 11.1628 21.4672 9.8525 20.6334L3.65151 16.6873C2.41651 15.9014 2.41651 14.0986 3.65151 13.3127L5.71429 12" stroke="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_3190_17433">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/basketball.svg

@@ -1,14 +1,7 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
 <path d="M17.7357 20.1916C22.2597 17.0238 23.3592 10.7884 20.1914 6.2643C17.0237 1.74025 10.7882 0.640771 6.26415 3.80855C1.7401 6.97632 0.640621 13.2118 3.8084 17.7358C6.97617 22.2599 13.2116 23.3594 17.7357 20.1916Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M17.7357 20.1916L6.26416 3.80853" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M19.5774 5.47348C15.8066 11.3693 11.069 14.6867 3.27527 16.8884" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13.0597 2.05625C13.4732 7.29607 16.4517 11.55 21.7065 14.4052" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M2.29333 9.59491C7.0757 11.7757 10.0544 16.0294 10.9402 21.9439" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/bright-crown.svg

@@ -1,5 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3057_14630)">
 <path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12 23V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
@@ -9,10 +8,4 @@
 <path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16.8 15.5L18 8.5L13.8 10.6L12 8.5L10.2 10.6L6 8.5L7.2 15.5H16.8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_3057_14630">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/bright-star.svg

@@ -1,5 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3057_14628)">
 <path d="M9.95242 9.62272L11.5109 6.31816C11.711 5.89395 12.289 5.89395 12.4891 6.31816L14.0476 9.62272L17.5329 10.1559C17.9801 10.2243 18.1583 10.7996 17.8346 11.1296L15.313 13.7001L15.9081 17.3314C15.9845 17.7978 15.5168 18.1534 15.1167 17.9331L12 16.2177L8.88328 17.9331C8.48316 18.1534 8.01545 17.7978 8.09187 17.3314L8.68695 13.7001L6.16545 11.1296C5.8417 10.7996 6.01993 10.2243 6.46711 10.1559L9.95242 9.62272Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
@@ -9,10 +8,4 @@
 <path d="M4 20L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_3057_14628">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/check-square.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4Z" stroke="currentColor" stroke-width="1.5"/>
+<path d="M7 12.5L10 15.5L17 8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

icons/regular/constrained-surface.svg

@@ -1,5 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3628_20527)">
 <path d="M3 23C1.89543 23 1 22.1046 1 21C1 19.8954 1.89543 19 3 19C4.10457 19 5 19.8954 5 21C5 22.1046 4.10457 23 3 23Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21 23C19.8954 23 19 22.1046 19 21C19 19.8954 19.8954 19 21 19C22.1046 19 23 19.8954 23 21C23 22.1046 22.1046 23 21 23Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M3 5C1.89543 5 1 4.10457 1 3C1 1.89543 1.89543 1 3 1C4.10457 1 5 1.89543 5 3C5 4.10457 4.10457 5 3 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
@@ -10,10 +9,4 @@
 <path d="M3 19L3 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 3L19 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 21L19 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_3628_20527">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/cube-replace-face.svg

@@ -1,15 +1,7 @@
-<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3377_18972)">
-<path d="M19 13.5V18.6518C19 18.8671 18.8846 19.0659 18.6977 19.1728L12.2977 22.8299C12.1132 22.9353 11.8868 22.9353 11.7023 22.8299L5.30233 19.1728C5.11539 19.0659 5.00001 18.8671 5.00001 18.6518L5 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 13.5V18.6518C19 18.8671 18.8846 19.0659 18.6977 19.1728L12.2977 22.8299C12.1132 22.9353 11.8868 22.9353 11.7023 22.8299L5.30233 19.1728C5.11539 19.0659 5.00001 18.8671 5.00001 18.6518L5 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12 22.5V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M23 8L11 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13 15L0.999995 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M1 8C4 3 8 6 11 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13 15C16 10 20 13 23 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_3377_18972">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/design-nib.svg

@@ -1,13 +1,6 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2585_14438)">
 <path d="M17.6744 11.4075L15.7691 17.1233C15.7072 17.309 15.5586 17.4529 15.3709 17.5087L3.69348 20.9803C3.22819 21.1186 2.79978 20.676 2.95328 20.2155L6.74467 8.84131C6.79981 8.67588 6.92419 8.54263 7.08543 8.47624L12.472 6.25822C12.696 6.166 12.9535 6.21749 13.1248 6.38876L17.5294 10.7935C17.6901 10.9542 17.7463 11.1919 17.6744 11.4075Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M3.2959 20.6016L9.65986 14.2376" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M17.7917 11.0557L20.6202 8.22724C21.4012 7.44619 21.4012 6.17986 20.6202 5.39881L18.4989 3.27749C17.7178 2.49645 16.4515 2.49645 15.6704 3.27749L12.842 6.10592" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M11.7814 12.1163C11.1956 11.5305 10.2458 11.5305 9.66004 12.1163C9.07426 12.7021 9.07426 13.6519 9.66004 14.2376C10.2458 14.8234 11.1956 14.8234 11.7814 14.2376C12.3671 13.6519 12.3671 12.7021 11.7814 12.1163Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2585_14438">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/droplet-check.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2032_8261)">
 <path d="M13 21.5704C10.5996 21.8661 8.09267 21.0927 6.25001 19.25C3.07437 16.0744 3.07437 10.9256 6.25001 7.74999L11.5757 2.42426C11.8101 2.18995 12.1899 2.18995 12.4243 2.42426L17.75 7.75001C19.982 9.98202 20.6453 13.1887 19.7397 16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16 20L18 22L22 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2032_8261">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/google-drive-check.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
 <path d="M9.14286 3.00375L14.8571 3M9.14286 3.00375L2 15.0038M9.14286 3.00375L14.0446 12.5M14.8571 3L5.575 21M14.8571 3L21.5 14M5.575 21L2 15.0038M5.575 21H12.0036M2 15.0038H12.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M15 19L18 22L23 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/pen-connect-bluetooth.svg

@@ -1,12 +1,5 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
 <path d="M6.50006 17.4999L5.5 21.5L9.23128 20.5672C9.40711 20.5232 9.56769 20.4323 9.69585 20.3041L21.5 8.5C22.3284 7.67157 22.3284 6.32843 21.5 5.5V5.5C20.6716 4.67157 19.3284 4.67157 18.5 5.5L14.5 9.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M17.5 6.5L20.5 9.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 6.6L12 11.7L8.33333 15V3L12 6.3L5 11.4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/phone-xmark.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
 <path d="M17.1213 7.364L19.2426 5.24268M21.364 3.12136L19.2426 5.24268M19.2426 5.24268L17.1213 3.12136M19.2426 5.24268L21.364 7.364" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M18.1182 14.702L14 15.5C11.2183 14.1038 9.5 12.5 8.5 10L9.26995 5.8699L7.81452 2L4.0636 2C2.93605 2 2.04814 2.93178 2.21654 4.04668C2.63695 6.83 3.87653 11.8765 7.5 15.5C11.3052 19.3052 16.7857 20.9564 19.802 21.6127C20.9668 21.8662 22 20.9575 22 19.7655L22 16.1812L18.1182 14.702Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/priority-medium.svg

@@ -1,12 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2475_13213)">
 <path d="M11.5757 1.42426C11.81 1.18995 12.1899 1.18995 12.4243 1.42426L22.5757 11.5757C22.81 11.81 22.8101 12.1899 22.5757 12.4243L12.4243 22.5757C12.19 22.81 11.8101 22.8101 11.5757 22.5757L1.42426 12.4243C1.18995 12.19 1.18995 11.8101 1.42426 11.5757L11.5757 1.42426Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M6 12H10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M14 12H18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2475_13213">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/restart.svg

@@ -1,12 +1,5 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1735_6488)">
 <path d="M6.67742 20.5673C2.53141 18.0212 0.758026 12.7584 2.71678 8.1439C4.87472 3.0601 10.7453 0.68822 15.8291 2.84617C20.9129 5.00412 23.2848 10.8747 21.1269 15.9585C20.2837 17.945 18.8736 19.5174 17.1651 20.5673" stroke="currentColor"   stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M17 16V20.4C17 20.7314 17.2686 21 17.6 21H22" stroke="currentColor"   stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12 22.01L12.01 21.9989" stroke="currentColor"   stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_1735_6488">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/send-diagonal.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2476_13290)">
 <path d="M22.1525 3.55321L11.1772 21.0044L9.50686 12.4078L2.00002 7.89795L22.1525 3.55321Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M9.45557 12.4436L22.1524 3.55321" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2476_13290">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/sound-off.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3173_16686)">
 <path d="M18 14L20.0005 12M22 10L20.0005 12M20.0005 12L18 10M20.0005 12L22 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M2 13.8571V10.1429C2 9.03829 2.89543 8.14286 4 8.14286H6.9C7.09569 8.14286 7.28708 8.08544 7.45046 7.97772L13.4495 4.02228C14.1144 3.5839 15 4.06075 15 4.85714V19.1429C15 19.9392 14.1144 20.4161 13.4495 19.9777L7.45046 16.0223C7.28708 15.9146 7.09569 15.8571 6.9 15.8571H4C2.89543 15.8571 2 14.9617 2 13.8571Z" stroke="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_3173_16686">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/stroller.svg

@@ -1,15 +1,8 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
 <path d="M11.5 3C6.80558 3 3 6.80558 3 11.5C3 13.1526 3.4716 14.695 4.28755 16" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M18.7125 16C19.5284 14.695 20 13.1526 20 11.5V9.5H22.5" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8 21C6.89543 21 6 20.1046 6 19C6 17.8954 6.89543 17 8 17C9.10457 17 10 17.8954 10 19C10 20.1046 9.10457 21 8 21Z" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M15 21C13.8954 21 13 20.1046 13 19C13 17.8954 13.8954 17 15 17C16.1046 17 17 17.8954 17 19C17 20.1046 16.1046 21 15 21Z" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M11.5 3V12" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M3.5 12H19.5" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/unity.svg

@@ -1,10 +1,4 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
+
 <path d="M4 13L13.5 13M4 13L8 17.5M4 13L8 8.5M13.5 13L18.5 4M13.5 13L18.5 20M18.5 4L12.5 5M18.5 4L20 9.5M18.5 20L20 14.5M18.5 20L12.5 19.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/user-xmark.svg

@@ -1,12 +1,5 @@
 <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
 <path d="M18.6213 12.1213L20.7426 10M22.864 7.87868L20.7426 10M20.7426 10L18.6213 7.87868M20.7426 10L22.864 12.1213" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M1 20V19C1 15.134 4.13401 12 8 12V12C11.866 12 15 15.134 15 19V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" stroke-width="1.5" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/regular/window-tabs.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 8H15.5M9 4V8H15.5M15.5 8V4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 17.7143V6.28571C2 5.02335 2.99492 4 4.22222 4H19.7778C21.0051 4 22 5.02335 22 6.28571V17.7143C22 18.9767 21.0051 20 19.7778 20H4.22222C2.99492 20 2 18.9767 2 17.7143Z" stroke="currentColor" stroke-width="1.5"/>
+</svg>

icons/regular/wrench.svg

@@ -1,11 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2576_14436)">
 <path d="M10.0503 10.6066L2.97923 17.6777C2.19818 18.4587 2.19818 19.725 2.97923 20.5061V20.5061C3.76027 21.2871 5.0266 21.2871 5.80765 20.5061L12.8787 13.435" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M10.0502 10.6066C9.20638 8.45358 9.37134 5.6286 11.1109 3.88909C12.8504 2.14957 16.0606 1.76777 17.8284 2.82843L14.7877 5.8691L14.5051 8.98014L17.6161 8.69753L20.6568 5.65685C21.7175 7.42462 21.3357 10.6349 19.5961 12.3744C17.8566 14.1139 15.0316 14.2789 12.8786 13.435" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2576_14436">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
 </svg>

icons/solid/camera.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.72 2.79L5.5 5.75C5.26393 6.06475 4.89344 6.25 4.5 6.25H4C2.48122 6.25 1.25 7.48122 1.25 9V19C1.25 20.5188 2.48122 21.75 4 21.75H20C21.5188 21.75 22.75 20.5188 22.75 19V9C22.75 7.48122 21.5188 6.25 20 6.25H19.5C19.1066 6.25 18.7361 6.06474 18.5 5.75L16.28 2.79C16.0251 2.45007 15.625 2.25 15.2 2.25H8.8C8.37508 2.25 7.97495 2.45007 7.72 2.79ZM12 8.25C9.37664 8.25 7.25 10.3767 7.25 13C7.25 15.6233 9.37664 17.75 12 17.75C14.6233 17.75 16.75 15.6233 16.75 13C16.75 10.3767 14.6233 8.25 12 8.25Z" fill="currentColor"/>
+</svg>

icons/solid/cash.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.25C2.48122 4.25 1.25 5.48122 1.25 7V17C1.25 18.5188 2.48122 19.75 4 19.75H20C21.5188 19.75 22.75 18.5188 22.75 17V7C22.75 5.48122 21.5188 4.25 20 4.25H4ZM19.0672 12.501C19.3445 12.1933 19.3198 11.7191 19.012 11.4418C18.7043 11.1646 18.23 11.1893 17.9528 11.497L17.9428 11.5081C17.6655 11.8159 17.6902 12.2901 17.998 12.5673C18.3057 12.8446 18.78 12.8199 19.0572 12.5121L19.0672 12.501ZM6.01201 11.4418C6.31975 11.7191 6.34446 12.1933 6.06721 12.501L6.05721 12.5121C5.77996 12.8199 5.30573 12.8446 4.99799 12.5673C4.69025 12.2901 4.66554 11.8159 4.94279 11.5081L4.95279 11.497C5.23004 11.1893 5.70427 11.1646 6.01201 11.4418ZM12 8.25C9.92889 8.25 8.25 9.92889 8.25 12C8.25 14.0711 9.92889 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92889 14.0711 8.25 12 8.25Z" fill="currentColor"/>
+</svg>

icons/solid/check-square.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.6 2.25C2.85442 2.25 2.25 2.85441 2.25 3.6V20.4C2.25 21.1456 2.85441 21.75 3.6 21.75H20.4C21.1456 21.75 21.75 21.1456 21.75 20.4V3.6C21.75 2.85442 21.1456 2.25 20.4 2.25H3.6ZM17.5303 9.03033C17.8232 8.73744 17.8232 8.26256 17.5303 7.96967C17.2374 7.67678 16.7626 7.67678 16.4697 7.96967L10 14.4393L7.53033 11.9697C7.23744 11.6768 6.76256 11.6768 6.46967 11.9697C6.17678 12.2626 6.17678 12.7374 6.46967 13.0303L9.46967 16.0303C9.76256 16.3232 10.2374 16.3232 10.5303 16.0303L17.5303 9.03033Z" fill="currentColor"/>
+</svg>

icons/solid/closed-captions-tag.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.25 9C0.25 5.27208 3.27208 2.25 7 2.25H17C20.7279 2.25 23.75 5.27208 23.75 9V15C23.75 18.7279 20.7279 21.75 17 21.75H7C3.27208 21.75 0.25 18.7279 0.25 15V9ZM4.75 11.8284C4.75 9.85208 6.35213 8.25 8.32843 8.25C9.27745 8.25 10.1876 8.62698 10.8587 9.29805L10.8587 9.29811L11.0303 9.46962C11.3232 9.76249 11.3232 10.2374 11.0304 10.5303C10.7375 10.8232 10.2626 10.8232 9.96972 10.5304L9.79812 10.3588L9.79805 10.3587C9.40831 9.96897 8.87966 9.75 8.32843 9.75C7.18053 9.75 6.25 10.6805 6.25 11.8284V12.1716C6.25 13.3195 7.18053 14.25 8.32843 14.25C8.87966 14.25 9.40831 14.031 9.79807 13.6413L9.96967 13.4697C10.2626 13.1768 10.7374 13.1768 11.0303 13.4697C11.3232 13.7626 11.3232 14.2374 11.0303 14.5303L10.8587 14.7019C10.1877 15.373 9.27748 15.75 8.32843 15.75C6.35213 15.75 4.75 14.1479 4.75 12.1716V11.8284ZM16.3284 8.25C14.3521 8.25 12.75 9.85209 12.75 11.8284V12.1716C12.75 14.1479 14.3521 15.75 16.3284 15.75C17.2775 15.75 18.1877 15.373 18.8587 14.7019L19.0303 14.5303C19.3232 14.2374 19.3232 13.7626 19.0303 13.4697C18.7374 13.1768 18.2626 13.1768 17.9697 13.4697L17.7981 13.6413C17.4083 14.031 16.8797 14.25 16.3284 14.25C15.1805 14.25 14.25 13.3195 14.25 12.1716V11.8284C14.25 10.6805 15.1805 9.75 16.3284 9.75C16.8797 9.75 17.4084 9.96904 17.7981 10.3588L17.9697 10.5304C18.2626 10.8232 18.7375 10.8232 19.0304 10.5303C19.3232 10.2374 19.3232 9.76249 19.0303 9.46962L18.8587 9.29805C18.1876 8.62698 17.2775 8.25 16.3284 8.25Z" fill="currentColor"/>
+</svg>

icons/solid/credit-card.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4.25C2.48122 4.25 1.25 5.48122 1.25 7V17C1.25 18.5188 2.48122 19.75 4 19.75H20C21.5188 19.75 22.75 18.5188 22.75 17V9.75H6C5.58579 9.75 5.25 9.41421 5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H22.75V7C22.75 5.48122 21.5188 4.25 20 4.25H4Z" fill="currentColor"/>
+</svg>

icons/solid/dollar-circle.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.937 6.06293 22.75 12 22.75C17.937 22.75 22.75 17.937 22.75 12C22.75 6.06293 17.937 1.25 12 1.25ZM12.75 5.5C12.75 5.08579 12.4142 4.75 12 4.75C11.5858 4.75 11.25 5.08579 11.25 5.5V6.60325C10.7348 6.6798 10.2303 6.85793 9.8025 7.18193C9.13016 7.69119 8.75 8.48349 8.75 9.50001C8.75 9.99538 8.86527 10.4357 9.09233 10.8161C9.31679 11.1921 9.62636 11.4694 9.95672 11.6796C10.5694 12.0695 11.3505 12.2823 11.9957 12.4581L12.0527 12.4736C12.772 12.6697 13.3375 12.831 13.738 13.0859C13.9232 13.2038 14.0434 13.3249 14.1197 13.4528C14.1934 13.5763 14.25 13.7454 14.25 14C14.25 14.6092 14.0047 14.9921 13.6458 15.2435C13.2567 15.516 12.681 15.665 12.0269 15.6415C11.0251 15.6055 10.0709 15.1779 9.6 14.55C9.35147 14.2186 8.88137 14.1515 8.55 14.4C8.21863 14.6485 8.15147 15.1186 8.4 15.45C9.06955 16.3427 10.1574 16.875 11.25 17.0647V18.5C11.25 18.9142 11.5858 19.25 12 19.25C12.4142 19.25 12.75 18.9142 12.75 18.5V17.109C13.3777 17.0337 13.9915 16.8327 14.5063 16.4721C15.2634 15.942 15.75 15.1018 15.75 14C15.75 13.5046 15.6347 13.0644 15.4077 12.684C15.1832 12.3079 14.8736 12.0306 14.5433 11.8204C13.9306 11.4305 13.1495 11.2177 12.5043 11.0419L12.5043 11.0419L12.4473 11.0264C11.728 10.8303 11.1625 10.669 10.762 10.4141C10.5768 10.2962 10.4566 10.1751 10.3803 10.0472C10.3066 9.92373 10.25 9.75463 10.25 9.50001C10.25 8.8865 10.4603 8.56541 10.7082 8.37765C10.9874 8.16615 11.4239 8.04349 11.9798 8.05845C12.9286 8.08398 13.9414 8.50209 14.4697 9.03033C14.7626 9.32323 15.2374 9.32322 15.5303 9.03033C15.8232 8.73743 15.8232 8.26256 15.5303 7.96967C14.8479 7.28726 13.7987 6.80659 12.75 6.63088V5.5Z" fill="currentColor"/>
+</svg>

icons/solid/euro-square.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.6 2.25C2.85442 2.25 2.25 2.85442 2.25 3.6V20.4C2.25 21.1456 2.85444 21.75 3.6 21.75H20.4C21.1456 21.75 21.75 21.1456 21.75 20.4V3.6C21.75 2.85444 21.1456 2.25 20.4 2.25H3.6ZM13.8696 6.25C11.3499 6.25 9.23714 7.93891 8.51555 10.25H8C7.58579 10.25 7.25 10.5858 7.25 11C7.25 11.4142 7.58579 11.75 8 11.75H8.25524C8.25176 11.8329 8.25 11.9163 8.25 12C8.25 12.0837 8.25176 12.1671 8.25524 12.25H8C7.58579 12.25 7.25 12.5858 7.25 13C7.25 13.4142 7.58579 13.75 8 13.75H8.51555C9.23714 16.0611 11.3499 17.75 13.8696 17.75C14.7533 17.75 15.5908 17.5407 16.3355 17.1682C16.706 16.9828 16.8561 16.5323 16.6708 16.1619C16.4854 15.7914 16.0349 15.6413 15.6645 15.8266C15.1222 16.0979 14.5139 16.25 13.8696 16.25C12.2097 16.25 10.7628 15.2307 10.1137 13.75H14C14.4142 13.75 14.75 13.4142 14.75 13C14.75 12.5858 14.4142 12.25 14 12.25H9.75697C9.75235 12.1673 9.75 12.084 9.75 12C9.75 11.916 9.75235 11.8327 9.75697 11.75H14C14.4142 11.75 14.75 11.4142 14.75 11C14.75 10.5858 14.4142 10.25 14 10.25H10.1137C10.7628 8.76931 12.2097 7.75 13.8696 7.75C14.5139 7.75 15.1222 7.90209 15.6644 8.17337C16.0348 8.35872 16.4854 8.20869 16.6707 7.83826C16.8561 7.46783 16.706 7.01728 16.3356 6.83193C15.5908 6.45923 14.7533 6.25 13.8696 6.25Z" fill="currentColor"/>
+</svg>

icons/solid/flash.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2319 2.28681C13.5409 2.38727 13.75 2.6752 13.75 3.00005V9.25005H19C19.2821 9.25005 19.5403 9.40834 19.6683 9.65972C19.7963 9.9111 19.7725 10.213 19.6066 10.4412L11.6066 21.4412C11.4155 21.7039 11.077 21.8137 10.7681 21.7133C10.4591 21.6128 10.25 21.3249 10.25 21.0001V14.7501H5C4.71791 14.7501 4.45967 14.5918 4.33167 14.3404C4.20366 14.089 4.22753 13.7871 4.39345 13.5589L12.3935 2.55892C12.5845 2.2962 12.923 2.18635 13.2319 2.28681Z" fill="currentColor"/>
+</svg>

icons/solid/fx-tag.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.25C4.27208 2.25 1.25 5.27208 1.25 9V15C1.25 18.7279 4.27208 21.75 8 21.75H16C19.7279 21.75 22.75 18.7279 22.75 15V9C22.75 5.27208 19.7279 2.25 16 2.25H8ZM6 8.25C5.58579 8.25 5.25 8.58579 5.25 9V12V15C5.25 15.4142 5.58579 15.75 6 15.75C6.41421 15.75 6.75 15.4142 6.75 15V12.75H9.57143C9.98564 12.75 10.3214 12.4142 10.3214 12C10.3214 11.5858 9.98564 11.25 9.57143 11.25H6.75V9.75H11C11.4142 9.75 11.75 9.41421 11.75 9C11.75 8.58579 11.4142 8.25 11 8.25H6ZM13.5762 8.51988C13.311 8.20167 12.8381 8.15868 12.5199 8.42385C12.2017 8.68903 12.1587 9.16195 12.4239 9.48016L14.5237 12L12.4239 14.5199C12.1587 14.8381 12.2017 15.311 12.5199 15.5762C12.8381 15.8414 13.311 15.7984 13.5762 15.4802L15.5 13.1716L17.4239 15.4802C17.689 15.7984 18.1619 15.8414 18.4802 15.5762C18.7984 15.311 18.8414 14.8381 18.5762 14.5199L16.4763 12L18.5762 9.48016C18.8414 9.16195 18.7984 8.68903 18.4802 8.42385C18.1619 8.15868 17.689 8.20167 17.4239 8.51988L15.5 10.8285L13.5762 8.51988Z" fill="currentColor"/>
+</svg>

icons/solid/hd-display.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.25 9C0.25 5.27208 3.27208 2.25 7 2.25H17C20.7279 2.25 23.75 5.27208 23.75 9V15C23.75 18.7279 20.7279 21.75 17 21.75H7C3.27208 21.75 0.25 18.7279 0.25 15V9ZM6 7.75C6.41421 7.75 6.75 8.08579 6.75 8.5V11.25H9.75V8.5C9.75 8.08579 10.0858 7.75 10.5 7.75C10.9142 7.75 11.25 8.08579 11.25 8.5V15.5C11.25 15.9142 10.9142 16.25 10.5 16.25C10.0858 16.25 9.75 15.9142 9.75 15.5V12.75H6.75V15.5C6.75 15.9142 6.41421 16.25 6 16.25C5.58579 16.25 5.25 15.9142 5.25 15.5V8.5C5.25 8.08579 5.58579 7.75 6 7.75ZM14.75 14.7457V9.25435C15.715 9.26933 16.5157 9.33502 17.1203 9.61718C17.4642 9.77767 17.7273 10.0036 17.9147 10.3408C18.1085 10.6896 18.25 11.21 18.25 12C18.25 12.79 18.1085 13.3105 17.9147 13.6592C17.7273 13.9965 17.4642 14.2224 17.1203 14.3829C16.5157 14.6651 15.715 14.7308 14.75 14.7457ZM19.75 12C19.75 11.04 19.579 10.248 19.2259 9.61237C18.8664 8.96527 18.3483 8.53491 17.7547 8.25791C16.6645 7.74918 15.272 7.74964 14.0961 7.75002L14 7.75004C13.5858 7.75004 13.25 8.08583 13.25 8.50004V15.5C13.25 15.9143 13.5858 16.25 14 16.25L14.0961 16.2501C15.272 16.2505 16.6645 16.2509 17.7547 15.7422C18.3483 15.4652 18.8664 15.0348 19.2259 14.3877C19.579 13.7521 19.75 12.96 19.75 12Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-align-center.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9629 6.07266C11.5025 5.425 12.4974 5.425 13.037 6.07266L17.256 11.1354C17.6732 11.6361 17.6732 12.3633 17.2561 12.8639L13.0371 17.9267C12.4974 18.5743 11.5025 18.5743 10.9629 17.9267L6.74376 12.8639C6.3266 12.3633 6.32675 11.6361 6.7439 11.1354L10.9629 6.07266Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-align-horizontal.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.963 6.07266C11.5027 5.425 12.4975 5.425 13.0372 6.07266L17.2562 11.1354C17.6733 11.6361 17.6733 12.3633 17.2562 12.8639L13.0372 17.9267C12.4975 18.5743 11.5027 18.5743 10.963 17.9267L6.74388 12.8639C6.32673 12.3633 6.32687 11.6361 6.74402 11.1354L10.963 6.07266Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-align-vertical.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.963 6.07266C11.5027 5.425 12.4975 5.425 13.0372 6.07266L17.2562 11.1354C17.6733 11.6361 17.6733 12.3633 17.2562 12.8639L13.0372 17.9267C12.4975 18.5743 11.5027 18.5743 10.963 17.9267L6.74388 12.8639C6.32673 12.3633 6.32687 11.6361 6.74402 11.1354L10.963 6.07266Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-minus-in.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0348 2.12379C12.9437 0.923583 11.0562 0.923581 9.96509 2.12378L2.66803 10.1506C1.71449 11.1995 1.7145 12.8014 2.66805 13.8502L9.96509 21.877C11.0562 23.0772 12.9438 23.0772 14.0348 21.877L21.3319 13.8502C22.2855 12.8014 22.2855 11.1995 21.3319 10.1506L14.0348 2.12379ZM8.99999 11.25C8.58578 11.25 8.24999 11.5858 8.24999 12C8.24999 12.4142 8.58578 12.75 8.99999 12.75H12H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12H8.99999Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-minus.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.25 5C15.25 4.58579 15.5858 4.25 16 4.25H22C22.4142 4.25 22.75 4.58579 22.75 5C22.75 5.41421 22.4142 5.75 22 5.75H16C15.5858 5.75 15.25 5.41421 15.25 5Z" fill="currentColor"/>
+<path d="M7.94474 5.18374C9.03866 3.95307 10.9615 3.95308 12.0555 5.18374L17.3795 11.1733C18.3057 12.2152 18.3058 13.7855 17.3796 14.8273L12.0555 20.8169C10.9615 22.0476 9.03866 22.0477 7.94474 20.8169L2.62067 14.8273C1.69451 13.7855 1.69449 12.2152 2.62064 11.1734L7.94474 5.18374Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-plus-in.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0348 2.12379C12.9437 0.923583 11.0562 0.923581 9.96509 2.12378L2.66803 10.1506C1.71449 11.1995 1.7145 12.8014 2.66805 13.8502L9.96509 21.877C11.0562 23.0772 12.9438 23.0772 14.0348 21.877L21.3319 13.8502C22.2855 12.8014 22.2855 11.1995 21.3319 10.1506L14.0348 2.12379ZM12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9V11.25H8.99999C8.58578 11.25 8.24999 11.5858 8.24999 12C8.24999 12.4142 8.58578 12.75 8.99999 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15V12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-plus.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 1.25C19.4142 1.25 19.75 1.58579 19.75 2V4.25H22C22.4142 4.25 22.75 4.58579 22.75 5C22.75 5.41421 22.4142 5.75 22 5.75H19.75V8C19.75 8.41421 19.4142 8.75 19 8.75C18.5858 8.75 18.25 8.41421 18.25 8V5.75H16C15.5858 5.75 15.25 5.41421 15.25 5C15.25 4.58579 15.5858 4.25 16 4.25H18.25V2C18.25 1.58579 18.5858 1.25 19 1.25Z" fill="currentColor"/>
+<path d="M7.94474 5.18374C9.03866 3.95307 10.9615 3.95308 12.0555 5.18374L17.3795 11.1733C18.3057 12.2152 18.3058 13.7855 17.3796 14.8273L12.0555 20.8169C10.9615 22.0476 9.03866 22.0477 7.94474 20.8169L2.62067 14.8273C1.69451 13.7855 1.69449 12.2152 2.62064 11.1734L7.94474 5.18374Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe-position.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 16.25C12.4142 16.25 12.75 16.5858 12.75 17V19.25H21C21.4142 19.25 21.75 19.5858 21.75 20C21.75 20.4142 21.4142 20.75 21 20.75H3C2.58579 20.75 2.25 20.4142 2.25 20C2.25 19.5858 2.58579 19.25 3 19.25H11.25V17C11.25 16.5858 11.5858 16.25 12 16.25Z" fill="currentColor"/>
+<path d="M10.963 3.07266C11.5027 2.425 12.4975 2.425 13.0372 3.07266L17.2562 8.13544C17.6733 8.63607 17.6733 9.36327 17.2562 9.86389L13.0372 14.9267C12.4975 15.5743 11.5027 15.5743 10.963 14.9267L6.74388 9.86389C6.32673 9.36326 6.32687 8.63606 6.74402 8.13544L10.963 3.07266Z" fill="currentColor"/>
+</svg>

icons/solid/keyframe.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.9651 2.12378C11.0562 0.923581 12.9437 0.923583 14.0348 2.12379L21.3319 10.1506C22.2855 11.1995 22.2855 12.8014 21.3319 13.8502L14.0348 21.877C12.9438 23.0772 11.0562 23.0772 9.9651 21.877L2.66806 13.8502C1.71451 12.8014 1.71449 11.1995 2.66804 10.1506L9.9651 2.12378Z" fill="currentColor"/>
+</svg>

icons/solid/keyframes-couple.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0658 5.18029L12.5606 6.87362L11.4395 5.87707L12.9447 4.18374C14.0386 2.95308 15.9614 2.95308 17.0554 4.18373L22.3794 10.1733C23.3056 11.2152 23.3057 12.7855 22.3795 13.8273M22.3795 13.8273L17.0554 19.8169C15.9614 21.0476 14.0386 21.0477 12.9447 19.8169L11.4395 18.1236L12.5606 17.1271L14.0658 18.8204C14.563 19.3798 15.437 19.3798 15.9342 18.8204L21.2583 12.8308C21.6793 12.3572 21.6793 11.6435 21.2584 11.17L15.9343 5.18029C15.437 4.6209 14.563 4.6209 14.0658 5.18029" fill="currentColor"/>
+<path d="M6.94474 4.18374C8.03866 2.95307 9.96152 2.95308 11.0555 4.18374L16.3795 10.1733C17.3057 11.2152 17.3058 12.7855 16.3796 13.8273L11.0555 19.8169C9.96155 21.0476 8.03866 21.0477 6.94474 19.8169L1.62067 13.8273C0.694507 12.7855 0.694485 11.2152 1.62064 10.1734L6.94474 4.18374Z" fill="currentColor"/>
+</svg>

icons/solid/keyframes.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0696 5.22622L14.4121 10.189C15.3193 11.2258 15.3193 12.7741 14.4121 13.8108L10.0697 18.7736C8.97402 20.0258 7.0261 20.0258 5.93047 18.7736L1.58802 13.8108C0.680789 12.7741 0.680784 11.2258 1.588 10.189L5.93047 5.22623C7.0261 3.97407 8.97401 3.97407 10.0696 5.22622Z" fill="currentColor"/>
+<path d="M13 19L17.8844 13.3016C18.5263 12.5526 18.5263 11.4474 17.8844 10.6984L13 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17 19L21.8844 13.3016C22.5263 12.5526 22.5263 11.4474 21.8844 10.6984L17 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

icons/solid/microphone-mute.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.46967 2.46967C2.76256 2.17678 3.23744 2.17678 3.53033 2.46967L21.5303 20.4697C21.8232 20.7626 21.8232 21.2374 21.5303 21.5303C21.2374 21.8232 20.7626 21.8232 20.4697 21.5303L2.46967 3.53033C2.17678 3.23744 2.17678 2.76256 2.46967 2.46967Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 4.38359C8.25 2.65295 9.65295 1.25 11.3836 1.25H12C14.0711 1.25 15.75 2.92893 15.75 5V10.5C15.75 10.791 15.5817 11.0558 15.3181 11.1792C15.0546 11.3026 14.7434 11.2625 14.5199 11.0762L9.37751 6.79088C8.66308 6.19551 8.25 5.31357 8.25 4.38359ZM14 14.75C10.8244 14.75 8.25 12.1756 8.25 9H9.75C9.75 11.3472 11.6528 13.25 14 13.25V14.75Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 9.25C5.41421 9.25 5.75 9.58579 5.75 10V11C5.75 14.4518 8.54822 17.25 12 17.25C15.4518 17.25 18.25 14.4518 18.25 11V10C18.25 9.58579 18.5858 9.25 19 9.25C19.4142 9.25 19.75 9.58579 19.75 10V11C19.75 15.2802 16.2802 18.75 12 18.75C7.71979 18.75 4.25 15.2802 4.25 11V10C4.25 9.58579 4.58579 9.25 5 9.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 17.25C12.4142 17.25 12.75 17.5858 12.75 18V21.25H15C15.4142 21.25 15.75 21.5858 15.75 22C15.75 22.4142 15.4142 22.75 15 22.75H9C8.58579 22.75 8.25 22.4142 8.25 22C8.25 21.5858 8.58579 21.25 9 21.25H11.25V18C11.25 17.5858 11.5858 17.25 12 17.25Z" fill="currentColor"/>
+</svg>

icons/solid/money-square.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.6 2.25C2.85442 2.25 2.25 2.85442 2.25 3.6V20.4C2.25 21.1456 2.85444 21.75 3.6 21.75H20.4C21.1456 21.75 21.75 21.1456 21.75 20.4V3.6C21.75 2.85444 21.1456 2.25 20.4 2.25H3.6ZM12.75 5.5C12.75 5.08579 12.4142 4.75 12 4.75C11.5858 4.75 11.25 5.08579 11.25 5.5V6.60325C10.7348 6.6798 10.2303 6.85793 9.8025 7.18193C9.13016 7.69119 8.75 8.48349 8.75 9.50001C8.75 9.99538 8.86527 10.4357 9.09233 10.8161C9.31679 11.1921 9.62636 11.4694 9.95672 11.6796C10.5694 12.0695 11.3505 12.2823 11.9957 12.4581L12.0527 12.4736C12.772 12.6697 13.3375 12.831 13.738 13.0859C13.9232 13.2038 14.0434 13.3249 14.1197 13.4528C14.1934 13.5763 14.25 13.7454 14.25 14C14.25 14.6092 14.0047 14.9921 13.6458 15.2435C13.2567 15.516 12.681 15.665 12.0269 15.6415C11.0251 15.6055 10.0709 15.1779 9.6 14.55C9.35147 14.2186 8.88137 14.1515 8.55 14.4C8.21863 14.6485 8.15147 15.1186 8.4 15.45C9.06955 16.3427 10.1574 16.875 11.25 17.0647V18.5C11.25 18.9142 11.5858 19.25 12 19.25C12.4142 19.25 12.75 18.9142 12.75 18.5V17.109C13.3777 17.0337 13.9915 16.8327 14.5063 16.4721C15.2634 15.942 15.75 15.1018 15.75 14C15.75 13.5046 15.6347 13.0644 15.4077 12.684C15.1832 12.3079 14.8736 12.0306 14.5433 11.8204C13.9306 11.4305 13.1495 11.2177 12.5043 11.0419L12.5043 11.0419L12.4473 11.0264C11.728 10.8303 11.1625 10.669 10.762 10.4141C10.5768 10.2962 10.4566 10.1751 10.3803 10.0472C10.3066 9.92373 10.25 9.75463 10.25 9.50001C10.25 8.8865 10.4603 8.56541 10.7082 8.37765C10.9874 8.16615 11.4239 8.04349 11.9798 8.05845C12.9286 8.08398 13.9414 8.50209 14.4697 9.03033C14.7626 9.32323 15.2374 9.32322 15.5303 9.03033C15.8232 8.73743 15.8232 8.26256 15.5303 7.96967C14.8479 7.28726 13.7987 6.80659 12.75 6.63088V5.5Z" fill="currentColor"/>
+</svg>

icons/solid/sound-high.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9697 6.96967C17.2626 6.67678 17.7374 6.67678 18.0303 6.96967L17.5 7.5C18.0303 6.96967 18.0306 6.96989 18.0308 6.97012L18.0313 6.9706L18.0323 6.97168L18.0349 6.97426L18.0416 6.98113L18.0613 7.00165C18.0771 7.01833 18.0982 7.04101 18.1237 7.06959C18.1747 7.1267 18.2439 7.20756 18.325 7.31121C18.487 7.51816 18.6983 7.8181 18.9084 8.20336C19.3286 8.97364 19.75 10.0966 19.75 11.5C19.75 12.9034 19.3286 14.0264 18.9084 14.7966C18.6983 15.1819 18.487 15.4818 18.325 15.6888C18.2439 15.7924 18.1747 15.8733 18.1237 15.9304C18.0982 15.959 18.0771 15.9817 18.0613 15.9984L18.0416 16.0189L18.0349 16.0257L18.0323 16.0283L18.0313 16.0294L18.0308 16.0299C18.0306 16.0301 18.0303 16.0303 17.5207 15.5207L18.0303 16.0303C17.7374 16.3232 17.2626 16.3232 16.9697 16.0303C16.6776 15.7383 16.6768 15.2654 16.9671 14.9723C16.9679 14.9714 16.9688 14.9705 16.9697 14.9697L17.5 15.5C16.9697 14.9697 16.9695 14.9699 16.9693 14.9701L16.9689 14.9705L16.9682 14.9711L16.9673 14.9721L16.9724 14.9667C16.9786 14.9602 16.9897 14.9482 17.0052 14.9309C17.0362 14.8962 17.0842 14.8404 17.1437 14.7643C17.263 14.6119 17.4267 14.3806 17.5916 14.0784C17.9214 13.4736 18.25 12.5966 18.25 11.5C18.25 10.4034 17.9214 9.52636 17.5916 8.92164C17.4267 8.6194 17.263 8.38809 17.1437 8.23567C17.0842 8.15963 17.0362 8.10377 17.0052 8.06908C16.9897 8.05176 16.9786 8.03978 16.9724 8.03326L16.9671 8.02774C16.6768 7.73464 16.6776 7.2617 16.9697 6.96967Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9697 3.96967C20.2626 3.67678 20.7374 3.67678 21.0303 3.96967L20.5 4.5C21.0303 3.96967 21.0306 3.96991 21.0308 3.97017L21.0314 3.97072L21.0327 3.972L21.0359 3.97527L21.045 3.98462C21.0523 3.9921 21.0619 4.00207 21.0736 4.01451C21.0971 4.03939 21.1292 4.0742 21.1688 4.11882C21.2478 4.20802 21.3566 4.33662 21.4851 4.50365C21.7419 4.83749 22.0786 5.32653 22.4137 5.96319C23.0845 7.23773 23.75 9.10689 23.75 11.5C23.75 13.8931 23.0845 15.7623 22.4137 17.0368C22.0786 17.6735 21.7419 18.1625 21.4851 18.4963C21.3566 18.6634 21.2478 18.792 21.1688 18.8812C21.1292 18.9258 21.0971 18.9606 21.0736 18.9855C21.0619 18.9979 21.0523 19.0079 21.045 19.0154L21.0359 19.0247L21.0327 19.028L21.0314 19.0293L21.0308 19.0298C21.0306 19.0301 21.0303 19.0303 20.5 18.5L21.0303 19.0303C20.7374 19.3232 20.2626 19.3232 19.9697 19.0303C19.6771 18.7378 19.6768 18.2636 19.9687 17.9706C19.9688 17.9706 19.9689 17.9705 19.969 17.9704L19.9689 17.9705L19.9687 17.9706L19.9683 17.9711L19.9678 17.9716C19.9679 17.9714 19.9684 17.9709 19.9693 17.97L19.9825 17.9562C19.9957 17.9422 20.0173 17.9189 20.0461 17.8864C20.1038 17.8213 20.1903 17.7194 20.2962 17.5818C20.5081 17.3062 20.7964 16.889 21.0863 16.3382C21.6655 15.2377 22.25 13.6069 22.25 11.5C22.25 9.39311 21.6655 7.76227 21.0863 6.66181C20.7964 6.11097 20.5081 5.69376 20.2962 5.41822C20.1903 5.28057 20.1038 5.17869 20.0461 5.1136C20.0173 5.08107 19.9957 5.05777 19.9825 5.04384L19.9693 5.03C19.9683 5.02899 19.9678 5.02845 19.9677 5.02839L19.9683 5.02891L19.9689 5.02951L19.9692 5.02989C19.6768 4.73696 19.6769 4.26242 19.9697 3.96967ZM19.9677 5.02838C19.9677 5.02838 19.9677 5.02838 19.9677 5.02839L19.9677 5.02838Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0367 3.3964C13.2002 2.62923 14.75 3.46373 14.75 4.85741V19.1431C14.75 20.5368 13.2002 21.3713 12.0367 20.6041L6.03762 16.6487C5.99677 16.6218 5.94892 16.6074 5.9 16.6074H3C1.48122 16.6074 0.25 15.3762 0.25 13.8574V10.1431C0.25 8.62434 1.48122 7.39313 3 7.39313H5.9C5.94892 7.39313 5.99677 7.37877 6.03762 7.35184L12.0367 3.3964Z" fill="currentColor"/>
+</svg>

icons/solid/sound-low.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9697 6.96967C19.2626 6.67678 19.7374 6.67678 20.0303 6.96967L19.5 7.5C20.0303 6.96967 20.0306 6.96989 20.0308 6.97012L20.0313 6.9706L20.0323 6.97168L20.0349 6.97426L20.0416 6.98113L20.0613 7.00165C20.0771 7.01833 20.0982 7.04101 20.1237 7.06959C20.1747 7.1267 20.2439 7.20756 20.325 7.31121C20.487 7.51816 20.6983 7.8181 20.9084 8.20336C21.3286 8.97364 21.75 10.0966 21.75 11.5C21.75 12.9034 21.3286 14.0264 20.9084 14.7966C20.6983 15.1819 20.487 15.4818 20.325 15.6888C20.2439 15.7924 20.1747 15.8733 20.1237 15.9304C20.0982 15.959 20.0771 15.9817 20.0613 15.9984L20.0416 16.0189L20.0349 16.0257L20.0323 16.0283L20.0313 16.0294L20.0308 16.0299C20.0306 16.0301 20.0303 16.0303 19.5207 15.5207L20.0303 16.0303C19.7374 16.3232 19.2626 16.3232 18.9697 16.0303C18.6776 15.7383 18.6768 15.2654 18.9671 14.9723C18.9679 14.9714 18.9688 14.9705 18.9697 14.9697L19.5 15.5C18.9697 14.9697 18.9695 14.9699 18.9693 14.9701L18.9689 14.9705L18.9682 14.9711L18.9673 14.9721L18.9724 14.9667C18.9786 14.9602 18.9897 14.9482 19.0052 14.9309C19.0362 14.8962 19.0842 14.8404 19.1437 14.7643C19.263 14.6119 19.4267 14.3806 19.5916 14.0784C19.9214 13.4736 20.25 12.5966 20.25 11.5C20.25 10.4034 19.9214 9.52636 19.5916 8.92164C19.4267 8.6194 19.263 8.38809 19.1437 8.23567C19.0842 8.15963 19.0362 8.10377 19.0052 8.06908C18.9897 8.05176 18.9786 8.03978 18.9724 8.03326L18.9671 8.02774C18.6768 7.73464 18.6776 7.2617 18.9697 6.96967Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0367 3.3964C14.2002 2.62923 15.75 3.46373 15.75 4.85741V19.1431C15.75 20.5368 14.2002 21.3713 13.0367 20.6041L7.03762 16.6487C6.99677 16.6218 6.94892 16.6074 6.9 16.6074H4C2.48122 16.6074 1.25 15.3762 1.25 13.8574V10.1431C1.25 8.62434 2.48122 7.39313 4 7.39313H6.9C6.94892 7.39313 6.99677 7.37877 7.03762 7.35184L13.0367 3.3964Z" fill="currentColor"/>
+</svg>

icons/solid/sound-min.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5367 3.3964C15.7002 2.62923 17.25 3.46373 17.25 4.85741V19.1431C17.25 20.5368 15.7002 21.3713 14.5367 20.6041L8.53762 16.6487C8.49677 16.6218 8.44892 16.6074 8.4 16.6074H5.5C3.98122 16.6074 2.75 15.3762 2.75 13.8574V10.1431C2.75 8.62434 3.98122 7.39313 5.5 7.39313H8.4C8.44892 7.39313 8.49677 7.37877 8.53762 7.35184L14.5367 3.3964Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 8.25C20.9142 8.25 21.25 8.58579 21.25 9L21.25 15C21.25 15.4142 20.9142 15.75 20.5 15.75C20.0858 15.75 19.75 15.4142 19.75 15L19.75 9C19.75 8.58579 20.0858 8.25 20.5 8.25Z" fill="currentColor"/>
+</svg>

icons/solid/sound-off.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4223_8258)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4696 9.46973C17.7625 9.1768 18.2373 9.17675 18.5303 9.46961L20.0003 10.9393L21.4696 9.46973C21.7625 9.1768 22.2373 9.17675 22.5303 9.46961C22.8232 9.76247 22.8232 10.2373 22.5304 10.5303L21.061 12L22.5304 13.4697C22.8232 13.7627 22.8232 14.2375 22.5303 14.5304C22.2373 14.8233 21.7625 14.8232 21.4696 14.5303L20.0003 13.0607L18.5303 14.5304C18.2373 14.8233 17.7625 14.8232 17.4696 14.5303C17.1767 14.2373 17.1768 13.7625 17.4697 13.4696L18.9397 12L17.4697 10.5304C17.1768 10.2375 17.1767 9.76266 17.4696 9.46973Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0367 3.3964C14.2002 2.62923 15.75 3.46373 15.75 4.85741V19.1431C15.75 20.5368 14.2002 21.3713 13.0367 20.6041L7.03762 16.6487C6.99677 16.6218 6.94892 16.6074 6.9 16.6074H4C2.48122 16.6074 1.25 15.3762 1.25 13.8574V10.1431C1.25 8.62434 2.48122 7.39313 4 7.39313H6.9C6.94892 7.39313 6.99677 7.37877 7.03762 7.35184L13.0367 3.3964Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_4223_8258">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

icons/solid/transition-down.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 5C2.25 2.92894 3.92894 1.25 6 1.25H18C20.0711 1.25 21.75 2.92894 21.75 5V7C21.75 9.07106 20.0711 10.75 18 10.75H6C3.92894 10.75 2.25 9.07106 2.25 7V5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 15.25C3.41421 15.25 3.75 15.5858 3.75 16V18C3.75 19.7949 5.20508 21.25 7 21.25H17C18.7949 21.25 20.25 19.7949 20.25 18V16C20.25 15.5858 20.5858 15.25 21 15.25C21.4142 15.25 21.75 15.5858 21.75 16V18C21.75 20.6233 19.6233 22.75 17 22.75H7C4.37664 22.75 2.25 20.6233 2.25 18V16C2.25 15.5858 2.58579 15.25 3 15.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 9.25C12.4142 9.25 12.75 9.58579 12.75 10V16.1893L14.4697 14.4697C14.7626 14.1768 15.2374 14.1768 15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303L12.5303 18.5303C12.2374 18.8232 11.7626 18.8232 11.4697 18.5303L8.46967 15.5303C8.17678 15.2374 8.17678 14.7626 8.46967 14.4697C8.76256 14.1768 9.23744 14.1768 9.53033 14.4697L11.25 16.1893V10C11.25 9.58579 11.5858 9.25 12 9.25Z" fill="currentColor"/>
+</svg>

icons/solid/transition-left.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.25 6C13.25 3.92894 14.9289 2.25 17 2.25H19C21.0711 2.25 22.75 3.92894 22.75 6V18C22.75 20.0711 21.0711 21.75 19 21.75H17C14.9289 21.75 13.25 20.0711 13.25 18V6Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 7C1.25 4.37665 3.37665 2.25 6 2.25H8C8.41421 2.25 8.75 2.58579 8.75 3C8.75 3.41421 8.41421 3.75 8 3.75H6C4.20507 3.75 2.75 5.20507 2.75 7V17C2.75 18.7949 4.20508 20.25 6 20.25H8C8.41421 20.25 8.75 20.5858 8.75 21C8.75 21.4142 8.41421 21.75 8 21.75H6C3.37664 21.75 1.25 19.6233 1.25 17V7Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.53033 8.46967C9.82322 8.76256 9.82322 9.23744 9.53033 9.53033L7.81066 11.25H14C14.4142 11.25 14.75 11.5858 14.75 12C14.75 12.4142 14.4142 12.75 14 12.75H7.81066L9.53033 14.4697C9.82322 14.7626 9.82322 15.2374 9.53033 15.5303C9.23744 15.8232 8.76256 15.8232 8.46967 15.5303L5.46967 12.5303C5.17678 12.2374 5.17678 11.7626 5.46967 11.4697L8.46967 8.46967C8.76256 8.17678 9.23744 8.17678 9.53033 8.46967Z" fill="currentColor"/>
+</svg>

icons/solid/transition-right.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 6C1.25 3.92894 2.92894 2.25 5 2.25H7C9.07106 2.25 10.75 3.92894 10.75 6V18C10.75 20.0711 9.07106 21.75 7 21.75H5C2.92894 21.75 1.25 20.0711 1.25 18V6Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.25 3C15.25 2.58579 15.5858 2.25 16 2.25H18C20.6233 2.25 22.75 4.37664 22.75 7V17C22.75 19.6233 20.6233 21.75 18 21.75H16C15.5858 21.75 15.25 21.4142 15.25 21C15.25 20.5858 15.5858 20.25 16 20.25H18C19.7949 20.25 21.25 18.7949 21.25 17V7C21.25 5.20508 19.7949 3.75 18 3.75H16C15.5858 3.75 15.25 3.41421 15.25 3Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967L18.5303 11.4697C18.8232 11.7626 18.8232 12.2374 18.5303 12.5303L15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303C14.1768 15.2374 14.1768 14.7626 14.4697 14.4697L16.1893 12.75H10C9.58579 12.75 9.25 12.4142 9.25 12C9.25 11.5858 9.58579 11.25 10 11.25H16.1893L14.4697 9.53033C14.1768 9.23744 14.1768 8.76256 14.4697 8.46967Z" fill="currentColor"/>
+</svg>

icons/solid/transition-up.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 17C2.25 14.9289 3.92894 13.25 6 13.25H18C20.0711 13.25 21.75 14.9289 21.75 17V19C21.75 21.0711 20.0711 22.75 18 22.75H6C3.92894 22.75 2.25 21.0711 2.25 19V17Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.75C5.20507 2.75 3.75 4.20507 3.75 6V8C3.75 8.41421 3.41421 8.75 3 8.75C2.58579 8.75 2.25 8.41421 2.25 8V6C2.25 3.37665 4.37665 1.25 7 1.25H17C19.6233 1.25 21.75 3.37664 21.75 6V8C21.75 8.41421 21.4142 8.75 21 8.75C20.5858 8.75 20.25 8.41421 20.25 8V6C20.25 4.20508 18.7949 2.75 17 2.75H7Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 5.46967C11.7626 5.17678 12.2374 5.17678 12.5303 5.46967L15.5303 8.46967C15.8232 8.76256 15.8232 9.23744 15.5303 9.53033C15.2374 9.82322 14.7626 9.82322 14.4697 9.53033L12.75 7.81066V14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14V7.81066L9.53033 9.53033C9.23744 9.82322 8.76256 9.82322 8.46967 9.53033C8.17678 9.23744 8.17678 8.76256 8.46967 8.46967L11.4697 5.46967Z" fill="currentColor"/>
+</svg>

icons/solid/wallet.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 6.25C3.48122 6.25 2.25 7.48122 2.25 9V18C2.25 19.5188 3.48122 20.75 5 20.75H19C20.5188 20.75 21.75 19.5188 21.75 18V9C21.75 7.48122 20.5188 6.25 19 6.25H5ZM16.5 12.25C15.8097 12.25 15.25 12.8097 15.25 13.5C15.25 14.1903 15.8097 14.75 16.5 14.75C17.1903 14.75 17.75 14.1903 17.75 13.5C17.75 12.8097 17.1903 12.25 16.5 12.25Z" fill="currentColor"/>
+<path d="M16.4847 3.06862C17.7544 2.73004 19 3.68703 19 5.00109H9L16.4847 3.06862Z" fill="currentColor"/>
+</svg>

icons/solid/web-window-energy-consumption.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 6.28571C1.25 4.62919 2.56093 3.25 4.22222 3.25H19.7778C21.4391 3.25 22.75 4.6292 22.75 6.28571V17.7143C22.75 19.3708 21.4391 20.75 19.7778 20.75H4.22222C2.56094 20.75 1.25 19.3708 1.25 17.7143V6.28571ZM4.25 7C4.25 6.58579 4.58579 6.25 5 6.25H6C6.41421 6.25 6.75 6.58579 6.75 7C6.75 7.41421 6.41421 7.75 6 7.75H5C4.58579 7.75 4.25 7.41421 4.25 7ZM12.3223 9.36437C12.5235 9.00229 12.393 8.54568 12.0309 8.34452C11.6689 8.14336 11.2122 8.27381 11.0111 8.6359L9.34439 11.6359C9.21533 11.8682 9.21883 12.1514 9.3536 12.3805C9.48836 12.6095 9.73426 12.7501 10 12.7501H12.7254L11.6777 14.6359C11.4765 14.998 11.607 15.4546 11.9691 15.6558C12.3311 15.8569 12.7878 15.7265 12.9889 15.3644L14.6556 12.3644C14.7847 12.1321 14.7812 11.8488 14.6464 11.6198C14.5116 11.3908 14.2657 11.2501 14 11.2501H11.2746L12.3223 9.36437Z" fill="currentColor"/>
+</svg>