design-react-kit 3.3.1 → 4.0.1

package/src/Icon/assets/ItFlickr.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <circle cx={6.73} cy={12} r={4.73} />
+      <circle cx={17.27} cy={12} r={4.73} />
+    </svg>
+  );
+};

package/src/Icon/assets/ItFlickrSquare.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M20 4a3.26 3.26 0 00-2.38-1H6.38A3.26 3.26 0 004 4a3.26 3.26 0 00-1 2.37v11.25A3.26 3.26 0 004 20a3.26 3.26 0 002.39 1h11.24A3.38 3.38 0 0021 17.62V6.37A3.26 3.26 0 0020 4zm-9.56 9.77a2.5 2.5 0 01-3.51 0 2.49 2.49 0 010-3.52 2.5 2.5 0 013.51 0 2.49 2.49 0 010 3.52zm6.61 0A2.49 2.49 0 0112.82 12a2.49 2.49 0 014.24-1.76 2.49 2.49 0 010 3.52l-.01.01z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItFolder.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M20 6h-8l-2-2H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2zm1 12a.9.9 0 01-1 1H4a.9.9 0 01-1-1V6a.9.9 0 011-1h5.6l1.7 1.7.3.3H20a.9.9 0 011 1zM4 8h16v1H4z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItFullscreen.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M4 20h4.5v1H3v-5.5h1zM3 8.5h1V4h4.5V3H3zM20 20h-4.5v1H21v-5.5h-1zM15.5 3v1H20v4.5h1V3z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItFunnel.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M14 22h-1v-8.65L20.05 3H4l7 10.35V22h-1v-8.35L2.05 2H22l-8 11.65z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItGithub.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M12 2a10 10 0 00-3.16 19.49c.5.09.68-.22.68-.48v-1.7C6.73 19.91 6.14 18 6.14 18A2.69 2.69 0 005 16.5c-.91-.62.07-.61.07-.61a2.13 2.13 0 011.53 1 2.14 2.14 0 002.91.83 2.16 2.16 0 01.63-1.34c-2.14-.21-4.52-1.07-4.52-4.9a3.89 3.89 0 011-2.69 3.57 3.57 0 01.1-2.64s.84-.27 2.75 1a9.63 9.63 0 015 0c1.91-1.29 2.75-1 2.75-1 .37.835.405 1.78.1 2.64a3.89 3.89 0 011 2.69c0 3.84-2.34 4.68-4.57 4.93.482.49.73 1.164.68 1.85v2.75c0 .33.18.58.69.48A10 10 0 0012 2z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItHearing.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M20 9a6.8 6.8 0 01-3.5 6l-2 1.1a3.3 3.3 0 00-1.5 2.7A3.2 3.2 0 019.8 22h-.6a3.4 3.4 0 01-3-2.1l.9-.5A2.3 2.3 0 009.2 21h.6a2.1 2.1 0 001.6-.7 2 2 0 00.6-1.5 4 4 0 012-3.5l2-1.2A5.9 5.9 0 0019 9a6 6 0 00-6-6 6 6 0 00-4.8 2.4l-.8-.6A7 7 0 0113 2a7 7 0 017 7zM7.5 12A5.5 5.5 0 002 6.5v1a4.5 4.5 0 010 9v1A5.5 5.5 0 007.5 12zM5 12a2.9 2.9 0 00-3-3v1a2 2 0 010 4v1a2.9 2.9 0 003-3zm5 0a8 8 0 00-8-8v1a7 7 0 010 14v1a8 8 0 008-8zm5.9.3a4.5 4.5 0 001.2-3.2 4.5 4.5 0 00-1.2-3.2 4.5 4.5 0 00-3.2-1.4A4.8 4.8 0 009.5 6l-.3.3.2.3a8.8 8.8 0 011.3 3v.4h.4a1.5 1.5 0 010 3v1a2.5 2.5 0 002.5-2.5 2.6 2.6 0 00-2-2.5 8.5 8.5 0 00-1.1-2.6 3.9 3.9 0 012.2-.9 3.5 3.5 0 012.4 1 3.5 3.5 0 011 2.6 3.5 3.5 0 01-1 2.6z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItHelp.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12.8 22h-1.4v-2.1h1.4zm-.1-4.9h-1.2a9.7 9.7 0 01-.1-1.7 2.7 2.7 0 01.3-1.2 5.6 5.6 0 01.7-1.3l2.3-2.1a9.6 9.6 0 001.8-2.1 4.5 4.5 0 00.5-2.3 3 3 0 00-1.1-2.6 6.2 6.2 0 00-3.4-.7 22.9 22.9 0 00-3.6.5l-1 .3-.2-1.2h.1a18.1 18.1 0 014.7-.8 7.4 7.4 0 014.3 1 4.2 4.2 0 011.4 3.5 5 5 0 01-.5 2.7 8.6 8.6 0 01-1.9 2.2 19.7 19.7 0 00-1.8 1.6 6.2 6.2 0 00-.9 1.2 2.3 2.3 0 00-.4 1.4z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItHelpCircle.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 19a9 9 0 119-9 9 9 0 01-9 9zm-1.2-4.5H12v1.8h-1.2zm4.5-8a4.2 4.2 0 01-.3 1.8 5.4 5.4 0 01-1.3 1.4L12.3 13a2.8 2.8 0 00-.4 1.2v.6H11a3 3 0 01-.2-1 2.1 2.1 0 01.5-1.2 9 9 0 011.4-1.4 6.4 6.4 0 001.2-1.3 2.6 2.6 0 00.3-1.4 1.7 1.7 0 00-.6-1.4 3.5 3.5 0 00-2-.4L9.3 7h-.5v-.8a10.2 10.2 0 013-.5 4.9 4.9 0 012.7.6 2.7 2.7 0 01.8 2.2z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItHorn.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M5 9a3 3 0 000 6h.5L7 19.3A2.5 2.5 0 009.3 21h.2a1.4 1.4 0 001.2-.6 1.4 1.4 0 00.2-1.4l-1.3-4h1.8l8.6 3.8V4.7L11.4 9zm5 10.3a.7.7 0 01-.1.5l-.4.2h-.2a1.5 1.5 0 01-1.4-1l-1.3-4h1.9zM5 14a2 2 0 010-4h6v4zm14 3.2l-7-3V9.8l7-3.5zM22 9v6h-1V9z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItInbox.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M4 2v14h3.7l1 2h6.6l1-2H20V2H4zm15 13h-3.3l-1 2H9.3l-1-2H5V3h14v12z' />
+      <path d='M19 17h1v5H4v-5h1v4h14zM7 5h10v1H7zM7 8h10v1H7zM7 11h10v1H7z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItInfoCircle.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 19a9 9 0 119-9 9 9 0 01-9 9zm-.7-15h1.5v2h-1.5zm0 3h1.5v9h-1.5z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItInstagram.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M12 4.62l-.01.08H8.35a5.12 5.12 0 00-1.67.31c-.38.15-.72.382-1 .68-.298.28-.53.62-.68 1a5.12 5.12 0 00-.3 1.68v7.28c.01.57.114 1.134.31 1.67.15.38.382.72.68 1 .28.298.62.53 1 .68.536.196 1.1.3 1.67.31.95.05 1.24.05 3.64.05 2.4 0 2.64-.05 3.64-.05a5.12 5.12 0 001.67-.31A3.08 3.08 0 0019 17.31a5.12 5.12 0 00.3-1.68c.05-.95.05-1.24.05-3.64 0-2.4-.05-2.64-.05-3.64a5.12 5.12 0 00-.31-1.67 2.77 2.77 0 00-.68-1 2.77 2.77 0 00-1-.68 5.12 5.12 0 00-1.67-.38H12zM12 3v.05h3.71a6.9 6.9 0 012.19.42 4.64 4.64 0 012.68 2.63A6.9 6.9 0 0121 8.29c0 .96.05 1.27.05 3.71S21 14.71 21 15.71a6.9 6.9 0 01-.47 2.24 4.64 4.64 0 01-2.63 2.63 6.9 6.9 0 01-2.19.42c-.96.05-1.27.05-3.71.05S9.29 21 8.29 21a6.9 6.9 0 01-2.19-.47 4.64 4.64 0 01-2.63-2.63 6.9 6.9 0 01-.42-2.19V12 8.29a6.9 6.9 0 01.42-2.19A4.64 4.64 0 016.1 3.42 6.9 6.9 0 018.29 3H12zm0 4.38a4.62 4.62 0 110 9.24 4.62 4.62 0 010-9.24zM12 15a3 3 0 100-6 3 3 0 000 6zm4.8-6.72a1.08 1.08 0 110-2.16 1.08 1.08 0 010 2.16z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItKey.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M18 10a2 2 0 102 2 2 2 0 00-2-2zm0 3a1 1 0 111-1 .9.9 0 01-1 1zm-1-6a5.1 5.1 0 00-4.6 3H3.3l-2 2 3 3H7v-1h.3l1 1H11v-1h1.4a5.1 5.1 0 004.6 3 5 5 0 000-10zm0 9a4.1 4.1 0 01-3.8-2.7V13H10v1H8.7l-1-1H6v1H4.7l-2-2 1-1h9.4v-.3A4.1 4.1 0 0117 8a4 4 0 010 8z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItLessCircle.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 3a9 9 0 016.36 15.36A9 9 0 015.64 5.62 8.93 8.93 0 0112 3m0-1a10 10 0 107.07 2.93A9.93 9.93 0 0012 2z' />
+      <rect x={7} y={11.25} width={10} height={1.5} rx={0.75} />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItLink.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M13.4 13.4l-.7-.7a2.9 2.9 0 00.9-2.1 2.7 2.7 0 00-.9-2.1L9.2 4.9a3.2 3.2 0 00-4.3 0 3.2 3.2 0 000 4.3L7.8 12l-.7.7-2.9-2.8a4.2 4.2 0 010-5.7 4.2 4.2 0 015.7 0l3.5 3.6a3.6 3.6 0 011.2 2.8 3.6 3.6 0 01-1.2 2.8zm6.4 6.4a4.2 4.2 0 000-5.7l-2.9-2.8-.7.7 2.9 2.8a3.2 3.2 0 010 4.3 3.2 3.2 0 01-4.3 0l-3.5-3.6a2.7 2.7 0 01-.9-2.1 2.9 2.9 0 01.9-2.1l-.7-.7a3.6 3.6 0 00-1.2 2.8 3.6 3.6 0 001.2 2.8l3.5 3.6a3.8 3.8 0 002.8 1.1 3.9 3.9 0 002.9-1.1zm-6.7-6.7' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItLinkedin.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M16.53 8.68A3.94 3.94 0 0013 10.62V9H9.37v12h3.73v-5.95c0-1.57.29-3.09 2.24-3.09 1.95 0 1.93 1.8 1.93 3.19V21H21v-6.6c0-3.23-.69-5.72-4.47-5.72zM5.16 3a2.17 2.17 0 102.16 2.18A2.16 2.16 0 005.16 3zM3.29 9v12H7V9H3.29zm13.24-.3A3.94 3.94 0 0013 10.62V9H9.37v12h3.73v-5.95c0-1.57.29-3.09 2.24-3.09 1.95 0 1.93 1.8 1.93 3.19V21H21v-6.6c0-3.23-.69-5.72-4.47-5.72v.02zM3.29 21H7V9H3.29v12zM5.16 3a2.17 2.17 0 102.16 2.18A2.16 2.16 0 005.16 3z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItLinkedinSquare.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M19.67 3H4.33A1.32 1.32 0 003 4.3v15.4A1.32 1.32 0 004.33 21h15.34A1.32 1.32 0 0021 19.7V4.3A1.32 1.32 0 0019.67 3zM8.34 18.34H5.67V9.75h2.67v8.59zM7 8.57A1.55 1.55 0 118.55 7 1.54 1.54 0 017 8.57zm11.34 9.77h-2.67v-4.18c0-1 0-2.28-1.39-2.28s-1.6 1.09-1.6 2.21v4.25H10V9.75h2.56v1.17a2.83 2.83 0 012.53-1.39c2.7 0 3.2 1.78 3.2 4.1l.05 4.71z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItList.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M4 12a.9.9 0 01-1 1 1 1 0 010-2 .9.9 0 011 1zM3 4.5a.9.9 0 00-1 1 .9.9 0 001 1 .9.9 0 001-1 .9.9 0 00-1-1zm0 13a1 1 0 000 2 1 1 0 000-2zM6 5v1h16V5zm0 7.5h16v-1H6zM6 19h16v-1H6z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItLock.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M18.5 8.5H17V8A5 5 0 007 8v.5H5.5A1.5 1.5 0 004 10v8.5A1.5 1.5 0 005.5 20h13a1.5 1.5 0 001.5-1.5V10a1.5 1.5 0 00-1.5-1.5zM8 8a4 4 0 018 0v.5H8zm11 10.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V10a.5.5 0 01.5-.5h13a.5.5 0 01.5.5z' />
+      <path d='M12 13.25a1 1 0 11-1 1 1 1 0 011-1m0-1a2 2 0 102 2 2 2 0 00-2-2z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItLocked.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M16.5 12H16V7a4 4 0 00-8 0v5h-.5a1.1 1.1 0 00-1.1 1.1v6.8A1.1 1.1 0 007.5 21h9a1.1 1.1 0 001.1-1.1v-6.8a1.1 1.1 0 00-1.1-1.1zM9 7a3 3 0 016 0v5H9zm7.6 12.9a.1.1 0 01-.1.1h-9a.1.1 0 01-.1-.1v-6.8h9.2zM13 15.5a.8.8 0 01-.5.8v1.5h-1v-1.5a.8.8 0 01-.5-.8 1 1 0 012 0z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMail.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M20.5 5h-17A1.5 1.5 0 002 6.5v11A1.5 1.5 0 003.5 19h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 5zm-.3 1l-7.1 7.2a1.6 1.6 0 01-2.2 0L3.8 6zM3 17.3V6.6L8.3 12zm.7.7L9 12.7l1.2 1.2a2.7 2.7 0 003.6 0l1.2-1.2 5.3 5.3zm12-6L21 6.6v10.7z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMapMarker.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 22L6.3 11.6c-1.7-3.1-.6-7 2.6-8.8s7.1-.6 8.8 2.5c.5 1 .8 2 .8 3.1s-.3 2.2-.8 3.1L12 22zm0-19C9 3 6.5 5.5 6.5 8.5c0 .9.2 1.9.7 2.7L12 20l4.8-8.8c1.5-2.6.5-6-2.1-7.5-.8-.5-1.8-.7-2.7-.7z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMapMarkerCircle.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M17.7 5.3C16 2.2 12 1.1 8.9 2.8s-4.3 5.7-2.5 8.8L12 22l5.7-10.4c.5-1 .8-2 .8-3.1s-.3-2.2-.8-3.2zm-.9 5.8L12 19.9l-4.8-8.8c-.5-.8-.7-1.7-.7-2.7C6.5 5.4 9 3 12 3s5.5 2.5 5.5 5.5c0 .9-.2 1.8-.7 2.6z' />
+      <path d='M12 5c-1.9 0-3.5 1.6-3.5 3.5S10.1 12 12 12s3.5-1.6 3.5-3.5S13.9 5 12 5zm0 6c-1.4 0-2.5-1.1-2.5-2.5S10.6 6 12 6s2.5 1.1 2.5 2.5S13.4 11 12 11z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItMapMarkerMinus.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M17.7 5.3C16 2.2 12 1.1 8.9 2.8s-4.3 5.7-2.5 8.8L12 22l5.7-10.4c.5-1 .8-2 .8-3.1s-.3-2.2-.8-3.2zm-.9 5.8L12 19.9l-4.8-8.8c-.5-.8-.7-1.7-.7-2.7C6.5 5.4 9 3 12 3s5.5 2.5 5.5 5.5c0 .9-.2 1.8-.7 2.6z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMapMarkerPlus.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M15.1 2.8c-1-.5-2-.8-3.1-.8-3.6 0-6.5 2.9-6.5 6.5 0 1.1.3 2.2.8 3.1L12 22l5.7-10.4c1.7-3.2.5-7.1-2.6-8.8zm1.7 8.3L12 19.9l-4.8-8.8c-1.5-2.7-.5-6 2.1-7.5 2.7-1.5 6-.5 7.5 2.1.5.8.7 1.7.7 2.7 0 1-.2 1.9-.7 2.7z' />
+      <path d='M12.5 8h3v1h-3v3h-1V9h-3V8h3V5h1z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItMaximize.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M4.7 4l6.7 6.6-.7.7L4 4.7v3.8H3V3h5.5v1zM20 19.3l-6.6-6.7-.7.7 6.6 6.7h-3.8v1H21v-5.5h-1zM15.5 3v1h3.8l-6.6 6.6.7.7L20 4.7v3.8h1V3zM10.6 12.6L4 19.3v-3.8H3V21h5.5v-1H4.7l6.7-6.7z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItMaximizeAlt.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M15.1 18.1l.7.7-3.8 3.9-3.9-3.9.7-.7 2.7 2.7v-7.3h1v7.3zM18.9 8.1l-.8.7 2.7 2.7h-7.3v1h7.3l-2.6 2.6.7.7 3.8-3.8zM11.5 3.2v7.3h1V3.2l2.6 2.6.7-.7L12 1.3 8.1 5.1l.7.7zM10.5 12.5v-1H3.2l2.6-2.7-.6-.7L1.3 12l3.8 3.8.7-.7-2.6-2.6z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItMedium.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M5 7.63A.72.72 0 004.82 7L3.13 5v-.3h5.22l4 8.84 3.54-8.84h5V5l-1.42 1.4a.43.43 0 00-.16.4v10.12a.45.45 0 00.16.41l1.4 1.37v.3h-7v-.3l1.45-1.41c.14-.14.14-.18.14-.4V8.71L11.37 19h-.55L6.12 8.71v6.88a.93.93 0 00.26.79l1.89 2.29V19H2.91v-.3l1.89-2.32a.92.92 0 00.2-.79V7.63z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMediumSquare.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M3 3h18v18H3V3zm4.3 11.36a.64.64 0 01-.17.54l-1.27 1.54v.2h3.6v-.2L8.19 14.9a.67.67 0 01-.19-.54V9.74l3.16 6.9h.37l2.71-6.9v5.5c0 .15 0 .17-.09.27l-1 1v.2h4.74v-.2l-.89-.98a.27.27 0 01-.11-.27v-6.8a.28.28 0 01.11-.27l1-.93v-.2h-3.39L12.23 13 9.52 7.06H6v.2l1.14 1.36A.5.5 0 017.3 9v5.36z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMinimize.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M3 15.5h5.5V21h-1v-4.5H3zM7.5 7.5H3v1h5.5V3h-1zM15.5 21h1v-4.5H21v-1h-5.5zM16.5 7.5V3h-1v5.5H21v-1z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItMinus.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M20 12.5H4v-1h16z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMinusCircle.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M6.9 11.5h10v1h-10zM22 12A10 10 0 1112 2a10 10 0 0110 10zm-1 0a9 9 0 10-9 9 9 9 0 009-9z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMoreActions.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M6 10a2 2 0 102 2 2 2 0 00-2-2zm0 3a1 1 0 010-2 1 1 0 010 2zm6-3a2 2 0 102 2 2 2 0 00-2-2zm0 3a1 1 0 111-1 .9.9 0 01-1 1zm6-3a2 2 0 102 2 2 2 0 00-2-2zm0 3a1 1 0 111-1 .9.9 0 01-1 1z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItMoreItems.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 18a1 1 0 11-1 1 .9.9 0 011-1m0-1a2 2 0 102 2 2 2 0 00-2-2zm0-6a1 1 0 11-1 1 .9.9 0 011-1m0-1a2 2 0 102 2 2 2 0 00-2-2zm0-6a.9.9 0 011 1 1 1 0 01-2 0 .9.9 0 011-1m0-1a2 2 0 102 2 2 2 0 00-2-2z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItNote.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M18.5 4h-13A1.5 1.5 0 004 5.5v13A1.5 1.5 0 005.5 20h10.2l4.3-4.3V5.5A1.5 1.5 0 0018.5 4zM5 18.5v-13a.5.5 0 01.5-.5h13a.5.5 0 01.5.5V15h-2.5a1.5 1.5 0 00-1.5 1.5V19H5.5a.5.5 0 01-.5-.5zM18.3 16L16 18.3v-1.8a.5.5 0 01.5-.5zM16 9H8V8h8zm0 2H8v-1h8zm-2 1v1H8v-1z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItOpenSource.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M12 2a10 10 0 00-3.18 19.48l1.75-5.75.29-1A3 3 0 019 12a3 3 0 016 0 3 3 0 01-1.87 2.76l.3 1 1.75 5.75A10 10 0 0012 2zm3.82 18.15l-1.49-4.91a2.15 2.15 0 00.23-.18 1.21 1.21 0 00.24-.21 1.8 1.8 0 00.19-.2 3.79 3.79 0 00.72-1.15l.11-.31a2.5 2.5 0 00.07-.26 2.67 2.67 0 00.08-.48A3.4 3.4 0 0016 12a4 4 0 00-8 0v.5a3.58 3.58 0 00.09.45 3 3 0 00.14.45 4.16 4.16 0 00.43.84c.09.13.19.25.29.37a2.57 2.57 0 00.33.33 3.94 3.94 0 00.36.3l-1.46 4.91a9 9 0 117.64 0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPa.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M3 21h18v1H3zm0-1h18v-1H3zM22 9H2l10-7zM5.2 8h13.6L12 3.2zM6 18v-8H5v8zm4 0v-8H9v8zm5 0v-8h-1v8zm4 0v-8h-1v8z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPasswordInvisible.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M15 12a3.2 3.2 0 00-.7-1.9l.4-1.1a4.2 4.2 0 011.3 3 4 4 0 01-3.9 4l.4-1.1A2.9 2.9 0 0015 12zM3.1 12A9.8 9.8 0 0112 6.5h.4l.4-.9H12a10.9 10.9 0 00-9.8 6L2 12l.2.5a11 11 0 006.1 5.3l.3-.9A9.8 9.8 0 013.1 12zm18.7-.5a11 11 0 00-6.1-5.3l-.3.9a9.8 9.8 0 015.5 4.9 9.8 9.8 0 01-8.9 5.5h-.4l-.4.9h.8a10.9 10.9 0 009.8-6l.2-.4zM11.5 9.1l.4-1.1A4 4 0 008 12a4.2 4.2 0 001.3 3l.4-1.1A3.2 3.2 0 019 12a2.9 2.9 0 012.5-2.9zm3.1-5.7L8.5 20.3l.9.3 6.1-16.9z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPasswordVisible.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M21.8 11.5a11 11 0 00-19.6 0L2 12l.2.5a11 11 0 0019.6 0l.2-.5zm-9.8 6A9.8 9.8 0 013.1 12 9.8 9.8 0 0112 6.5a9.8 9.8 0 018.9 5.5 9.8 9.8 0 01-8.9 5.5zM12 8a4 4 0 104 4 4 4 0 00-4-4zm0 7a3 3 0 113-3 2.9 2.9 0 01-3 3z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPencil.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M20.5 3.5a2.9 2.9 0 00-2.1-.9 3.1 3.1 0 00-2.2.9L4.6 15.2l-1 5.2 5.2-1L20.5 7.8a3 3 0 000-4.3zm-5.7 2.8l.7-.7 2.9 2.9-.7.7zm-.7.8l1.1 1-8.4 8.4-1.1-1.1zM5.7 18.3a.7.7 0 00-.6-.3l.3-1.5 2.1 2.1-1.5.3a.7.7 0 00-.3-.6zm2.9 0l-1.1-1.1 8.4-8.4 1 1.1zM19.8 7.1l-.7.7-2.9-2.9.7-.7a2.2 2.2 0 011.5-.6 2 2 0 011.4.6 2.1 2.1 0 010 2.9z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPiattaforme.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M12 4.14L18.94 8 12 11.86 5.06 8 12 4.14M12 3L3 8l9 5 9-5-9-5zM21 14.72l-9 5.01-9-5.01 1-.54 8 4.44 7.97-4.47 1.03.57z' />
+      <path d='M21 11.51l-9 5-9-5 1-.55 8 4.44 7.97-4.46 1.03.57z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPin.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M18.1 14L15 10.3V4.6L16.3 2H7.7L9 4.6v5.7L5.9 14h5.6v8h1v-8zM10 5h4v5h-4zm4.7-2l-.5 1H9.8l-.5-1zm-5 8h4.6l1.6 2H8.1z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPlug.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M8.5 9.9l-2.8 2.8-1.1 1.1c-.6.6-.6 1.5 0 2.1L6 17.3l-3.8 3.9.7.7L6.7 18l1.4 1.4c.3.3.7.4 1.1.4.4 0 .8-.2 1.1-.4l1.1-1.1 2.8-2.8-5.7-5.6zm1 8.8c-.2.2-.5.2-.7 0l-3.5-3.5c-.2-.2-.2-.5 0-.7l.4-.4 4.2 4.2-.4.4zm-3.2-5.3l2.1-2.1 4.2 4.2-2.1 2.1-4.2-4.2zm9.6-8.8c-.6-.6-1.5-.6-2.1 0L11.3 7l1.4 1.4-2.1 2.1.7.7 2.1-2.1 1.4 1.4-2.1 2.1.7.7 2.1-2.1 1.5 1.4 2.5-2.5c.6-.6.6-1.5 0-2.1l-3.6-3.4zm2.8 4.9L17 11.3 12.7 7l1.8-1.8c.2-.2.5-.2.7 0l3.5 3.5c.2.3.2.6 0 .8zM8.5 12.7l.7.7-.7.7-.7-.7.7-.7zm2.8 2.8l-.7.7-.7-.7.7-.7.7.7zM18 6.7l-.7-.7 3.9-3.8.7.7L18 6.7z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPlus.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M20 12.5h-7.5V20h-1v-7.5H4v-1h7.5V4h1v7.5H20z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPlusCircle.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12.4 11.5h4.5v1h-4.5V17h-1v-4.5H6.9v-1h4.5V7h1zm9.6.5A10 10 0 1112 2a10 10 0 0110 10zm-1 0a9 9 0 10-9 9 9 9 0 009-9z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPresentation.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M4 5v10.6A2.4 2.4 0 006.4 18h3.1l-1.1 4h1l1.1-4h2.7l1.2 4h1l-1.2-4h3.5a2.3 2.3 0 002.3-2.3V5zm15 10.7a1.3 1.3 0 01-1.3 1.3H6.4A1.4 1.4 0 015 15.6V6h14zM21 3v1H3V3zm-9 13a4.5 4.5 0 10-4.5-4.5A4.5 4.5 0 0012 16zm-.5-7.9V11H8.6a3.4 3.4 0 012.9-2.9zm1 3.9V8a3.5 3.5 0 01-.5 7 3.4 3.4 0 01-3.4-3z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPrint.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M21 9.5A1.5 1.5 0 0019.5 8H17V3H7v5H4.5A1.5 1.5 0 003 9.5V16h2v3h2v2h10v-2h2v-3h2zM8 4h8v4H8zM6 18v-4h1v4zm10 2H8v-6h8v6zm2-2h-1v-4h1v4zm2-3h-1v-2H5v2H4V9.5a.5.5 0 01.5-.5h15a.5.5 0 01.5.5zM6 11h4v1H6z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItRefresh.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M21 12c0 5-4 9-9 9s-9-4-9-9 4-9 9-9c2.4 0 4.7.9 6.4 2.6.4.4.8.9 1.1 1.4h-4v1H21V2.5h-1V6c-.3-.4-.6-.7-.9-1.1C15.2 1 8.8 1 4.9 4.9S1 15.2 4.9 19.1s10.2 3.9 14.1 0c1.9-1.9 2.9-4.4 2.9-7.1H21z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItRestore.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 2C9.3 2 6.8 3 4.9 4.9c-.3.4-.6.7-.9 1.1V2.5H3V8h5.5V7h-4c.3-.5.7-.9 1.1-1.4 3.5-3.5 9.2-3.6 12.7-.1s3.6 9.2.1 12.7-9.2 3.6-12.7.1C4 16.7 3 14.4 3 12H2c0 5.5 4.5 10 10 10s10-4.5 10-10S17.5 2 12 2z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItRss.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M5.67 15.66a2.67 2.67 0 102.67 2.67 2.68 2.68 0 00-2.67-2.67z' />
+      <path d='M3.28 8.88a.28.28 0 00-.28.28v3.39a.29.29 0 00.28.28 7.9 7.9 0 017.89 7.89.29.29 0 00.28.28h3.41a.28.28 0 00.27-.28A11.93 11.93 0 003.28 8.88z' />
+      <path d='M21 20.72A17.84 17.84 0 003.28 3a.29.29 0 00-.28.28v3.49a.28.28 0 00.28.23A13.69 13.69 0 0117 20.72a.29.29 0 00.28.28h3.5a.29.29 0 00.29-.28z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItRssSquare.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M17.62 3H6.37A3.37 3.37 0 003 6.38v11.24A3.37 3.37 0 006.37 21h11.25A3.38 3.38 0 0021 17.62V6.38A3.38 3.38 0 0017.62 3zM7.5 18.75a2.25 2.25 0 112.25-2.25 2.25 2.25 0 01-2.25 2.25zm4.5 0A6.75 6.75 0 005.25 12V9.75a9 9 0 019 9zm4.5 0A11.25 11.25 0 005.25 7.5V5.25a13.5 13.5 0 0113.5 13.5z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItSearch.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M21.9 21.1L16 15.3a8.3 8.3 0 002-5.3 8 8 0 10-8 8 8.3 8.3 0 005.3-2l5.8 5.9zM10 17a7 7 0 117-7 7 7 0 01-7 7z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};