@100mslive/react-icons 0.2.0 → 0.2.1-alpha.10

package/src/NextJsIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgNextJsIcon(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.41 3.005c-.038.003-.161.016-.272.024-2.557.23-4.951 1.61-6.468 3.73a8.908 8.908 0 00-1.59 3.932c-.071.494-.08.64-.08 1.31 0 .671.009.817.08 1.311.49 3.38 2.895 6.22 6.158 7.272.584.188 1.2.316 1.9.394.273.03 1.451.03 1.724 0 1.209-.134 2.233-.433 3.243-.949.155-.079.185-.1.164-.118-.014-.01-.674-.895-1.466-1.965l-1.44-1.944-1.803-2.668a256.97 256.97 0 00-1.816-2.668c-.007-.001-.014 1.184-.017 2.632-.006 2.536-.007 2.637-.039 2.697a.32.32 0 01-.155.16c-.056.029-.105.034-.371.034h-.305l-.08-.051a.329.329 0 01-.118-.129l-.037-.079.003-3.527.005-3.53.055-.068a.483.483 0 01.13-.107c.072-.035.1-.039.405-.039.359 0 .419.014.512.116.026.028 1.003 1.5 2.171 3.27a8069.52 8069.52 0 003.551 5.379l1.425 2.159.072-.048a9.238 9.238 0 001.85-1.622 8.959 8.959 0 002.118-4.6c.072-.495.081-.641.081-1.311 0-.67-.009-.817-.08-1.31-.49-3.38-2.895-6.22-6.158-7.272a9.451 9.451 0 00-1.873-.392 23.272 23.272 0 00-1.478-.023zm3.685 5.443a.355.355 0 01.178.208c.014.045.017 1.024.014 3.228l-.006 3.163-.557-.855-.56-.855v-2.3c0-1.486.007-2.322.018-2.362a.36.36 0 01.174-.222c.072-.037.098-.04.375-.04.26 0 .306.003.364.035z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgNextJsIcon;

package/src/NightIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgNightIcon(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.05 4.408a.802.802 0 01-.054.87 4.81 4.81 0 006.726 6.726l.476.645.799.073a8.015 8.015 0 11-8.72-8.719c.315-.029.618.13.773.405zm5.995 9.758a6.411 6.411 0 01-8.211-8.211 6.412 6.412 0 108.211 8.211z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgNightIcon;

package/src/NoEntryIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgNoEntryIcon(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="M4.636 12a7.364 7.364 0 1114.728 0 7.364 7.364 0 01-14.728 0zM12 3a9 9 0 100 18 9 9 0 000-18zm-3.273 8.182a.818.818 0 100 1.636h6.546a.818.818 0 100-1.636H8.727z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgNoEntryIcon;

package/src/NotificationsIcon.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function SvgNotificationsIcon(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="M19.203 3.327a.818.818 0 00-1.31.982 7.365 7.365 0 011.473 4.42.818.818 0 001.637 0 9.001 9.001 0 00-1.8-5.402zM5.952 3.168a.818.818 0 01.153 1.147C5.154 5.56 4.637 7.102 4.637 8.728a.818.818 0 01-1.637 0c0-1.974.629-3.869 1.805-5.407a.818.818 0 011.147-.153zM12.002 3a5.728 5.728 0 00-5.729 5.728c0 2.744-.587 4.447-1.127 5.439a4.858 4.858 0 01-.72 1.018 2.47 2.47 0 01-.25.232l-.003.002a.818.818 0 00.464 1.492h14.73a.818.818 0 00.463-1.492l-.003-.002a2.487 2.487 0 01-.25-.232 4.86 4.86 0 01-.72-1.018c-.54-.992-1.127-2.695-1.127-5.439A5.728 5.728 0 0012 3zm5.605 12.275H6.395c.063-.102.125-.21.187-.324.687-1.26 1.328-3.238 1.328-6.223a4.092 4.092 0 118.183 0c0 2.985.64 4.964 1.327 6.223.063.114.125.222.187.324zm-6.313 3.68a.818.818 0 00-1.416.822 2.456 2.456 0 004.247 0 .818.818 0 00-1.416-.821.82.82 0 01-1.415 0z"
+        fill="currentColor"
+        fillOpacity={0.8}
+      />
+    </svg>
+  );
+}
+
+export default SvgNotificationsIcon;

package/src/OfferIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgOfferIcon(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.705 12a3.492 3.492 0 00-1.662-3.004 3.584 3.584 0 00-.873-3.346 3.334 3.334 0 00-3.232-.938A3.378 3.378 0 0012 3a3.375 3.375 0 00-2.937 1.712 3.334 3.334 0 00-3.233.937 3.582 3.582 0 00-.87 3.353 3.534 3.534 0 000 5.997 3.58 3.58 0 00.87 3.35 3.337 3.337 0 003.233.939 3.378 3.378 0 004.978 1.025c.368-.28.672-.629.897-1.025a3.325 3.325 0 003.231-.939 3.584 3.584 0 00.874-3.346A3.492 3.492 0 0020.705 12zm-1.501-.008a2 2 0 01-.364 1.185 1.987 1.987 0 01-.98.734.755.755 0 00-.429 1.046 2.07 2.07 0 01-.351 2.358 1.833 1.833 0 01-2.195.352.753.753 0 00-1.08.46A1.879 1.879 0 0112 19.498a1.872 1.872 0 01-1.804-1.37.752.752 0 00-1.08-.459 1.835 1.835 0 01-2.196-.352 2.081 2.081 0 01-.351-2.359.751.751 0 00-.42-1.043c-.396-.14-.738-.4-.98-.743a2.026 2.026 0 010-2.343c.242-.342.584-.602.98-.743a.75.75 0 00.42-1.043 2.078 2.078 0 01.352-2.357 1.835 1.835 0 012.196-.353.752.752 0 001.079-.46 1.873 1.873 0 013.609 0 .75.75 0 001.08.46 1.826 1.826 0 012.195.352 2.078 2.078 0 01.351 2.359.752.752 0 00.428 1.045 1.987 1.987 0 011.345 1.904zm-3.432-3.469a.751.751 0 010 1.063L9.88 15.477a.751.751 0 01-1.062-1.063l5.891-5.891a.751.751 0 011.063 0zm-1.954 6.667a1.179 1.179 0 111.67-1.666 1.179 1.179 0 01-1.67 1.666zM8.76 9.644a1.178 1.178 0 102.356 0 1.178 1.178 0 00-2.356 0z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgOfferIcon;

package/src/PaletteIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPaletteIcon(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 3c-4.952 0-9 4.048-9 9s4.048 9 9 9c1.23 0 2.166-.997 2.166-2.2a2.219 2.219 0 00-.598-1.5c-.068-.067-.117-.149-.117-.34v-.014a.525.525 0 01.532-.533h1.647c2.948 0 5.364-2.414 5.364-5.362v-.005C20.967 6.561 16.827 3 12 3zm-7.364 9c0-4.048 3.316-7.364 7.364-7.364 4.108 0 7.337 3.004 7.357 6.417a3.744 3.744 0 01-3.727 3.724h-1.627a2.159 2.159 0 00-2.189 2.19c.002.568.187 1.07.576 1.47a.58.58 0 01.14.364c0 .34-.245.563-.53.563-4.048 0-7.364-3.316-7.364-7.364zm8.591-4.09a.41.41 0 100-.82.41.41 0 000 .82zM12 7.5a1.227 1.227 0 112.455 0A1.227 1.227 0 0112 7.5zm4.5 3.682a.41.41 0 100-.819.41.41 0 000 .819zm-1.227-.41a1.227 1.227 0 112.454 0 1.227 1.227 0 01-2.454 0zM9.545 8.319a.41.41 0 11-.818 0 .41.41 0 01.818 0zm-.409-1.227a1.227 1.227 0 100 2.454 1.227 1.227 0 000-2.454zM7.5 12.818a.41.41 0 100-.818.41.41 0 000 .818zm-1.227-.409a1.227 1.227 0 112.454 0 1.227 1.227 0 01-2.454 0z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPaletteIcon;

package/src/PauseCircleIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPauseCircleIcon(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 0zm7.364-3.273c.451 0 .818.367.818.818v4.91a.818.818 0 01-1.637 0v-4.91c0-.451.367-.818.819-.818zm4.09.818a.818.818 0 00-1.636 0v4.91a.818.818 0 001.637 0v-4.91z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPauseCircleIcon;

package/src/PauseSolidIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgPauseSolidIcon(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.875 4a7.875 7.875 0 100 15.75 7.875 7.875 0 000-15.75zM10.75 14.688a1.125 1.125 0 11-2.25 0V9.061a1.125 1.125 0 012.25 0v5.626zm4.5 0a1.125 1.125 0 11-2.25 0V9.061a1.125 1.125 0 112.25 0v5.626z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPauseSolidIcon;

package/src/PenIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPenIcon(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="M3.24 3.24a.818.818 0 01.785-.213l11.849 2.86c.31.074.548.322.61.634l.944 4.718a.818.818 0 01.878.182l2.454 2.455c.32.32.32.838 0 1.157l-5.727 5.727a.818.818 0 01-1.157 0l-2.454-2.454a.818.818 0 01-.184-.878l-4.717-.944a.818.818 0 01-.635-.61l-2.86-11.85a.821.821 0 01.214-.784zm5.727 6.884L5.296 6.453l2.059 8.529 5.194 1.039 3.472-3.472-1.039-5.194-8.529-2.06 3.67 3.671a2.455 2.455 0 11-1.157 1.157zm1.626.49a.818.818 0 10.01-.01l-.01.01zm3.862 8.41l-1.298-1.297 4.57-4.57 1.298 1.298-4.57 4.57z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPenIcon;

package/src/PencilIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPencilIcon(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="M17.488 3.24a.818.818 0 00-1.157 1.157l3.272 3.272a.818.818 0 101.157-1.157L17.488 3.24zm-2.455 2.454a.818.818 0 00-1.157 0l-9.41 9.41c-.1.1-.172.225-.21.363l-1.227 4.5a.818.818 0 001.004 1.004l4.5-1.227a.818.818 0 00.364-.21l9.409-9.41a.818.818 0 000-1.157l-3.273-3.273zM4.984 19.016l.794-2.91 8.677-8.676 2.115 2.115-8.677 8.677-2.909.794z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPencilIcon;

package/src/PeopleAddIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPeopleAddIcon(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="M6.4 8a2.4 2.4 0 114.8 0 2.4 2.4 0 01-4.8 0zm2.4-4a4 4 0 100 8 4 4 0 000-8zM6 13.6a4 4 0 00-4 4v1.6a.8.8 0 001.6 0v-1.6A2.4 2.4 0 016 15.2h5.6a2.4 2.4 0 012.4 2.4v1.6a.8.8 0 001.6 0v-1.6a4 4 0 00-4-4H6zM18 8a.8.8 0 01.8.8v1.6h1.6a.8.8 0 110 1.6h-1.6v1.6a.8.8 0 01-1.6 0V12h-1.6a.8.8 0 010-1.6h1.6V8.8A.8.8 0 0118 8z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPeopleAddIcon;

package/src/PeopleRemoveIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPeopleRemoveIcon(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.8 5.6a2.4 2.4 0 100 4.8 2.4 2.4 0 000-4.8zM4.8 8a4 4 0 118 0 4 4 0 01-8 0zm-1.628 6.772A4 4 0 016 13.6h5.6a4 4 0 014 4v1.6a.8.8 0 01-1.6 0v-1.6a2.4 2.4 0 00-2.4-2.4H6a2.4 2.4 0 00-2.4 2.4v1.6a.8.8 0 01-1.6 0v-1.6a4 4 0 011.172-2.828zM15.6 10.4a.8.8 0 000 1.6h4.8a.8.8 0 100-1.6h-4.8z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPeopleRemoveIcon;

package/src/PersonContactIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPersonContactIcon(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="M15.454 3c.452 0 .819.366.819.818v.818h1.636a2.46 2.46 0 012.455 2.455v11.454A2.46 2.46 0 0117.909 21H6.455A2.46 2.46 0 014 18.546V7.09a2.46 2.46 0 012.455-2.455H8.09v-.818a.818.818 0 011.636 0v.818h4.91v-.818c0-.452.366-.818.817-.818zm-9 3.273a.823.823 0 00-.818.818v11.454c0 .449.37.819.819.819h11.454c.448 0 .818-.37.818-.819V7.091a.823.823 0 00-.818-.818H6.455zm5.728 3.273a1.636 1.636 0 100 3.272 1.636 1.636 0 000-3.272zm-3.273 1.636a3.273 3.273 0 116.546 0 3.273 3.273 0 01-6.546 0zm3.273 4.09c-1.732 0-3.274.548-4.534 1.358a.818.818 0 00.885 1.376c1.032-.663 2.271-1.097 3.649-1.097 1.407 0 2.627.369 3.615 1.075a.818.818 0 00.951-1.332c-1.302-.93-2.865-1.38-4.566-1.38z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPersonContactIcon;

package/src/PhotoIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPhotoIcon(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="M6.4 5.6a.8.8 0 00-.8.8v11.2a.8.8 0 00.52.75l8.514-8.516a.8.8 0 011.132 0L18.4 12.47V6.4a.8.8 0 00-.8-.8H6.4zm12 9.131l-3.2-3.2L8.331 18.4H17.6a.8.8 0 00.8-.8v-2.869zM4 6.4A2.4 2.4 0 016.4 4h11.2A2.4 2.4 0 0120 6.4v11.2a2.4 2.4 0 01-2.4 2.4H6.4A2.4 2.4 0 014 17.6V6.4zm5.2 2.4a.4.4 0 100 .8.4.4 0 000-.8zm-2 .4a2 2 0 114 0 2 2 0 01-4 0z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPhotoIcon;

package/src/PlayCircleIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPlayCircleIcon(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="M4.636 12a7.364 7.364 0 1114.728 0 7.364 7.364 0 01-14.728 0zM12 3a9 9 0 100 18 9 9 0 000-18zm-1.182 5.047a.818.818 0 00-1.273.68v6.546a.818.818 0 001.273.68l4.909-3.272a.818.818 0 000-1.362l-4.91-3.272zM13.798 12l-2.616 1.744v-3.488L13.798 12z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPlayCircleIcon;

package/src/PlaySolidIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgPlaySolidIcon(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 4.125a7.875 7.875 0 100 15.75 7.875 7.875 0 000-15.75zm3.572 8.57l-4.5 3.094a.84.84 0 01-.801.085.842.842 0 01-.521-.78V8.906a.844.844 0 011.322-.695l4.5 3.094a.845.845 0 010 1.39z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPlaySolidIcon;

package/src/PoorConnectivitySolidIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgPoorConnectivitySolidIcon(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 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM6.03 6.738a.5.5 0 01.708-.707l11.231 11.231a.5.5 0 01-.707.707L6.031 6.738zm1.621 2.54c-.51.27-.995.59-1.45.955a.607.607 0 10.76.947 8.042 8.042 0 011.594-.998l-.904-.904zm2.062 2.062a6.527 6.527 0 00-2.134 1.31.607.607 0 00.822.893 5.311 5.311 0 012.28-1.236l-.968-.967zm4.576 1.322l-1.708-1.708a6.527 6.527 0 013.81 1.676.607.607 0 01-.817.898 5.314 5.314 0 00-1.285-.866zm-2.255.998l2.14 2.141a.604.604 0 01-.356-.172 2.585 2.585 0 00-2.44-.68 2.584 2.584 0 00-1.205.68.607.607 0 01-.857-.86 3.8 3.8 0 012.68-1.109h.037zm-.947-4.2l-1.055-1.055a9.258 9.258 0 017.767 1.832.607.607 0 11-.76.947 8.045 8.045 0 00-5.952-1.724z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPoorConnectivitySolidIcon;

package/src/QrCodeIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgQrCodeIcon(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="M3 3.818C3 3.366 3.366 3 3.818 3h6.546c.451 0 .818.366.818.818v6.546a.818.818 0 01-.818.818H3.818A.818.818 0 013 10.364V3.818zm1.636.818v4.91h4.91v-4.91h-4.91zm1.637 2.455c0-.452.366-.818.818-.818h.008a.818.818 0 010 1.636h-.008a.818.818 0 01-.818-.818zM13.636 3a.818.818 0 00-.818.818v6.546c0 .451.367.818.818.818h6.546a.818.818 0 00.818-.818V3.818A.818.818 0 0020.182 3h-6.546zm.819 6.545V4.636h4.909v4.91h-4.91zm1.636-2.454c0-.452.366-.818.818-.818h.008a.818.818 0 110 1.636h-.008a.818.818 0 01-.818-.818zM3.818 12.818a.818.818 0 00-.818.818v6.546c0 .452.366.818.818.818h6.546a.818.818 0 00.818-.818v-6.546a.818.818 0 00-.818-.818H3.818zm.818 6.546v-4.91h4.91v4.91h-4.91zm1.637-2.455c0-.452.366-.818.818-.818h.008a.818.818 0 010 1.636h-.008a.818.818 0 01-.818-.818zm7.363-4.09a.818.818 0 100 1.635h.009a.818.818 0 000-1.636h-.009zm2.455 4.09c0-.452.366-.818.818-.818h.008a.818.818 0 010 1.636h-.008a.818.818 0 01-.818-.818zm4.909 0a.818.818 0 00-1.636 0v2.455h-2.455a.818.818 0 100 1.636h3.273a.818.818 0 00.818-.818v-3.273zm-7.364-.818c.452 0 .819.366.819.818v3.273a.818.818 0 01-1.637 0v-3.273c0-.452.367-.818.818-.818zm3.273-3.273a.818.818 0 100 1.636h3.273a.818.818 0 100-1.636h-3.273z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgQrCodeIcon;

package/src/QuestionIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgQuestionIcon(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.211-3.253a1.637 1.637 0 00-1.82 1.07.818.818 0 11-1.544-.543 3.273 3.273 0 016.36 1.09c0 1.252-.928 2.08-1.591 2.521a6.593 6.593 0 01-1.38.694l-.028.01-.01.003-.002.002h-.002l-.26-.776.26.776a.818.818 0 01-.519-1.552l.013-.004.06-.023a4.954 4.954 0 00.96-.492c.564-.375.863-.776.863-1.16a1.636 1.636 0 00-1.36-1.616zM12 15.273a.818.818 0 100 1.636h.008a.818.818 0 100-1.636H12z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgQuestionIcon;

package/src/QuestionMarkIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgQuestionMarkIcon(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-.21-7.277c-.572 0-.888-.264-.888-.791v-.097c0-.826.474-1.292 1.125-1.749.773-.536 1.15-.826 1.15-1.389 0-.606-.465-1.01-1.186-1.01-.527 0-.914.263-1.204.712-.28.316-.413.588-.94.588-.43 0-.782-.28-.782-.72 0-.176.035-.334.096-.492.29-.862 1.345-1.565 2.918-1.565 1.635 0 3.015.87 3.015 2.4 0 1.054-.58 1.582-1.494 2.17-.58.378-.914.695-.94 1.17 0 .026-.01.07-.01.105-.026.378-.351.668-.86.668zm-.01 2.812c-.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 SvgQuestionMarkIcon;

package/src/RadioIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgRadioIcon(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="M6.793 6.397A.818.818 0 105.636 5.24a9.002 9.002 0 000 12.728.818.818 0 101.157-1.157 7.365 7.365 0 010-10.414zM18.364 5.24a.818.818 0 00-1.157 1.157 7.365 7.365 0 010 10.414.818.818 0 001.157 1.157 9.001 9.001 0 000-12.728zM9.11 8.705a.818.818 0 10-1.157-1.158 5.728 5.728 0 000 8.106.818.818 0 101.157-1.158 4.092 4.092 0 010-5.79zm6.94-1.15a.818.818 0 00-1.158 1.158 4.09 4.09 0 010 5.79.818.818 0 001.157 1.158 5.729 5.729 0 000-8.106zm-4.867 4.049a.818.818 0 111.636 0 .818.818 0 01-1.636 0zM12 9.149a2.455 2.455 0 100 4.91 2.455 2.455 0 000-4.91z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgRadioIcon;

package/src/ReactIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgReactIcon(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="M15.26 4.036c-.635.233-1.388.695-2.178 1.383-.16.14-.322.288-.484.444.579.624 1.155 1.336 1.709 2.117.968.09 1.887.236 2.728.43.033-.136.064-.27.09-.402.227-1.1.258-2.042.14-2.753-.122-.727-.384-1.127-.655-1.283-.256-.148-.701-.175-1.35.064zm-2.083 3.866c-.39-.514-.788-.99-1.184-1.419-.397.43-.795.905-1.185 1.42a25.497 25.497 0 012.369 0zm-1.184-2.657c.174-.168.348-.328.52-.478.844-.735 1.687-1.263 2.448-1.543.747-.274 1.498-.338 2.081-.002l-.197.341.197-.34c.603.347.937 1.061 1.075 1.89.142.844.097 1.899-.144 3.07-.03.145-.064.294-.1.444.224.064.442.133.651.205l-.14.408.14-.408c1.058.364 1.936.83 2.559 1.35.61.51 1.041 1.129 1.041 1.802 0 .695-.451 1.342-1.1 1.875-.661.545-1.597 1.033-2.731 1.409l-.136-.41.136.41c-.143.047-.29.093-.44.136.064.257.12.507.165.75.207 1.087.233 2.062.087 2.846-.144.77-.472 1.432-1.046 1.763-.59.34-1.363.287-2.14.013-.793-.28-1.673-.818-2.548-1.584-.127-.11-.253-.225-.378-.346-.126.12-.252.236-.378.346-.876.766-1.755 1.304-2.548 1.584-.778.274-1.552.327-2.14-.013-.575-.331-.903-.993-1.047-1.764-.146-.783-.12-1.758.087-2.845.044-.234.097-.475.159-.722-.188-.054-.37-.111-.548-.171-1.1-.377-2.006-.87-2.644-1.417-.627-.536-1.059-1.18-1.059-1.86 0-.663.41-1.278 1.006-1.788.605-.518 1.463-.982 2.507-1.346l.143.408-.143-.408c.231-.08.473-.157.723-.228-.036-.149-.069-.295-.099-.44-.24-1.17-.285-2.225-.144-3.07.138-.828.473-1.542 1.075-1.89l.197.341-.197-.34c.583-.337 1.335-.273 2.081.001.762.28 1.604.808 2.448 1.543.173.15.347.31.52.478zM6.95 8.407a11.403 11.403 0 01-.09-.4c-.227-1.099-.258-2.041-.139-2.752.122-.727.383-1.127.654-1.283.256-.148.702-.175 1.35.064.635.233 1.388.695 2.179 1.383.16.14.321.288.484.444a20.75 20.75 0 00-1.71 2.118c-.967.09-1.887.234-2.728.426zm-.607 1.048c-.233.067-.457.137-.67.212-.976.34-1.73.758-2.23 1.187-.51.436-.703.832-.703 1.13 0 .31.21.735.756 1.203.535.458 1.335.904 2.362 1.255.161.055.328.107.5.157.252-.824.586-1.692.99-2.574-.41-.878-.75-1.745-1.005-2.57zm1.498 1.556c-.26-.608-.482-1.201-.659-1.77.582-.131 1.208-.24 1.864-.321-.164.254-.324.515-.481.78h-.002l-.138.24c-.205.356-.4.713-.584 1.07zm.463 1.011c.244-.51.513-1.024.805-1.537l.065-.113c.315-.546.644-1.068.982-1.563a24.336 24.336 0 013.673 0c.338.494.667 1.017.982 1.563l.065.113a24.5 24.5 0 01.805 1.537c-.26.533-.546 1.072-.855 1.61a28.278 28.278 0 01-.972 1.566c-.602.044-1.223.066-1.854.066-.636 0-1.26-.02-1.866-.06a28.329 28.329 0 01-1.83-3.182zm-.457 1.015a19.423 19.423 0 00-.65 1.772c.576.126 1.194.224 1.843.298a30.12 30.12 0 01-.63-1.044l.375-.216-.375.216c-.196-.34-.384-.683-.563-1.026zm1.807 2.998a20.314 20.314 0 01-2.69-.391c-.057.23-.106.454-.147.672-.193 1.015-.207 1.877-.086 2.525.123.66.37 1.024.628 1.173.268.154.741.186 1.42-.054.663-.234 1.45-.704 2.267-1.419.113-.1.227-.204.341-.313a20.198 20.198 0 01-1.733-2.193zm2.944 2.193c.114.11.228.214.342.313.817.715 1.603 1.185 2.267 1.42.678.239 1.151.207 1.42.053.257-.149.504-.513.628-1.173.12-.648.107-1.51-.086-2.525a12.439 12.439 0 00-.154-.696c-.827.187-1.73.324-2.678.408a20.226 20.226 0 01-1.74 2.2zm5.021-3.657c.137-.04.271-.081.402-.124 1.065-.353 1.897-.798 2.453-1.255.57-.47.785-.895.785-1.208 0-.296-.2-.695-.73-1.138-.52-.433-1.295-.855-2.286-1.196a12.65 12.65 0 00-.602-.19 20.341 20.341 0 01-1.003 2.565c.4.872.73 1.73.981 2.546zm-1.481-1.534c.252.6.467 1.187.642 1.749-.57.128-1.184.23-1.827.308.212-.336.42-.68.622-1.03l-.375-.217.375.216c.197-.34.385-.683.563-1.026zm.006-2.026c.26-.607.481-1.2.658-1.767a19.12 19.12 0 00-1.862-.325c.163.255.323.516.48.782h.003l.138.24c.205.355.4.712.584 1.07zm-4.151 6.598c-.413-.45-.824-.957-1.228-1.506a30.008 30.008 0 002.457-.002c-.404.55-.816 1.057-1.23 1.508zm1.815-5.625a1.808 1.808 0 11-3.616 0 1.808 1.808 0 013.616 0z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgReactIcon;

package/src/RecordOffIcon.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function SvgRecordOffIcon(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.902 17.074a8.504 8.504 0 001.681-5.067c0-4.698-3.893-8.583-8.6-8.583a8.494 8.494 0 00-5.056 1.674L8.14 6.313a6.828 6.828 0 013.842-1.17 6.86 6.86 0 016.882 6.864 6.829 6.829 0 01-1.172 3.857l1.21 1.21zm-2.964.57l1.206 1.207a8.525 8.525 0 01-5.152 1.739c-4.699 0-8.583-3.885-8.583-8.583 0-1.924.65-3.711 1.74-5.151l1.213 1.213a6.866 6.866 0 00-1.227 3.938 6.84 6.84 0 006.857 6.873c1.47 0 2.83-.456 3.946-1.235zm-.91-4.444c.146-.372.226-.777.226-1.201A3.254 3.254 0 0012 8.745c-.425 0-.83.08-1.2.226l4.228 4.229zm-6.025-2.49l4.286 4.286c-.395.17-.83.265-1.289.265a3.252 3.252 0 01-3.262-3.262c0-.458.094-.893.265-1.289z"
+        fill="currentColor"
+      />
+      <rect x={2} y={3} width={1.5} height={27.195} rx={0.75} transform="rotate(-45 2 3)" fill="currentColor" />
+    </svg>
+  );
+}
+
+export default SvgRecordOffIcon;

package/src/RefreshIcon.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+function SvgRefreshIcon(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="M19.546 3c.451 0 .818.366.818.818v4.91a.818.818 0 01-.819.817h-4.909a.818.818 0 110-1.636h4.091V3.82c0-.453.367-.819.819-.819z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.191 5.54A6.545 6.545 0 005.636 12 .818.818 0 114 12a8.182 8.182 0 0113.636-6.092l.002.002 2.455 2.21a.818.818 0 11-1.095 1.215l-2.453-2.207a6.546 6.546 0 00-3.354-1.589zM4 15.273c0-.452.366-.818.818-.818h4.91a.818.818 0 010 1.636H5.635v4.09a.818.818 0 01-1.636 0v-4.908z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.546 11.182c.452 0 .818.367.818.819a8.181 8.181 0 01-13.637 6.09l-.002-.001-2.454-2.21a.818.818 0 111.095-1.215l2.452 2.207h.001A6.546 6.546 0 0018.727 12c0-.452.367-.818.82-.817z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgRefreshIcon;

package/src/RejectIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgRejectIcon(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="M21.088 12.154c0 4.975-4.113 9.088-9.097 9.088-4.974 0-9.088-4.113-9.088-9.088 0-4.974 4.105-9.088 9.08-9.088 4.983 0 9.105 4.114 9.105 9.088zM7.516 17.898a7.23 7.23 0 004.475 1.534 7.253 7.253 0 007.278-7.278 7.265 7.265 0 00-1.537-4.472L7.516 17.898zm-1.39-1.438l10.17-10.17a7.27 7.27 0 00-4.314-1.404 7.234 7.234 0 00-7.25 7.268c0 1.615.516 3.102 1.394 4.306z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgRejectIcon;

package/src/RepeatIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgRepeatIcon(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.851 3.24a.818.818 0 00-1.157 1.157l1.876 1.876H8.09A4.09 4.09 0 004 10.363v.819a.818.818 0 101.636 0v-.818a2.455 2.455 0 012.455-2.455h9.48l-1.877 1.876a.818.818 0 001.157 1.157l3.273-3.273a.815.815 0 00.24-.578.815.815 0 00-.243-.582l-3.27-3.27zM8.67 13.058c.32.32.32.837 0 1.157L6.793 16.09h9.48a2.455 2.455 0 002.454-2.455v-.818a.818.818 0 111.637 0v.818a4.091 4.091 0 01-4.091 4.091h-9.48l1.876 1.876a.818.818 0 01-1.157 1.157L4.24 17.488a.815.815 0 01.002-1.16l3.27-3.27a.818.818 0 011.157 0z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgRepeatIcon;

package/src/ReportIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgReportIcon(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 2.462a2.392 2.392 0 012.125 1.126h.125a1.313 1.313 0 011.299 1.125h1.514a1.875 1.875 0 011.875 1.875v5.625a.75.75 0 01-1.5 0V6.588a.375.375 0 00-.375-.375h-1.5v.938a1.313 1.313 0 01-1.313 1.312h-4.5a1.313 1.313 0 01-1.313-1.312v-.938h-1.5a.375.375 0 00-.375.375v5.625a.75.75 0 01-1.5 0V6.588a1.875 1.875 0 011.875-1.875h1.514A1.312 1.312 0 019.75 3.588h.129a2.393 2.393 0 012.12-1.126zM9.936 6.963h4.126V5.088h-.41a.75.75 0 01-.712-.515.892.892 0 00-.898-.611.751.751 0 01-.084 0 .893.893 0 00-.897.611.75.75 0 01-.712.515h-.412v1.875zm-.296 6.02l1.414 3.89a1.032 1.032 0 001.919.066l1.32-2.968.335.672.001.002a1.033 1.033 0 00.922.568h4.886a.75.75 0 000-1.5H15.84l-.65-1.302a1.031 1.031 0 00-1.865.042l-1.255 2.824-1.393-3.83a1.033 1.033 0 00-1.892-.109L7.6 13.713H3.562a.75.75 0 000 1.5h4.326a1.034 1.034 0 00.922-.568l.001-.002.83-1.66zm-3.829 2.98a.75.75 0 01.75.75v2.25a.375.375 0 00.375.375h10.125a.375.375 0 00.375-.375v-2.25a.75.75 0 011.5 0v2.25a1.875 1.875 0 01-1.875 1.875H6.938a1.875 1.875 0 01-1.875-1.875v-2.25a.75.75 0 01.75-.75z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgReportIcon;

package/src/SaveIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgSaveIcon(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="M6.4 5.6a.8.8 0 00-.8.8v11.2a.8.8 0 00.8.8h.8v-5.6A.8.8 0 018 12h8a.8.8 0 01.8.8v5.6h.8a.8.8 0 00.8-.8V9.131L14.869 5.6H8.8V8h5.6a.8.8 0 010 1.6H8a.8.8 0 01-.8-.8V5.6h-.8zM8 4H6.4A2.4 2.4 0 004 6.4v11.2A2.4 2.4 0 006.4 20h11.2a2.4 2.4 0 002.4-2.4V8.8a.8.8 0 00-.234-.566l-4-4A.8.8 0 0015.2 4H8zm.8 9.6v4.8h6.4v-4.8H8.8z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgSaveIcon;

package/src/SearchIcon.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function SvgSearchIcon(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 11.2a5.6 5.6 0 119.633 3.885.823.823 0 00-.148.148A5.6 5.6 0 015.6 11.2zm10.094 5.626a7.2 7.2 0 111.131-1.131l2.94 2.94a.8.8 0 01-1.13 1.13l-2.94-2.94z"
+        fill="currentColor"
+        fillOpacity={0.8}
+      />
+    </svg>
+  );
+}
+
+export default SvgSearchIcon;

package/src/SettingsIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgSettingsIcon(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.022 21h.36c.654 0 1.268-.254 1.742-.72.467-.466.72-1.08.72-1.735v-.155c0-.147.033-.286.107-.41a.826.826 0 01.303-.302l.351-.204a.82.82 0 01.843.016l.098.05c.557.318 1.236.408 1.858.245a2.423 2.423 0 001.497-1.146l.172-.31a2.419 2.419 0 00.245-1.858 2.493 2.493 0 00-1.17-1.505l-.098-.05a.826.826 0 01-.303-.302.928.928 0 01-.106-.418v-.409a.73.73 0 01.106-.409.85.85 0 01.311-.303l.123-.081c.564-.328.965-.86 1.137-1.49a2.419 2.419 0 00-.245-1.857l-.18-.31a2.453 2.453 0 00-1.49-1.138 2.432 2.432 0 00-1.84.23l-.147.081a.854.854 0 01-.819 0l-.351-.205a.75.75 0 01-.303-.294.896.896 0 01-.107-.41v-.146c0-.655-.253-1.269-.72-1.735A2.432 2.432 0 0012.382 3h-.36c-.655 0-1.277.254-1.735.72a2.432 2.432 0 00-.72 1.735v.147c0 .139-.04.286-.106.409a.893.893 0 01-.303.303l-.352.196c-.253.147-.548.164-.85-.008l-.099-.05A2.419 2.419 0 006 6.208c-.622.164-1.17.581-1.49 1.138l-.18.31a2.455 2.455 0 00-.245 1.858 2.423 2.423 0 001.105 1.473l.164.106a.69.69 0 01.286.286.863.863 0 01.106.401v.425c0 .14-.032.287-.106.41a.81.81 0 01-.31.31l-.107.066c-.565.327-.966.86-1.138 1.49a2.439 2.439 0 00.246 1.864l.188.303c.32.565.867.974 1.49 1.146.63.172 1.292.082 1.832-.23l.147-.081a.854.854 0 01.818 0l.352.204c.131.074.23.18.303.303.065.123.106.27.106.41v.146c0 .655.254 1.269.72 1.735.467.466 1.08.72 1.735.72zm-2.397-4.934a2.482 2.482 0 00-1.228-.327c-.433 0-.859.115-1.194.32l-.148.081a.823.823 0 01-1.12-.303l-.18-.31a.824.824 0 01.31-1.13l.107-.065c.376-.213.687-.524.9-.9a2.42 2.42 0 00.327-1.228v-.425c0-.425-.123-.843-.335-1.219a2.341 2.341 0 00-.851-.867l-.164-.107a.8.8 0 01-.384-.49.863.863 0 01.081-.622l.189-.311a.782.782 0 01.49-.377.83.83 0 01.647.09l.098.05a2.478 2.478 0 002.455 0l.351-.197c.377-.22.688-.532.9-.9.213-.376.328-.794.328-1.227v-.147a.86.86 0 01.237-.581.86.86 0 01.58-.238h.36a.86.86 0 01.582.238.86.86 0 01.237.58v.156c0 .425.115.85.327 1.227.213.368.524.68.892.892l.352.205c.744.433 1.735.425 2.43.016l.147-.082a.828.828 0 011.121.295l.18.31c.107.189.14.418.082.622a.832.832 0 01-.385.5l-.114.065a2.377 2.377 0 00-.9.9 2.483 2.483 0 00-.328 1.227v.41c0 .425.115.85.328 1.227.212.376.523.687.924.916l.099.05a.84.84 0 01.384.498.853.853 0 01-.09.63l-.172.311a.827.827 0 01-.499.377.825.825 0 01-.646-.09l-.098-.05a2.478 2.478 0 00-2.455 0l-.352.205c-.376.22-.687.523-.9.9a2.505 2.505 0 00-.327 1.227v.148a.81.81 0 01-.818.818h-.36a.843.843 0 01-.59-.238.81.81 0 01-.237-.58v-.156c0-.434-.114-.85-.327-1.227a2.453 2.453 0 00-.892-.892l-.351-.205zM8.929 12a3.272 3.272 0 106.546 0 3.272 3.272 0 10-6.546 0zm1.636 0c0-.9.737-1.636 1.637-1.636s1.636.736 1.636 1.636c0 .9-.736 1.636-1.636 1.636-.9 0-1.636-.736-1.636-1.636z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgSettingsIcon;

package/src/ShareIcon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+function SvgShareIcon(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="M18.867 7.2H13a2.133 2.133 0 00-2.133 2.133V12"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15.667 10.4l3.2-3.2-3.2-3.2M16.733 13.6v5.333A1.067 1.067 0 0115.667 20h-9.6A1.067 1.067 0 015 18.933V10.4a1.067 1.067 0 011.067-1.067h1.6"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export default SvgShareIcon;

package/src/ShieldAlertIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgShieldAlertIcon(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.076 3.052c.186-.07.39-.07.575 0l6.546 2.455c.319.12.53.425.53.766V12c0 2.82-1.867 5.073-3.552 6.548a18.568 18.568 0 01-3.42 2.353l-.017.009-.005.002-.002.001-.367-.731-.367.732-.002-.002-.005-.002-.018-.01a6.77 6.77 0 01-.286-.152 18.563 18.563 0 01-3.134-2.2C6.867 17.073 5 14.82 5 12V6.273c0-.341.212-.647.53-.766l6.546-2.455zm-.079 17.861c.23.116.502.116.733 0l-.366-.731-.367.732zm.367-1.662a16.924 16.924 0 002.734-1.935C16.685 15.927 18.09 14.09 18.09 12V6.84l-5.727-2.148L6.636 6.84V12c0 2.09 1.406 3.927 2.994 5.316a16.922 16.922 0 002.734 1.936zm0-11.342c.451 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 000-1.636h-.008z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgShieldAlertIcon;

package/src/ShieldIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgShieldIcon(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.076 3.052c.186-.07.39-.07.575 0l6.546 2.455c.319.12.53.425.53.766V12c0 2.82-1.867 5.073-3.552 6.548a18.568 18.568 0 01-3.42 2.353l-.017.009-.005.002-.002.001-.367-.731-.367.732-.002-.002-.005-.002-.018-.01a6.77 6.77 0 01-.286-.152 18.563 18.563 0 01-3.134-2.2C6.867 17.073 5 14.82 5 12V6.273c0-.341.212-.647.53-.766l6.546-2.455zm.288 17.13l-.367.732c.23.115.502.115.733 0l-.366-.732zm0-.93a16.924 16.924 0 002.734-1.935c1.587-1.39 2.993-3.228 2.993-5.317V6.84l-5.727-2.148L6.636 6.84V12c0 2.09 1.406 3.927 2.994 5.316a16.922 16.922 0 002.734 1.936z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgShieldIcon;