website: add more supported library icons

iconoir.com/components/AvailableFor.tsx

@@ -23,6 +23,13 @@ export function AvailableFor() {
               title={'React'}
             />
           </a>
+          <a href={'https://github.com/iconoir-icons/iconoir#swift-package'} target={'_blank'} rel={'noreferrer'}>
+            <AvailableForImage
+              src={'/logo-swift.svg'}
+              alt={'Swift Logo'}
+              title={'Swift'}
+            />
+          </a>
           <a href={LIBRARY_LINKS.Flutter} target={'_blank'} rel={'noreferrer'}>
             <AvailableForImage
               src={'/logo-flutter.svg'}
@@ -48,6 +55,13 @@ export function AvailableFor() {
               title={'React Native'}
             />
           </a>
+          <a href={LIBRARY_LINKS.Vue} target={'_blank'} rel={'noreferrer'}>
+            <AvailableForImage
+              src={'/logo-vue.svg'}
+              alt={'Vue Logo'}
+              title={'Vue'}
+            />
+          </a>
           <a href={LIBRARY_LINKS.Framer} target={'_blank'} rel={'noreferrer'}>
             <AvailableForImage
               src={'/logo-framer.svg'}
@@ -138,7 +152,7 @@ const AvailableForContainer = styled.div<{ $contentWidth: number }>`
   }
   ${media.md} {
     > :not(:last-child) {
-      margin-right: 60px;
+      margin-right: 40px;
     }
   }
 `;

iconoir.com/lib/constants.ts

@@ -17,6 +17,7 @@ export const LIBRARY_LINKS = {
   React: `${GITHUB_TREE_PREFIX}/packages/iconoir-react`,
   ReactNative: `${GITHUB_TREE_PREFIX}/packages/iconoir-react-native`,
   Flutter: `${GITHUB_TREE_PREFIX}/packages/iconoir-flutter`,
+  Vue: `${GITHUB_TREE_PREFIX}/packages/iconoir-vue`,
   Framer: 'https://framer.com/',
   Figma: 'https://www.figma.com/community/file/983248991460488027/Iconoir-Pack',
 } as const;

iconoir.com/public/logo-swift.svg

@@ -0,0 +1,3 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.6856 28.8846C38.3546 26.7291 39.8621 18.7596 28.7906 11.6496C28.603 11.5289 28.3789 11.4779 28.1575 11.5053C27.9361 11.5327 27.7312 11.6368 27.5786 11.7996C27.4284 11.9586 27.3421 12.1672 27.336 12.3858C27.3299 12.6044 27.4045 12.8176 27.5456 12.9846C27.5906 13.0386 31.6706 18.0096 30.2201 23.6871C27.7106 21.9606 17.7341 14.0526 17.7341 14.0526L23.5001 23.4996L12.7931 16.5996C12.7931 16.5996 20.3621 25.8921 24.9941 29.3871C22.7516 30.1926 17.8796 31.0446 11.4446 27.0456C11.2665 26.9345 11.0566 26.8851 10.8476 26.9052C10.6385 26.9252 10.4419 27.0136 10.2881 27.1566C10.1372 27.2956 10.0389 27.4824 10.0099 27.6855C9.98092 27.8886 10.023 28.0955 10.1291 28.2711C10.3436 28.6296 15.5021 36.9996 26.4086 36.9996C29.4011 36.9996 31.1486 36.1476 32.5556 35.4636C33.4196 35.0451 34.1021 34.7121 34.8476 34.7121C36.7016 34.7121 37.9181 36.5526 37.9286 36.5691C38.0221 36.7128 38.1528 36.8284 38.3068 36.9037C38.4608 36.979 38.6323 37.0111 38.8031 36.9966C38.9728 36.9851 39.1361 36.9273 39.2752 36.8294C39.4143 36.7316 39.524 36.5974 39.5921 36.4416C40.9316 33.3306 38.6246 30.0381 37.6856 28.8831V28.8846Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

iconoir.com/public/logo-vue.svg

@@ -0,0 +1,4 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 38.458L41.625 12.333H35.2917L25 28.1663L14.7083 12.333H8.375L25 38.458Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M35.2918 12.333H28.9585L25.0002 17.8747L21.0418 12.333H14.7085" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>