@100mslive/react-icons 0.3.0 → 0.3.1-alpha.10

package/src/100MsLogo.tsx

@@ -0,0 +1,215 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const Svg100MsLogo = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24px"
+    height="24px"
+    viewBox="0 0 125 36"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}
+  >
+    <path fill="url(#100msLogo_svg__a)" d="M7.428 0h17.371v36H7.428z" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.28 18.902a16.934 16.934 0 0 0 2.042 1.804c.774 1.007 1.504 2.184 1.989 3.487.359.976.585 2.027.585 3.128 0 3.738-3.046 6.785-6.785 6.785a6.782 6.782 0 0 1-5.511-2.832 6.772 6.772 0 0 0 2.122-.72 4.67 4.67 0 0 0 3.39 1.456 4.686 4.686 0 0 0 4.682-4.683c0-1.158-.359-2.939-1.976-5.116-.195-.265-.41-.53-.642-.806a17.448 17.448 0 0 0-1.177-1.252c.01-.467.035-.874.063-1.195.328-.026.743-.05 1.219-.056Zm4.337-12.158c.182.612.28 1.26.28 1.929a8.96 8.96 0 0 1-.586 3.128c-.485 1.309-1.215 2.486-1.989 3.493-.81.6-1.511 1.253-2.06 1.82a17.868 17.868 0 0 1-1.2-.063c-.027-.325-.05-.738-.056-1.212a16.941 16.941 0 0 0 1.812-2.05c1.063-1.434 1.976-3.216 1.976-5.116 0-.492-.076-.966-.218-1.412a4.685 4.685 0 0 1 2.04-.517Zm-.988-2.016a6.78 6.78 0 0 0-5.518-2.84 6.792 6.792 0 0 0-6.784 6.785c0 1.101.226 2.152.585 3.128.485 1.303 1.215 2.486 1.989 3.493a16.932 16.932 0 0 1 2.05 1.813c.473-.006.886-.029 1.21-.056.028-.325.054-.737.063-1.208a17.416 17.416 0 0 1-1.819-2.053c-1.07-1.435-1.976-3.216-1.976-5.117a4.69 4.69 0 0 1 4.682-4.683 4.67 4.67 0 0 1 3.392 1.458 6.77 6.77 0 0 1 2.126-.72ZM9.609 29.263a6.767 6.767 0 0 1-.282-1.942c0-1.095.22-2.146.585-3.128.485-1.303 1.215-2.48 1.989-3.487.264-.195.529-.409.806-.642.473-.401.89-.803 1.245-1.169.47.01.88.035 1.203.063.026.326.05.738.056 1.21-.563.546-1.21 1.24-1.806 2.043-1.063 1.434-1.976 3.216-1.976 5.116 0 .495.077.971.22 1.42-.639.328-1.338.5-2.04.516Z"
+      fill="url(#100msLogo_svg__b)"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M24.881 18.02c.95.433 1.85 1.019 2.624 1.799 2.637 2.656 2.63 6.96-.013 9.604a6.775 6.775 0 0 1-5.872 1.888c.44-.604.78-1.284 1-2.014a4.647 4.647 0 0 0 3.393-1.36 4.682 4.682 0 0 0 .013-6.62c-1.34-1.353-3.248-1.97-5.016-2.235a16.486 16.486 0 0 0-2.72-.176c-.471.007-.887.032-1.214.057-.025.32-.05.73-.056 1.196-.013.786.018 1.737.163 2.738.258 1.768.869 3.675 2.21 5.022.358.359.76.648 1.189.868a4.631 4.631 0 0 1-1.09 1.8 6.827 6.827 0 0 1-1.591-1.19c-.78-.773-1.36-1.68-1.794-2.63l-.008-.018a8.833 8.833 0 0 1-1.806 2.638c-2.656 2.643-6.961 2.63-9.598-.02-2.637-2.649-2.631-6.954.025-9.59.774-.781 1.68-1.36 2.63-1.794l.01-.004a8.835 8.835 0 0 1-2.62-1.798c-2.643-2.65-2.63-6.954.02-9.598a6.775 6.775 0 0 1 5.871-1.888 6.704 6.704 0 0 0-1 2.014 4.647 4.647 0 0 0-3.393 1.36 4.682 4.682 0 0 0-.012 6.62c.812.825 2.328 1.832 5.01 2.235.32.05.66.088 1.02.12a18.28 18.28 0 0 0 2.906 0c.075-.87.13-2.345-.102-3.933l.004-.03c-.26-1.76-.871-3.654-2.205-4.994a4.763 4.763 0 0 0-1.19-.868c.221-.68.599-1.297 1.09-1.8a6.626 6.626 0 0 1 1.592 1.183c.777.771 1.355 1.673 1.788 2.62a8.83 8.83 0 0 1 1.791-2.606c2.656-2.643 6.961-2.63 9.598.02 2.644 2.649 2.631 6.954-.019 9.59-.773.78-1.678 1.36-2.628 1.793Zm-3.87-1.07c1.766-.26 3.669-.87 5.013-2.209a4.682 4.682 0 0 0-6.608-6.633c-.82.806-1.818 2.308-2.226 4.955l.006.047c-.05.32-.088.66-.12 1.02a18.277 18.277 0 0 0 0 2.92 12.33 12.33 0 0 0 .78.052c.135.005.275.009.422.01.78.013 1.737-.018 2.732-.163h.001ZM6.186 27.888a4.687 4.687 0 0 0 6.621.012c1.347-1.34 1.97-3.247 2.228-5.01.24-1.585.19-3.064.12-3.933a17.53 17.53 0 0 0-3.934.1c-1.768.259-3.675.87-5.022 2.21a4.682 4.682 0 0 0-.013 6.62Z"
+      fill="url(#100msLogo_svg__c)"
+    />
+    <path
+      d="M3.556 14.608a6.696 6.696 0 0 1-.718-2.128A6.794 6.794 0 0 0 0 18c0 2.26 1.108 4.26 2.807 5.494.12-.736.359-1.46.724-2.127a4.661 4.661 0 0 1-1.429-3.36c0-1.341.56-2.543 1.454-3.4Zm25.86-2.102a6.745 6.745 0 0 1-.723 2.133A4.662 4.662 0 0 1 30.122 18c0 1.334-.56 2.536-1.454 3.392.359.668.604 1.391.717 2.128a6.782 6.782 0 0 0 .032-11.014Zm-3.977.812c.51 0 .995.081 1.454.232a4.68 4.68 0 0 0 .51-2.045 6.737 6.737 0 0 0-1.964-.29c-3.568 0-6.62 2.367-8.433 4.173-.347.346-.649.667-.894.95a18.623 18.623 0 0 0-.887-.944c-1.807-1.806-4.866-4.178-8.44-4.178-.674 0-1.322.1-1.933.283a4.64 4.64 0 0 0 .517 2.039 4.6 4.6 0 0 1 1.416-.22c2.97 0 5.645 2.221 7.162 3.788.327.34.604.649.818.9a16.23 16.23 0 0 1-.806.888c-.352.365-.774.774-1.252 1.177-2.543 2.165-4.626 2.618-5.922 2.618-.51 0-.995-.082-1.454-.233a4.681 4.681 0 0 0-.51 2.046c.623.188 1.278.289 1.964.289 3.568 0 6.62-2.367 8.427-4.166.346-.347.648-.674.9-.957.245.283.547.604.887.944 1.807 1.806 4.865 4.179 8.44 4.179.674 0 1.322-.1 1.932-.283a4.64 4.64 0 0 0-.516-2.04c-.447.145-.925.22-1.416.22-2.964 0-5.639-2.214-7.162-3.782-.327-.34-.604-.648-.818-.9.207-.245.484-.553.812-.893 1.516-1.567 4.197-3.795 7.168-3.795Z"
+      fill="#2471ED"
+    />
+    <path
+      d="M14.765 18c.447.554.894 1.108 1.347 1.662-.126.145-.258.29-.397.434-.233.252-.472.497-.698.73-.44-.554-.875-1.114-1.316-1.668.246-.245.491-.503.743-.78.113-.132.22-.252.32-.378Z"
+      fill="url(#100msLogo_svg__d)"
+    />
+    <path
+      d="M17.459 18c-.447-.554-.9-1.108-1.347-1.661.157-.183.327-.365.51-.554.188-.195.37-.384.56-.567.484.51.963 1.02 1.447 1.53-.277.27-.56.566-.843.88-.114.127-.22.253-.328.372Z"
+      fill="url(#100msLogo_svg__e)"
+    />
+    <path
+      opacity={0.5}
+      d="M7.414 13.349a6.9 6.9 0 0 0-.63-.032c-.49 0-.969.076-1.415.22a4.662 4.662 0 0 1-.517-2.039c.485-.144.995-.239 1.523-.27l1.039 2.12Z"
+      fill="url(#100msLogo_svg__f)"
+    />
+    <path
+      opacity={0.5}
+      d="M3.556 14.608a4.647 4.647 0 0 0-1.026 1.428L1.44 13.815a6.82 6.82 0 0 1 1.391-1.335c.126.737.365 1.46.724 2.128Z"
+      fill="url(#100msLogo_svg__g)"
+    />
+    <path
+      opacity={0.5}
+      d="M24.835 13.349c.189-.025.403-.038.63-.032a4.828 4.828 0 0 1 1.428.233 4.54 4.54 0 0 0 .503-2.039 5.907 5.907 0 0 0-.749-.189 6.614 6.614 0 0 0-.774-.094l-1.038 2.12Z"
+      fill="url(#100msLogo_svg__h)"
+    />
+    <path
+      opacity={0.5}
+      d="M28.693 14.633c.17.164.365.378.554.648.201.283.34.548.447.774.365-.736.736-1.473 1.101-2.215a7.352 7.352 0 0 0-.623-.699 6.866 6.866 0 0 0-.755-.635 6.51 6.51 0 0 1-.27 1.088 6.55 6.55 0 0 1-.454 1.039Z"
+      fill="url(#100msLogo_svg__i)"
+    />
+    <path
+      opacity={0.5}
+      d="M7.351 22.651a3.928 3.928 0 0 1-.629.032 4.479 4.479 0 0 1-1.385-.233 4.539 4.539 0 0 0-.51 2.045 7.375 7.375 0 0 0 1.486.277l1.038-2.12Z"
+      fill="url(#100msLogo_svg__j)"
+    />
+    <path
+      opacity={0.5}
+      d="M3.53 21.367a5.31 5.31 0 0 1-.56-.654 4.276 4.276 0 0 1-.453-.793l-1.101 2.215c.164.214.365.453.61.699.277.27.548.49.787.654a6.35 6.35 0 0 1 .29-1.145c.125-.384.283-.711.428-.976Z"
+      fill="url(#100msLogo_svg__k)"
+    />
+    <path
+      opacity={0.5}
+      d="M24.835 22.65c.189.026.403.038.63.032a5.129 5.129 0 0 0 1.39-.214c.126.246.27.573.371.976.107.415.133.78.133 1.057a6.904 6.904 0 0 1-.712.176c-.283.05-.547.082-.774.095l-1.038-2.121Z"
+      fill="url(#100msLogo_svg__l)"
+    />
+    <path
+      opacity={0.5}
+      d="M28.668 21.393a4.707 4.707 0 0 0 1.02-1.41c.365.73.736 1.466 1.1 2.196-.169.214-.377.453-.622.699a6.5 6.5 0 0 1-.774.648 6.545 6.545 0 0 0-.258-1.057 6.866 6.866 0 0 0-.466-1.076Z"
+      fill="url(#100msLogo_svg__m)"
+    />
+    <path
+      d="M42.753 25.51h3.323V14.5l.055-2.197-.055-.055-1.895 1.18-2.141 1.29-.385-3.13 5.986-3.953h2.224V25.51h3.24v2.745H42.753V25.51ZM71.022 18.014c0 1.867-.147 3.469-.44 4.805-.293 1.336-.75 2.434-1.373 3.295a5.42 5.42 0 0 1-2.334 1.867c-.933.384-2.059.576-3.377.576-1.336 0-2.48-.192-3.432-.576a5.452 5.452 0 0 1-2.306-1.867c-.604-.86-1.053-1.959-1.346-3.295-.274-1.336-.412-2.938-.412-4.805 0-1.94.138-3.579.412-4.915.293-1.355.742-2.453 1.346-3.295a5.05 5.05 0 0 1 2.334-1.812c.951-.385 2.095-.577 3.432-.577 1.318 0 2.443.192 3.377.577a5.05 5.05 0 0 1 2.334 1.812c.604.842 1.052 1.94 1.345 3.295.293 1.336.44 2.974.44 4.915Zm-3.625-.055c0-1.501-.082-2.718-.247-3.652-.146-.952-.375-1.684-.686-2.197-.312-.53-.714-.887-1.209-1.07-.494-.202-1.07-.302-1.73-.302-.677 0-1.262.1-1.757.302-.494.183-.906.54-1.235 1.07-.311.531-.55 1.273-.714 2.225-.147.933-.22 2.15-.22 3.651 0 1.538.074 2.783.22 3.735.165.951.403 1.693.714 2.224.33.53.741.887 1.235 1.07.495.183 1.08.275 1.758.275.659 0 1.235-.092 1.73-.275.494-.201.896-.567 1.208-1.098.31-.53.54-1.272.686-2.224.165-.97.247-2.215.247-3.734ZM87.62 18.014c0 1.867-.146 3.469-.44 4.805-.292 1.336-.75 2.434-1.372 3.295a5.42 5.42 0 0 1-2.334 1.867c-.933.384-2.06.576-3.377.576-1.336 0-2.48-.192-3.432-.576a5.45 5.45 0 0 1-2.307-1.867c-.604-.86-1.052-1.959-1.345-3.295-.275-1.336-.412-2.938-.412-4.805 0-1.94.137-3.579.412-4.915.293-1.355.741-2.453 1.345-3.295a5.05 5.05 0 0 1 2.334-1.812c.952-.385 2.096-.577 3.432-.577 1.318 0 2.444.192 3.378.577a5.05 5.05 0 0 1 2.334 1.812c.603.842 1.052 1.94 1.345 3.295.293 1.336.44 2.974.44 4.915Zm-3.624-.055c0-1.501-.082-2.718-.247-3.652-.147-.952-.375-1.684-.687-2.197-.31-.53-.714-.887-1.208-1.07-.494-.202-1.07-.302-1.73-.302-.677 0-1.263.1-1.757.302-.494.183-.906.54-1.236 1.07-.31.531-.549 1.273-.713 2.225-.147.933-.22 2.15-.22 3.651 0 1.538.073 2.783.22 3.735.164.951.402 1.693.713 2.224.33.53.742.887 1.236 1.07.494.183 1.08.275 1.757.275.66 0 1.236-.092 1.73-.275.494-.201.897-.567 1.208-1.098.312-.53.54-1.272.687-2.224.165-.97.247-2.215.247-3.734ZM108.255 28.255V17.52c0-.989-.256-1.712-.769-2.17-.512-.476-1.226-.713-2.141-.713-.806 0-1.474.22-2.005.659-.531.439-.796 1.116-.796 2.031v10.928h-3.487V17.327c0-.988-.266-1.684-.796-2.086-.513-.421-1.181-.632-2.005-.632-.585 0-1.153.137-1.702.412-.53.274-.943.64-1.236 1.098v12.136h-3.487V11.808l2.499-.164.604 1.647a5.914 5.914 0 0 1 1.95-1.345 5.558 5.558 0 0 1 2.306-.495c2.105 0 3.578.788 4.42 2.362.531-.824 1.19-1.419 1.977-1.785.806-.384 1.703-.577 2.691-.577.806 0 1.538.129 2.197.385a4.244 4.244 0 0 1 1.73 1.126c.494.494.869 1.116 1.125 1.867.275.75.412 1.629.412 2.636v10.79h-3.487ZM124.965 23.23c0 .806-.119 1.538-.357 2.197a4.41 4.41 0 0 1-1.098 1.703c-.494.457-1.126.814-1.894 1.07-.769.257-1.684.385-2.746.385-.989 0-1.922-.1-2.801-.302a7.998 7.998 0 0 1-2.334-.934l.412-2.965c.641.42 1.401.741 2.279.96.879.22 1.693.33 2.444.33 1.007 0 1.73-.201 2.169-.604.458-.402.686-.906.686-1.51 0-.53-.201-.943-.604-1.235-.384-.293-.878-.55-1.482-.77-.604-.219-1.254-.43-1.95-.63a10.062 10.062 0 0 1-1.922-.852 4.892 4.892 0 0 1-1.51-1.428c-.384-.585-.577-1.354-.577-2.306 0-1.446.504-2.618 1.511-3.515 1.006-.915 2.517-1.373 4.53-1.373 1.648 0 3.176.312 4.585.934l-.302 2.91a9.733 9.733 0 0 0-2.224-.631 11.353 11.353 0 0 0-2.114-.22c-.824 0-1.473.156-1.949.467-.458.311-.687.741-.687 1.29 0 .495.192.88.577 1.154.403.256.897.485 1.483.686.585.202 1.217.412 1.894.632a7.583 7.583 0 0 1 1.922.85 4.422 4.422 0 0 1 1.455 1.401c.403.586.604 1.355.604 2.307Z"
+      fill="currentColor"
+      fillOpacity={0.95}
+    />
+    <defs>
+      <linearGradient
+        id="100msLogo_svg__b"
+        x1={16.111}
+        y1={1.888}
+        x2={16.111}
+        y2={34.106}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#2475F5" stopOpacity={0.25} />
+        <stop offset={0.5} stopColor="#2475F5" stopOpacity={0.2} />
+        <stop offset={1} stopColor="#2475F5" stopOpacity={0.25} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__d"
+        x1={14.382}
+        y1={19.883}
+        x2={16.311}
+        y2={17.892}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopOpacity={0} />
+        <stop offset={1} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__e"
+        x1={17.889}
+        y1={16.065}
+        x2={15.937}
+        y2={18.088}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopOpacity={0} />
+        <stop offset={1} />
+      </linearGradient>
+      <linearGradient id="100msLogo_svg__f" x1={3.67} y1={12.938} x2={6.174} y2={12.402} gradientUnits="userSpaceOnUse">
+        <stop offset={0.136} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__g"
+        x1={3.823}
+        y1={13.057}
+        x2={2.332}
+        y2={14.552}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopOpacity={0.7} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__h"
+        x1={28.598}
+        y1={12.943}
+        x2={26.081}
+        y2={12.404}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.136} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__i"
+        x1={28.427}
+        y1={13.085}
+        x2={29.906}
+        y2={14.568}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopOpacity={0.7} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__j"
+        x1={3.649}
+        y1={23.063}
+        x2={6.125}
+        y2={23.593}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.136} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient id="100msLogo_svg__k" x1={3.8} y1={22.91} x2={2.308} y2={21.414} gradientUnits="userSpaceOnUse">
+        <stop stopOpacity={0.7} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__l"
+        x1={28.541}
+        y1={23.068}
+        x2={26.064}
+        y2={23.597}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.136} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <linearGradient
+        id="100msLogo_svg__m"
+        x1={28.408}
+        y1={22.946}
+        x2={29.892}
+        y2={21.459}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopOpacity={0.7} />
+        <stop offset={1} stopOpacity={0} />
+      </linearGradient>
+      <radialGradient
+        id="100msLogo_svg__c"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="rotate(136.716 4.429 11.777) scale(15.8245 15.8599)"
+      >
+        <stop stopColor="#2475F5" stopOpacity={0.3} />
+        <stop offset={0.613} stopColor="#2475F5" stopOpacity={0.45} />
+      </radialGradient>
+      <pattern id="100msLogo_svg__a" patternContentUnits="objectBoundingBox" width={1} height={1}>
+        <use xlinkHref="#100msLogo_svg__n" />
+      </pattern>
+      <image
+        id="100msLogo_svg__n"
+        xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAAI8CAYAAAAwZ1S/AAAACXBIWXMAAAsSAAALEgHS3X78AAAA"
+      />
+    </defs>
+  </svg>
+);
+
+export default Svg100MsLogo;

package/src/ActivityIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgActivityIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.545 4c.353 0 .665.225.777.56l4.133 12.398 1.678-5.035a.818.818 0 01.776-.56h3.273a.818.818 0 110 1.637h-2.683l-2.268 6.804a.818.818 0 01-1.553 0L9.545 7.406 7.867 12.44a.818.818 0 01-.776.559H3.818a.818.818 0 110-1.636h2.683L8.77 4.559A.818.818 0 019.545 4z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgActivityIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.545 4c.353 0 .665.225.777.56l4.133 12.398 1.678-5.035a.818.818 0 0 1 .776-.56h3.273a.818.818 0 1 1 0 1.637h-2.683l-2.268 6.804a.818.818 0 0 1-1.553 0L9.545 7.406 7.867 12.44a.818.818 0 0 1-.776.559H3.818a.818.818 0 1 1 0-1.636h2.683L8.77 4.559A.818.818 0 0 1 9.545 4Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgActivityIcon;

package/src/AddCircleIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAddCircleIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 4.636a7.364 7.364 0 100 14.728 7.364 7.364 0 000-14.728zM3 12a9 9 0 1118 0 9 9 0 01-18 0zm9-4.09c.452 0 .818.365.818.817v2.455h2.455a.818.818 0 110 1.636h-2.455v2.455a.818.818 0 11-1.636 0v-2.455H8.727a.818.818 0 110-1.636h2.455V8.727c0-.452.366-.818.818-.818z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAddCircleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 4.636a7.364 7.364 0 1 0 0 14.728 7.364 7.364 0 0 0 0-14.728ZM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm9-4.09c.452 0 .818.365.818.817v2.455h2.455a.818.818 0 1 1 0 1.636h-2.455v2.455a.818.818 0 1 1-1.636 0v-2.455H8.727a.818.818 0 1 1 0-1.636h2.455V8.727c0-.452.366-.818.818-.818Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAddCircleIcon;

package/src/AddIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAddIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M4.872 12.777h6.006v6.005c0 .61.502 1.123 1.122 1.123.62 0 1.122-.512 1.122-1.123v-6.005h6.006c.61 0 1.122-.502 1.122-1.123 0-.62-.512-1.122-1.122-1.122h-6.006V4.526c0-.61-.502-1.122-1.122-1.122-.62 0-1.122.512-1.122 1.122v6.006H4.872c-.61 0-1.122.502-1.122 1.122 0 .62.512 1.123 1.122 1.123z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAddIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M4.872 12.777h6.006v6.005c0 .61.502 1.123 1.122 1.123.62 0 1.122-.512 1.122-1.123v-6.005h6.006c.61 0 1.122-.502 1.122-1.123 0-.62-.512-1.122-1.122-1.122h-6.006V4.526c0-.61-.502-1.122-1.122-1.122-.62 0-1.122.512-1.122 1.122v6.006H4.872c-.61 0-1.122.502-1.122 1.122 0 .62.512 1.123 1.122 1.123Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAddIcon;

package/src/AddSolidIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAddSolidIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M11.991 20.742c4.984 0 9.097-4.113 9.097-9.088 0-4.974-4.122-9.088-9.106-9.088-4.974 0-9.079 4.114-9.079 9.088 0 4.975 4.114 9.088 9.088 9.088zm-4.254-9.079c0-.518.37-.879.88-.879h2.504V8.28c0-.51.352-.87.853-.87.518 0 .878.36.878.87v2.505h2.514c.501 0 .87.36.87.88 0 .5-.369.86-.87.86h-2.514v2.505c0 .501-.36.87-.878.87-.501 0-.853-.369-.853-.87v-2.505H8.616c-.51 0-.879-.36-.879-.86z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAddSolidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M11.991 20.742c4.984 0 9.097-4.113 9.097-9.088 0-4.974-4.122-9.088-9.106-9.088-4.974 0-9.079 4.114-9.079 9.088 0 4.975 4.114 9.088 9.088 9.088Zm-4.254-9.079c0-.518.37-.879.88-.879h2.504V8.28c0-.51.352-.87.853-.87.518 0 .878.36.878.87v2.505h2.514c.501 0 .87.36.87.88 0 .5-.369.86-.87.86h-2.514v2.505c0 .501-.36.87-.878.87-.501 0-.853-.369-.853-.87v-2.505H8.616c-.51 0-.879-.36-.879-.86Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAddSolidIcon;

package/src/AlarmIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAlarmIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M18.306 4.24a.818.818 0 00-1.157 1.157l2.454 2.454a.818.818 0 001.157-1.157L18.306 4.24zm-11.455 0c.32.32.32.837 0 1.157L4.397 7.85A.818.818 0 113.24 6.694L5.694 4.24a.818.818 0 011.157 0zM6.273 13a5.727 5.727 0 1111.454 0 5.727 5.727 0 01-11.454 0zM12 5.636a7.364 7.364 0 00-5.753 11.96l-1.371 1.37a.818.818 0 001.157 1.158l1.37-1.37A7.333 7.333 0 0012 20.363a7.332 7.332 0 004.596-1.61l1.37 1.37a.818.818 0 101.158-1.157l-1.37-1.37A7.364 7.364 0 0012 5.636zm.818 4.091a.818.818 0 10-1.636 0V13c0 .217.086.425.24.579l1.636 1.636a.818.818 0 001.157-1.157l-1.397-1.397V9.727z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAlarmIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.306 4.24a.818.818 0 0 0-1.157 1.157l2.454 2.454a.818.818 0 0 0 1.157-1.157L18.306 4.24Zm-11.455 0c.32.32.32.837 0 1.157L4.397 7.85A.818.818 0 1 1 3.24 6.694L5.694 4.24a.818.818 0 0 1 1.157 0ZM6.273 13a5.727 5.727 0 1 1 11.454 0 5.727 5.727 0 0 1-11.454 0ZM12 5.636a7.364 7.364 0 0 0-5.753 11.96l-1.371 1.37a.818.818 0 0 0 1.157 1.158l1.37-1.37A7.333 7.333 0 0 0 12 20.363a7.332 7.332 0 0 0 4.596-1.61l1.37 1.37a.818.818 0 1 0 1.158-1.157l-1.37-1.37A7.364 7.364 0 0 0 12 5.636Zm.818 4.091a.818.818 0 1 0-1.636 0V13c0 .217.086.425.24.579l1.636 1.636a.818.818 0 0 0 1.157-1.157l-1.397-1.397V9.727Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAlarmIcon;

package/src/AlertOctagonIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAlertOctagonIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.034 3.24A.818.818 0 018.613 3h6.774c.217 0 .425.086.579.24l4.794 4.794c.154.154.24.362.24.579v6.774a.818.818 0 01-.24.579l-4.794 4.794a.818.818 0 01-.579.24H8.613a.818.818 0 01-.579-.24L3.24 15.966a.818.818 0 01-.24-.579V8.613c0-.217.086-.425.24-.579L8.034 3.24zm.918 1.396L4.636 8.952v6.096l4.316 4.316h6.096l4.316-4.316V8.952l-4.316-4.316H8.952zM12 7.91c.452 0 .818.366.818.818V12a.818.818 0 01-1.636 0V8.727c0-.452.366-.818.818-.818zm0 6.546a.818.818 0 100 1.636h.008a.818.818 0 100-1.636H12z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAlertOctagonIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.034 3.24A.818.818 0 0 1 8.613 3h6.774c.217 0 .425.086.579.24l4.794 4.794c.154.154.24.362.24.579v6.774a.818.818 0 0 1-.24.579l-4.794 4.794a.818.818 0 0 1-.579.24H8.613a.818.818 0 0 1-.579-.24L3.24 15.966a.818.818 0 0 1-.24-.579V8.613c0-.217.086-.425.24-.579L8.034 3.24Zm.918 1.396L4.636 8.952v6.096l4.316 4.316h6.096l4.316-4.316V8.952l-4.316-4.316H8.952ZM12 7.91c.452 0 .818.366.818.818V12a.818.818 0 0 1-1.636 0V8.727c0-.452.366-.818.818-.818Zm0 6.546a.818.818 0 1 0 0 1.636h.008a.818.818 0 1 0 0-1.636H12Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAlertOctagonIcon;

package/src/AlertRoundIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAlertRoundIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M11.991 20.742c4.984 0 9.097-4.113 9.097-9.088 0-4.974-4.122-9.088-9.106-9.088-4.974 0-9.079 4.114-9.079 9.088 0 4.975 4.114 9.088 9.088 9.088zm0-7.585c-.518 0-.817-.29-.835-.817l-.123-4.386c-.017-.545.37-.923.95-.923.562 0 .975.387.957.932l-.14 4.377c-.018.536-.308.817-.809.817zm0 3.041c-.597 0-1.09-.43-1.09-1.01 0-.58.484-1.011 1.09-1.011.598 0 1.081.43 1.081 1.01 0 .59-.492 1.011-1.08 1.011z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAlertRoundIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M11.991 20.742c4.984 0 9.097-4.113 9.097-9.088 0-4.974-4.122-9.088-9.106-9.088-4.974 0-9.079 4.114-9.079 9.088 0 4.975 4.114 9.088 9.088 9.088Zm0-7.585c-.518 0-.817-.29-.835-.817l-.123-4.386c-.017-.545.37-.923.95-.923.562 0 .975.387.957.932l-.14 4.377c-.018.536-.308.817-.809.817Zm0 3.041c-.597 0-1.09-.43-1.09-1.01 0-.58.484-1.011 1.09-1.011.598 0 1.081.43 1.081 1.01 0 .59-.492 1.011-1.08 1.011Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAlertRoundIcon;

package/src/AlertTriangleIcon.tsx

@@ -1,20 +1,19 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAlertTriangleIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M12 8.798c.434 0 .786.352.786.786v3.145a.786.786 0 01-1.572 0V9.584c0-.434.352-.786.786-.786zM12 15.087a.786.786 0 000 1.572h.008a.786.786 0 000-1.572H12z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.843 4.303a2.359 2.359 0 013.174.832l.002.004 6.659 11.116.006.011a2.359 2.359 0 01-2.017 3.538H5.333a2.358 2.358 0 01-2.017-3.538l.006-.01 6.66-11.117.674.404-.673-.408c.21-.346.507-.633.86-.832zm.486 1.646L4.675 17.057a.786.786 0 00.671 1.175h13.308a.786.786 0 00.67-1.175L12.673 5.951v-.002a.786.786 0 00-1.343 0z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAlertTriangleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 8.798c.434 0 .786.352.786.786v3.145a.786.786 0 0 1-1.572 0V9.584c0-.434.352-.786.786-.786ZM12 15.087a.786.786 0 0 0 0 1.572h.008a.786.786 0 0 0 0-1.572H12Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.843 4.303a2.359 2.359 0 0 1 3.174.832l.002.004 6.659 11.116.006.011a2.359 2.359 0 0 1-2.017 3.538H5.333a2.358 2.358 0 0 1-2.017-3.538l.006-.01 6.66-11.117.674.404-.673-.408c.21-.346.507-.633.86-.832Zm.486 1.646L4.675 17.057a.786.786 0 0 0 .671 1.175h13.308a.786.786 0 0 0 .67-1.175L12.673 5.951v-.002a.786.786 0 0 0-1.343 0Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAlertTriangleIcon;

package/src/AllAppsIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAllAppsIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M5 6.556a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm5.445 0a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm7-1.556a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111zM5 12a1.556 1.556 0 113.111 0A1.556 1.556 0 015 12zm7-1.556a1.556 1.556 0 100 3.112 1.556 1.556 0 000-3.112zM15.89 12A1.556 1.556 0 1119 12a1.556 1.556 0 01-3.111 0zm-9.333 3.889a1.556 1.556 0 100 3.11 1.556 1.556 0 000-3.11zm3.889 1.555a1.556 1.556 0 113.11 0 1.556 1.556 0 01-3.11 0zm7-1.555a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAllAppsIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 6.556a1.556 1.556 0 1 1 3.111 0 1.556 1.556 0 0 1-3.111 0Zm5.445 0a1.556 1.556 0 1 1 3.111 0 1.556 1.556 0 0 1-3.111 0Zm7-1.556a1.556 1.556 0 1 0 0 3.111 1.556 1.556 0 0 0 0-3.111ZM5 12a1.556 1.556 0 1 1 3.111 0A1.556 1.556 0 0 1 5 12Zm7-1.556a1.556 1.556 0 1 0 0 3.112 1.556 1.556 0 0 0 0-3.112ZM15.89 12A1.556 1.556 0 1 1 19 12a1.556 1.556 0 0 1-3.111 0Zm-9.333 3.889a1.556 1.556 0 1 0 0 3.11 1.556 1.556 0 0 0 0-3.11Zm3.889 1.555a1.556 1.556 0 1 1 3.11 0 1.556 1.556 0 0 1-3.11 0Zm7-1.555a1.556 1.556 0 1 0 0 3.111 1.556 1.556 0 0 0 0-3.111Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAllAppsIcon;

package/src/AndroidIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAndroidIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M16.776 14.031c-.476 0-.864-.371-.864-.828 0-.456.388-.827.864-.827.477 0 .865.371.865.827 0 .457-.388.828-.864.828zm-9.552 0c-.477 0-.865-.371-.865-.828 0-.456.388-.827.865-.827.476 0 .864.371.864.827 0 .457-.388.828-.864.828zm9.863-4.984l1.727-2.865a.337.337 0 00-.132-.47.369.369 0 00-.49.126l-1.75 2.9A11.065 11.065 0 0012 7.829c-1.603 0-3.105.326-4.442.91l-1.75-2.9a.369.369 0 00-.49-.126.336.336 0 00-.132.47l1.728 2.865c-2.967 1.544-4.995 4.42-5.292 7.816h20.756c-.297-3.397-2.326-6.272-5.291-7.816z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAndroidIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M16.776 14.031c-.476 0-.864-.371-.864-.828 0-.456.388-.827.864-.827.477 0 .865.371.865.827 0 .457-.388.828-.864.828Zm-9.552 0c-.477 0-.865-.371-.865-.828 0-.456.388-.827.865-.827.476 0 .864.371.864.827 0 .457-.388.828-.864.828Zm9.863-4.984 1.727-2.865a.337.337 0 0 0-.132-.47.369.369 0 0 0-.49.126l-1.75 2.9A11.065 11.065 0 0 0 12 7.829c-1.603 0-3.105.326-4.442.91l-1.75-2.9a.369.369 0 0 0-.49-.126.336.336 0 0 0-.132.47l1.728 2.865c-2.967 1.544-4.995 4.42-5.292 7.816h20.756c-.297-3.397-2.326-6.272-5.291-7.816Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAndroidIcon;

package/src/AnnouncementIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAnnouncementIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M20 6.8a.8.8 0 00-1.014-.77l-14.4 4A.8.8 0 004 10.8v2.4c0 .375.26.7.626.781l1.562.347a3.207 3.207 0 006.245 1.388l6.593 1.465A.8.8 0 0020 16.4V6.8zm-9.137 8.567l-3.105-.69a1.608 1.608 0 003.105.69zM5.6 12.558v-1.15l12.8-3.555v7.55L5.6 12.558z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAnnouncementIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20 6.8a.8.8 0 0 0-1.014-.77l-14.4 4A.8.8 0 0 0 4 10.8v2.4c0 .375.26.7.626.781l1.562.347a3.207 3.207 0 0 0 6.245 1.388l6.593 1.465A.8.8 0 0 0 20 16.4V6.8Zm-9.137 8.567-3.105-.69a1.608 1.608 0 0 0 3.105.69ZM5.6 12.558v-1.15l12.8-3.555v7.55L5.6 12.558Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAnnouncementIcon;

package/src/AppleIcon.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAppleIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M17.048 19.627c-.975.946-2.052.799-3.078.352-1.09-.455-2.088-.484-3.24 0-1.434.62-2.196.44-3.06-.352-4.878-5.022-4.158-12.672 1.386-12.96 1.345.072 2.286.743 3.078.799 1.178-.24 2.304-.925 3.564-.835 1.514.122 2.646.72 3.402 1.794-3.114 1.872-2.376 5.976.485 7.128-.573 1.503-1.307 2.988-2.538 4.086l.001-.012zM12.026 6.613c-.145-2.232 1.664-4.068 3.744-4.248.287 2.574-2.34 4.5-3.744 4.248z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgAppleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M17.048 19.627c-.975.946-2.052.799-3.078.352-1.09-.455-2.088-.484-3.24 0-1.434.62-2.196.44-3.06-.352-4.878-5.022-4.158-12.672 1.386-12.96 1.345.072 2.286.743 3.078.799 1.178-.24 2.304-.925 3.564-.835 1.514.122 2.646.72 3.402 1.794-3.114 1.872-2.376 5.976.485 7.128-.573 1.503-1.307 2.988-2.538 4.086l.001-.012ZM12.026 6.613c-.145-2.232 1.664-4.068 3.744-4.248.287 2.574-2.34 4.5-3.744 4.248Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgAppleIcon;

package/src/ArchiveIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgArchiveIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M2.781 4.781c.5-.5 1.178-.781 1.886-.781h14.222a2.667 2.667 0 012.667 2.667v.889a2.667 2.667 0 01-1.778 2.514v7.263A2.667 2.667 0 0117.11 20H6.444a2.667 2.667 0 01-2.666-2.667V10.07A2.666 2.666 0 012 7.556v-.89c0-.707.28-1.385.781-1.885zm1.886 3.663h14.222a.889.889 0 00.889-.888v-.89a.889.889 0 00-.89-.888H4.668a.889.889 0 00-.89.889v.889a.889.889 0 00.89.888zm.889 1.778v7.111a.889.889 0 00.888.89h10.667a.889.889 0 00.889-.89v-7.11H5.556zM9.11 12.89c0-.491.398-.889.889-.889h3.556a.889.889 0 010 1.778H10a.889.889 0 01-.889-.89z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgArchiveIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.781 4.781c.5-.5 1.178-.781 1.886-.781h14.222a2.667 2.667 0 0 1 2.667 2.667v.889a2.667 2.667 0 0 1-1.778 2.514v7.263A2.667 2.667 0 0 1 17.11 20H6.444a2.667 2.667 0 0 1-2.666-2.667V10.07A2.666 2.666 0 0 1 2 7.556v-.89c0-.707.28-1.385.781-1.885Zm1.886 3.663h14.222a.889.889 0 0 0 .889-.888v-.89a.889.889 0 0 0-.89-.888H4.668a.889.889 0 0 0-.89.889v.889a.889.889 0 0 0 .89.888Zm.889 1.778v7.111a.889.889 0 0 0 .888.89h10.667a.889.889 0 0 0 .889-.89v-7.11H5.556ZM9.11 12.89c0-.491.398-.889.889-.889h3.556a.889.889 0 0 1 0 1.778H10a.889.889 0 0 1-.889-.89Z"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgArchiveIcon;

package/src/ArrowLeftRightIcon.tsx

@@ -1,16 +1,15 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgArrowLeftRightIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16.566 4.234a.8.8 0 00-1.132 1.132L17.27 7.2H9.6a.8.8 0 000 1.6h7.669l-1.835 1.834a.8.8 0 001.132 1.132L19.76 8.57a.798.798 0 00-.003-1.143l-3.192-3.193zm-8 8a.8.8 0 010 1.132L6.73 15.2H14.4a.8.8 0 110 1.6H6.731l1.835 1.834a.8.8 0 01-1.132 1.132l-3.2-3.2A.797.797 0 014 16.005m.239-.575l3.195-3.196a.8.8 0 011.132 0M4.239 15.43a.784.784 0 00-.171.247A.797.797 0 004 16"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
+const SvgArrowLeftRightIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.566 4.234a.8.8 0 0 0-1.132 1.132L17.27 7.2H9.6a.8.8 0 0 0 0 1.6h7.669l-1.835 1.834a.8.8 0 0 0 1.132 1.132L19.76 8.57a.798.798 0 0 0-.003-1.143l-3.192-3.193Zm-8 8a.8.8 0 0 1 0 1.132L6.73 15.2H14.4a.8.8 0 1 1 0 1.6H6.731l1.835 1.834a.8.8 0 0 1-1.132 1.132l-3.2-3.2A.797.797 0 0 1 4 16.005m.239-.575 3.195-3.196a.8.8 0 0 1 1.132 0M4.239 15.43a.784.784 0 0 0-.171.247A.797.797 0 0 0 4 16"
+      fill="currentColor"
+    />
+  </svg>
+);
 
 export default SvgArrowLeftRightIcon;