@winplaybox/icons 0.0.0-stage → 0.1.0

package/src/generated/sharp/hardware.tsx

@@ -0,0 +1,626 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const SharpAdfScannerIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 12h-4V4H6v8H2v8h20v-8zm-6 0H8V6h8v6zm2 5c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1z"/>
+  </svg>
+);
+SharpAdfScannerIcon.displayName = 'SharpAdfScannerIcon';
+export const AdfScannerSharpIcon = SharpAdfScannerIcon;
+
+export const SharpBrowserNotSupportedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19 6v10.5l2 2V4H6.5l2 2zM3.22 3.32L1.95 4.59L3 5.64V20h14.36l2.06 2.06l1.27-1.27L3.22 3.32zM15 18H5V7.64L15.36 18H15z"/>
+  </svg>
+);
+SharpBrowserNotSupportedIcon.displayName = 'SharpBrowserNotSupportedIcon';
+export const BrowserNotSupportedSharpIcon = SharpBrowserNotSupportedIcon;
+
+export const SharpBrowserUpdatedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 13v5h-5l1 1v2H6v-2l1-1H2V3h10v2H4v11h16v-3h2zm-7 2l-5-5h4V3h2v7h4l-5 5z"/>
+  </svg>
+);
+SharpBrowserUpdatedIcon.displayName = 'SharpBrowserUpdatedIcon';
+export const BrowserUpdatedSharpIcon = SharpBrowserUpdatedIcon;
+
+export const SharpCastIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 3H1v5h2V5h18v14h-7v2h9V3zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2a9 9 0 0 1 9 9h2c0-6.08-4.93-11-11-11z"/>
+  </svg>
+);
+SharpCastIcon.displayName = 'SharpCastIcon';
+export const CastSharpIcon = SharpCastIcon;
+
+export const SharpCastConnectedIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm18-7H5v1.63c3.96 1.28 7.09 4.41 8.37 8.37H19V7zM1 10v2a9 9 0 0 1 9 9h2c0-6.08-4.93-11-11-11zm22-7H1v5h2V5h18v14h-7v2h9V3z"/>
+  </svg>
+);
+SharpCastConnectedIcon.displayName = 'SharpCastConnectedIcon';
+export const CastConnectedSharpIcon = SharpCastConnectedIcon;
+
+export const SharpCastForEducationIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 3H1v5h2V5h18v14h-7v2h9V3zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2a9 9 0 0 1 9 9h2c0-6.08-4.93-11-11-11zm10 1.09v2L14.5 15l3.5-1.91v-2L14.5 13L11 11.09zM14.5 6L9 9l5.5 3L20 9l-5.5-3z"/>
+  </svg>
+);
+SharpCastForEducationIcon.displayName = 'SharpCastForEducationIcon';
+export const CastForEducationSharpIcon = SharpCastForEducationIcon;
+
+export const SharpComputerIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 18l2-2V4H2v12l2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"/>
+  </svg>
+);
+SharpComputerIcon.displayName = 'SharpComputerIcon';
+export const ComputerSharpIcon = SharpComputerIcon;
+
+export const SharpConnectedTvIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M8.57 16H10c0-2.76-2.24-5-5-5v1.43c1.97 0 3.57 1.6 3.57 3.57z"/><path fill={color || 'currentColor'} d="M11.55 16H13c0-4.42-3.59-8-8-8v1.45c3.61 0 6.55 2.93 6.55 6.55zM5 14v2h2c0-1.11-.89-2-2-2z"/><path fill={color || 'currentColor'} d="M22 3H2v16h6v2h8v-2h6V3zm-2 14H4V5h16v12z"/>
+  </svg>
+);
+SharpConnectedTvIcon.displayName = 'SharpConnectedTvIcon';
+export const ConnectedTvSharpIcon = SharpConnectedTvIcon;
+
+export const SharpDesktopMacIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 2H1v16h9l-2 3v1h8v-1l-2-3h9V2zm-2 12H3V4h18v10z"/>
+  </svg>
+);
+SharpDesktopMacIcon.displayName = 'SharpDesktopMacIcon';
+export const DesktopMacSharpIcon = SharpDesktopMacIcon;
+
+export const SharpDesktopWindowsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 2H1v16h9v2H8v2h8v-2h-2v-2h9V2zm-2 14H3V4h18v12z"/>
+  </svg>
+);
+SharpDesktopWindowsIcon.displayName = 'SharpDesktopWindowsIcon';
+export const DesktopWindowsSharpIcon = SharpDesktopWindowsIcon;
+
+export const SharpDeveloperBoardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 9V7h-2V3H2v18h18v-4h2v-2h-2v-2h2v-2h-2V9h2zm-4 10H4V5h14v14zM6 13h5v4H6v-4zm6-6h4v3h-4V7zM6 7h5v5H6V7zm6 4h4v6h-4v-6z"/>
+  </svg>
+);
+SharpDeveloperBoardIcon.displayName = 'SharpDeveloperBoardIcon';
+export const DeveloperBoardSharpIcon = SharpDeveloperBoardIcon;
+
+export const SharpDeveloperBoardOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M7.83 5H18v10.17L19.83 17H22v-2h-2v-2h2v-2h-2V9h2V7h-2V3H5.83l2 2zM12 9.17V7h4v3h-3.17L12 9.17zM9.83 7H11v1.17L9.83 7zm4 4H16v2.17L13.83 11zm4.34 10l2.31 2.31l1.41-1.41L2.1 2.1L.69 3.51L2 4.83V21h16.17zM4 19V6.83l2 2V12h3.17l1 1H6v4h5v-3.17l1 1V17h2.17l2 2H4z"/>
+  </svg>
+);
+SharpDeveloperBoardOffIcon.displayName = 'SharpDeveloperBoardOffIcon';
+export const DeveloperBoardOffSharpIcon = SharpDeveloperBoardOffIcon;
+
+export const SharpDeviceHubIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2l4 4.2V21h5v-5h-4z"/>
+  </svg>
+);
+SharpDeviceHubIcon.displayName = 'SharpDeviceHubIcon';
+export const DeviceHubSharpIcon = SharpDeviceHubIcon;
+
+export const SharpDeviceUnknownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19 1H5v22h14V1zm-2 18H7V5h10v14zM12 6.72c-1.96 0-3.5 1.52-3.5 3.47h1.75c0-.93.82-1.75 1.75-1.75s1.75.82 1.75 1.75c0 1.75-2.63 1.57-2.63 4.45h1.76c0-1.96 2.62-2.19 2.62-4.45c0-1.96-1.54-3.47-3.5-3.47zM11 16h2v2h-2v-2z"/>
+  </svg>
+);
+SharpDeviceUnknownIcon.displayName = 'SharpDeviceUnknownIcon';
+export const DeviceUnknownSharpIcon = SharpDeviceUnknownIcon;
+
+export const SharpDevicesOtherIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M3 6h18V4H1v16h6v-2H3V6zm10 6H9v1.78c-.61.55-1 1.33-1 2.22c0 .89.39 1.67 1 2.22V20h4v-1.78c.61-.55 1-1.34 1-2.22s-.39-1.67-1-2.22V12zm-2 5.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zM23 8h-8v12h8V8zm-2 10h-4v-8h4v8z"/>
+  </svg>
+);
+SharpDevicesOtherIcon.displayName = 'SharpDevicesOtherIcon';
+export const DevicesOtherSharpIcon = SharpDevicesOtherIcon;
+
+export const SharpDockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M8 23h8v-2H8v2zM18 1.01L6 1v18h12V1.01zM16 15H8V5h8v10z"/>
+  </svg>
+);
+SharpDockIcon.displayName = 'SharpDockIcon';
+export const DockSharpIcon = SharpDockIcon;
+
+export const SharpEarbudsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M6.2 3.01C4.44 2.89 3 4.42 3 6.19V16c0 2.76 2.24 5 5 5s5-2.24 5-5V8c0-1.66 1.34-3 3-3s3 1.34 3 3v7h-.83c-1.61 0-3.06 1.18-3.17 2.79A3 3 0 0 0 17.8 21c1.76.12 3.2-1.42 3.2-3.18V8c0-2.76-2.24-5-5-5s-5 2.24-5 5v8c0 1.66-1.34 3-3 3s-3-1.34-3-3V9h.83C7.44 9 8.89 7.82 9 6.21c.11-1.68-1.17-3.1-2.8-3.2z"/><path fill={color || 'currentColor'} d="M6 3h3v6H6zm9 12h3v6h-3z"/>
+  </svg>
+);
+SharpEarbudsIcon.displayName = 'SharpEarbudsIcon';
+export const EarbudsSharpIcon = SharpEarbudsIcon;
+
+export const SharpEarbudsBatteryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 7V6h-2v1h-2v11h6V7zM5.38 16.5c-1.04 0-1.88-.84-1.88-1.87V10H6V6H4c-1.1 0-2 .9-2 2v6.63C2 16.49 3.51 18 5.37 18s3.37-1.51 3.37-3.37V9.37c0-1.04.84-1.87 1.87-1.87c1.04 0 1.87.84 1.87 1.87V14H10v4h2c1.1 0 2-.9 2-2V9.37C14 7.51 12.49 6 10.63 6C8.76 6 7.25 7.51 7.25 9.37v5.25c0 1.04-.84 1.88-1.87 1.88z"/>
+  </svg>
+);
+SharpEarbudsBatteryIcon.displayName = 'SharpEarbudsBatteryIcon';
+export const EarbudsBatterySharpIcon = SharpEarbudsBatteryIcon;
+
+export const SharpGamepadIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M15 7.5V2H9v5.5l3 3l3-3zM7.5 9H2v6h5.5l3-3l-3-3zM9 16.5V22h6v-5.5l-3-3l-3 3zM16.5 9l-3 3l3 3H22V9h-5.5z"/>
+  </svg>
+);
+SharpGamepadIcon.displayName = 'SharpGamepadIcon';
+export const GamepadSharpIcon = SharpGamepadIcon;
+
+export const SharpHeadphonesIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M12 3a9 9 0 0 0-9 9v9h6v-8H5v-1c0-3.87 3.13-7 7-7s7 3.13 7 7v1h-4v8h6v-9a9 9 0 0 0-9-9z"/>
+  </svg>
+);
+SharpHeadphonesIcon.displayName = 'SharpHeadphonesIcon';
+export const HeadphonesSharpIcon = SharpHeadphonesIcon;
+
+export const SharpHeadphonesBatteryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 7V6h-2v1h-2v11h6V7zM8 6c-3.31 0-6 2.69-6 6v6h4v-5H3.5v-1c0-2.48 2.02-4.5 4.5-4.5s4.5 2.02 4.5 4.5v1H10v5h4v-6c0-3.31-2.69-6-6-6z"/>
+  </svg>
+);
+SharpHeadphonesBatteryIcon.displayName = 'SharpHeadphonesBatteryIcon';
+export const HeadphonesBatterySharpIcon = SharpHeadphonesBatteryIcon;
+
+export const SharpHeadsetIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M11.4 1.02C6.62 1.33 3 5.52 3 10.31V20h6v-8H5v-1.71C5 6.45 7.96 3.11 11.79 3A6.999 6.999 0 0 1 19 10v2h-4v8h6V10c0-5.17-4.36-9.32-9.6-8.98z"/>
+  </svg>
+);
+SharpHeadsetIcon.displayName = 'SharpHeadsetIcon';
+export const HeadsetSharpIcon = SharpHeadsetIcon;
+
+export const SharpHeadsetMicIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M11.4 1.02C6.62 1.33 3 5.51 3 10.31V20h6v-8H5v-1.71C5 6.45 7.96 3.11 11.79 3A6.999 6.999 0 0 1 19 10v2h-4v8h4v1h-7v2h9V10c0-5.17-4.36-9.32-9.6-8.98z"/>
+  </svg>
+);
+SharpHeadsetMicIcon.displayName = 'SharpHeadsetMicIcon';
+export const HeadsetMicSharpIcon = SharpHeadsetMicIcon;
+
+export const SharpHeadsetOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M12 4c3.87 0 7 3.13 7 7v1h-4v.17l6 6V11a9 9 0 0 0-9-9c-2.02 0-3.88.67-5.38 1.8l1.43 1.43A6.878 6.878 0 0 1 12 4zM2.1 2.1L.69 3.51l3.33 3.33A8.98 8.98 0 0 0 3 11v9h6v-8H5v-1c0-.94.19-1.83.52-2.65L15 17.83V20h2.17l1 1H12v2h8.17l.31.31l1.41-1.41L2.1 2.1z"/>
+  </svg>
+);
+SharpHeadsetOffIcon.displayName = 'SharpHeadsetOffIcon';
+export const HeadsetOffSharpIcon = SharpHeadsetOffIcon;
+
+export const SharpHomeMaxIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19 5H5C2.79 5 1 6.79 1 9v5c0 2.21 1.79 4 4 4h2v1h10v-1h2c2.21 0 4-1.79 4-4V9c0-2.21-1.79-4-4-4zm2 9c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v5z"/>
+  </svg>
+);
+SharpHomeMaxIcon.displayName = 'SharpHomeMaxIcon';
+export const HomeMaxSharpIcon = SharpHomeMaxIcon;
+
+export const SharpHomeMiniIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M12 5C4.19 5 2 9.48 2 12c0 3.86 3.13 7 6.99 7h6.02C17.7 19 22 16.92 22 12c0 0 0-7-10-7zm0 2c7.64 0 7.99 4.51 8 5H4c0-.2.09-5 8-5zm2.86 10H9.14c-2.1 0-3.92-1.24-4.71-3h15.15c-.8 1.76-2.62 3-4.72 3z"/>
+  </svg>
+);
+SharpHomeMiniIcon.displayName = 'SharpHomeMiniIcon';
+export const HomeMiniSharpIcon = SharpHomeMiniIcon;
+
+export const SharpKeyboardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 5H2.01L2 19h20V5zM11 8h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/>
+  </svg>
+);
+SharpKeyboardIcon.displayName = 'SharpKeyboardIcon';
+export const KeyboardSharpIcon = SharpKeyboardIcon;
+
+export const SharpKeyboardAltIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 4H1v17h22V4zM7 12v2H5v-2h2zm-2-2V8h2v2H5zm6 2v2H9v-2h2zm-2-2V8h2v2H9zm7 6v1H8v-1h8zm-1-4v2h-2v-2h2zm-2-2V8h2v2h-2zm4 4v-2h2v2h-2zm2-4h-2V8h2v2z"/>
+  </svg>
+);
+SharpKeyboardAltIcon.displayName = 'SharpKeyboardAltIcon';
+export const KeyboardAltSharpIcon = SharpKeyboardAltIcon;
+
+export const SharpKeyboardArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/>
+  </svg>
+);
+SharpKeyboardArrowDownIcon.displayName = 'SharpKeyboardArrowDownIcon';
+export const KeyboardArrowDownSharpIcon = SharpKeyboardArrowDownIcon;
+
+export const SharpKeyboardArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6l6 6l1.41-1.41z"/>
+  </svg>
+);
+SharpKeyboardArrowLeftIcon.displayName = 'SharpKeyboardArrowLeftIcon';
+export const KeyboardArrowLeftSharpIcon = SharpKeyboardArrowLeftIcon;
+
+export const SharpKeyboardArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M8.59 16.59L13.17 12L8.59 7.41L10 6l6 6l-6 6l-1.41-1.41z"/>
+  </svg>
+);
+SharpKeyboardArrowRightIcon.displayName = 'SharpKeyboardArrowRightIcon';
+export const KeyboardArrowRightSharpIcon = SharpKeyboardArrowRightIcon;
+
+export const SharpKeyboardArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41z"/>
+  </svg>
+);
+SharpKeyboardArrowUpIcon.displayName = 'SharpKeyboardArrowUpIcon';
+export const KeyboardArrowUpSharpIcon = SharpKeyboardArrowUpIcon;
+
+export const SharpKeyboardBackspaceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M21 11H6.83l3.58-3.59L9 6l-6 6l6 6l1.41-1.41L6.83 13H21v-2z"/>
+  </svg>
+);
+SharpKeyboardBackspaceIcon.displayName = 'SharpKeyboardBackspaceIcon';
+export const KeyboardBackspaceSharpIcon = SharpKeyboardBackspaceIcon;
+
+export const SharpKeyboardCapslockIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M12 8.41L16.59 13L18 11.59l-6-6l-6 6L7.41 13L12 8.41zM6 18h12v-2H6v2z"/>
+  </svg>
+);
+SharpKeyboardCapslockIcon.displayName = 'SharpKeyboardCapslockIcon';
+export const KeyboardCapslockSharpIcon = SharpKeyboardCapslockIcon;
+
+export const SharpKeyboardCommandKeyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M17.5 3C15.57 3 14 4.57 14 6.5V8h-4V6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10H8v4H6.5C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5V16h4v1.5c0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5H16v-4h1.5c1.93 0 3.5-1.57 3.5-3.5S19.43 3 17.5 3zM16 8V6.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S18.33 8 17.5 8H16zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5S8 5.67 8 6.5V8H6.5zm3.5 6v-4h4v4h-4zm7.5 5c-.83 0-1.5-.67-1.5-1.5V16h1.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm-11 0c-.83 0-1.5-.67-1.5-1.5S5.67 16 6.5 16H8v1.5c0 .83-.67 1.5-1.5 1.5z"/>
+  </svg>
+);
+SharpKeyboardCommandKeyIcon.displayName = 'SharpKeyboardCommandKeyIcon';
+export const KeyboardCommandKeySharpIcon = SharpKeyboardCommandKeyIcon;
+
+export const SharpKeyboardControlKeyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M5 12l1.41 1.41L12 7.83l5.59 5.58L19 12l-7-7z"/>
+  </svg>
+);
+SharpKeyboardControlKeyIcon.displayName = 'SharpKeyboardControlKeyIcon';
+export const KeyboardControlKeySharpIcon = SharpKeyboardControlKeyIcon;
+
+export const SharpKeyboardDoubleArrowDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M18 6.41L16.59 5L12 9.58L7.41 5L6 6.41l6 6z"/><path fill={color || 'currentColor'} d="M18 13l-1.41-1.41L12 16.17l-4.59-4.58L6 13l6 6z"/>
+  </svg>
+);
+SharpKeyboardDoubleArrowDownIcon.displayName = 'SharpKeyboardDoubleArrowDownIcon';
+export const KeyboardDoubleArrowDownSharpIcon = SharpKeyboardDoubleArrowDownIcon;
+
+export const SharpKeyboardDoubleArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M17.59 18L19 16.59L14.42 12L19 7.41L17.59 6l-6 6z"/><path fill={color || 'currentColor'} d="M11 18l1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"/>
+  </svg>
+);
+SharpKeyboardDoubleArrowLeftIcon.displayName = 'SharpKeyboardDoubleArrowLeftIcon';
+export const KeyboardDoubleArrowLeftSharpIcon = SharpKeyboardDoubleArrowLeftIcon;
+
+export const SharpKeyboardDoubleArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M6.41 6L5 7.41L9.58 12L5 16.59L6.41 18l6-6z"/><path fill={color || 'currentColor'} d="M13 6l-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"/>
+  </svg>
+);
+SharpKeyboardDoubleArrowRightIcon.displayName = 'SharpKeyboardDoubleArrowRightIcon';
+export const KeyboardDoubleArrowRightSharpIcon = SharpKeyboardDoubleArrowRightIcon;
+
+export const SharpKeyboardDoubleArrowUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M6 17.59L7.41 19L12 14.42L16.59 19L18 17.59l-6-6z"/><path fill={color || 'currentColor'} d="M6 11l1.41 1.41L12 7.83l4.59 4.58L18 11l-6-6z"/>
+  </svg>
+);
+SharpKeyboardDoubleArrowUpIcon.displayName = 'SharpKeyboardDoubleArrowUpIcon';
+export const KeyboardDoubleArrowUpSharpIcon = SharpKeyboardDoubleArrowUpIcon;
+
+export const SharpKeyboardHideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 3H2.01L2 17h20V3zM11 6h2v2h-2V6zm0 3h2v2h-2V9zM8 6h2v2H8V6zm0 3h2v2H8V9zm-1 2H5V9h2v2zm0-3H5V6h2v2zm9 7H8v-2h8v2zm0-4h-2V9h2v2zm0-3h-2V6h2v2zm3 3h-2V9h2v2zm0-3h-2V6h2v2zm-7 15l4-4H8l4 4z"/>
+  </svg>
+);
+SharpKeyboardHideIcon.displayName = 'SharpKeyboardHideIcon';
+export const KeyboardHideSharpIcon = SharpKeyboardHideIcon;
+
+export const SharpKeyboardOptionKeyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M15 5h6v2h-6zM9 5H3v2h4.85l6.92 12H21v-2h-5.07z"/>
+  </svg>
+);
+SharpKeyboardOptionKeyIcon.displayName = 'SharpKeyboardOptionKeyIcon';
+export const KeyboardOptionKeySharpIcon = SharpKeyboardOptionKeyIcon;
+
+export const SharpKeyboardReturnIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19 7v4H5.83l3.58-3.59L8 6l-6 6l6 6l1.41-1.41L5.83 13H21V7h-2z"/>
+  </svg>
+);
+SharpKeyboardReturnIcon.displayName = 'SharpKeyboardReturnIcon';
+export const KeyboardReturnSharpIcon = SharpKeyboardReturnIcon;
+
+export const SharpKeyboardTabIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6l-6-6l-1.41 1.41zM20 6v12h2V6h-2z"/>
+  </svg>
+);
+SharpKeyboardTabIcon.displayName = 'SharpKeyboardTabIcon';
+export const KeyboardTabSharpIcon = SharpKeyboardTabIcon;
+
+export const SharpKeyboardVoiceIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M12 15c1.66 0 2.99-1.34 2.99-3L15 6c0-1.66-1.34-3-3-3S9 4.34 9 6v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 15 6.7 12H5c0 3.42 2.72 6.23 6 6.72V22h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"/>
+  </svg>
+);
+SharpKeyboardVoiceIcon.displayName = 'SharpKeyboardVoiceIcon';
+export const KeyboardVoiceSharpIcon = SharpKeyboardVoiceIcon;
+
+export const SharpLaptopIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 18l2-2V4H2v12l2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"/>
+  </svg>
+);
+SharpLaptopIcon.displayName = 'SharpLaptopIcon';
+export const LaptopSharpIcon = SharpLaptopIcon;
+
+export const SharpLaptopChromebookIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 18V3H2v15H0v2h24v-2h-2zm-8 0h-4v-1h4v1zm6-3H4V5h16v10z"/>
+  </svg>
+);
+SharpLaptopChromebookIcon.displayName = 'SharpLaptopChromebookIcon';
+export const LaptopChromebookSharpIcon = SharpLaptopChromebookIcon;
+
+export const SharpLaptopMacIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 18l1.99-2L22 3H2v13l2 2H0v2h24v-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1z"/>
+  </svg>
+);
+SharpLaptopMacIcon.displayName = 'SharpLaptopMacIcon';
+export const LaptopMacSharpIcon = SharpLaptopMacIcon;
+
+export const SharpLaptopWindowsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 18v-1h1.99L22 3H2v14h2v1H0v2h24v-2h-4zM4 5h16v10H4V5z"/>
+  </svg>
+);
+SharpLaptopWindowsIcon.displayName = 'SharpLaptopWindowsIcon';
+export const LaptopWindowsSharpIcon = SharpLaptopWindowsIcon;
+
+export const SharpMemoryIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M15 9H9v6h6V9zm-2 4h-2v-2h2v2zm8-2V9h-2V5h-4V3h-2v2h-2V3H9v2H5v4H3v2h2v2H3v2h2v4h4v2h2v-2h2v2h2v-2h4v-4h2v-2h-2v-2h2zm-4 6H7V7h10v10z"/>
+  </svg>
+);
+SharpMemoryIcon.displayName = 'SharpMemoryIcon';
+export const MemorySharpIcon = SharpMemoryIcon;
+
+export const SharpMonitorIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 3H2v15h5l-1 1v2h12v-2l-1-1h5V3zm-2 13H4V5h16v11z"/>
+  </svg>
+);
+SharpMonitorIcon.displayName = 'SharpMonitorIcon';
+export const MonitorSharpIcon = SharpMonitorIcon;
+
+export const SharpMouseIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M13 1.07V9h7c0-4.08-3.05-7.44-7-7.93zM4 15c0 4.42 3.58 8 8 8s8-3.58 8-8v-4H4v4zm7-13.93C7.05 1.56 4 4.92 4 9h7V1.07z"/>
+  </svg>
+);
+SharpMouseIcon.displayName = 'SharpMouseIcon';
+export const MouseSharpIcon = SharpMouseIcon;
+
+export const SharpPhoneAndroidIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19 1H5v22h14V1zm-5 20h-4v-1h4v1zm3-3H7V4h10v14z"/>
+  </svg>
+);
+SharpPhoneAndroidIcon.displayName = 'SharpPhoneAndroidIcon';
+export const PhoneAndroidSharpIcon = SharpPhoneAndroidIcon;
+
+export const SharpPhoneIphoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M18 1H5v22h13V1zm-6.5 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"/>
+  </svg>
+);
+SharpPhoneIphoneIcon.displayName = 'SharpPhoneIphoneIcon';
+export const PhoneIphoneSharpIcon = SharpPhoneIphoneIcon;
+
+export const SharpPhonelinkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M4 6h18V4H2v13H0v3h14v-3H4V6zm20 2h-8v12h8V8zm-2 9h-4v-7h4v7z"/>
+  </svg>
+);
+SharpPhonelinkIcon.displayName = 'SharpPhonelinkIcon';
+export const PhonelinkSharpIcon = SharpPhonelinkIcon;
+
+export const SharpPhonelinkOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M4.56 4l-2.5-2.49L4.56 4zM24 8h-8v4.61l2 2V10h4v7h-1.61l3 3H24zm-2-2V4H7.39l2 2zM2.06 1.51L.65 2.92L2 4.27V17H0v3h17.73l2.35 2.35l1.41-1.41L2.06 1.51zM4 17V6.27L14.73 17H4z"/>
+  </svg>
+);
+SharpPhonelinkOffIcon.displayName = 'SharpPhonelinkOffIcon';
+export const PhonelinkOffSharpIcon = SharpPhonelinkOffIcon;
+
+export const SharpPointOfSaleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19 2H5v6h14V2zm-2 4H7V4h10v2zm5 16H2v-3h20v3zM18 9H6l-4 9h20l-4-9zm-8 7H8v-1h2v1zm0-2H8v-1h2v1zm0-2H8v-1h2v1zm3 4h-2v-1h2v1zm0-2h-2v-1h2v1zm0-2h-2v-1h2v1zm3 4h-2v-1h2v1zm0-2h-2v-1h2v1zm0-2h-2v-1h2v1z"/>
+  </svg>
+);
+SharpPointOfSaleIcon.displayName = 'SharpPointOfSaleIcon';
+export const PointOfSaleSharpIcon = SharpPointOfSaleIcon;
+
+export const SharpPowerInputIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M2 9v2h19V9H2zm0 6h5v-2H2v2zm7 0h5v-2H9v2zm7 0h5v-2h-5v2z"/>
+  </svg>
+);
+SharpPowerInputIcon.displayName = 'SharpPowerInputIcon';
+export const PowerInputSharpIcon = SharpPowerInputIcon;
+
+export const SharpRouterIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20.2 5.9l.8-.8C19.6 3.7 17.8 3 16 3s-3.6.7-5 2.1l.8.8C13 4.8 14.5 4.2 16 4.2s3 .6 4.2 1.7zm-.9.8c-.9-.9-2.1-1.4-3.3-1.4s-2.4.5-3.3 1.4l.8.8c.7-.7 1.6-1 2.5-1s1.8.3 2.5 1l.8-.8zM21 13h-4V9h-2v4H3v8h18v-8zM8 18H6v-2h2v2zm3.5 0h-2v-2h2v2zm3.5 0h-2v-2h2v2z"/>
+  </svg>
+);
+SharpRouterIcon.displayName = 'SharpRouterIcon';
+export const RouterSharpIcon = SharpRouterIcon;
+
+export const SharpScannerIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M4.2 5l-.7 1.9L17.6 12H3v8h18v-8.86L4.2 5zM7 17H5v-2h2v2zm12 0H9v-2h10v2z"/>
+  </svg>
+);
+SharpScannerIcon.displayName = 'SharpScannerIcon';
+export const ScannerSharpIcon = SharpScannerIcon;
+
+export const SharpSecurityIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
+  </svg>
+);
+SharpSecurityIcon.displayName = 'SharpSecurityIcon';
+export const SecuritySharpIcon = SharpSecurityIcon;
+
+export const SharpSimCardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19.99 2H10L4 8v14h16l-.01-20zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z"/>
+  </svg>
+);
+SharpSimCardIcon.displayName = 'SharpSimCardIcon';
+export const SimCardSharpIcon = SharpSimCardIcon;
+
+export const SharpSmartDisplayIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M22 4H2v16h20V4zM9.5 16.5v-9l7 4.5l-7 4.5z"/>
+  </svg>
+);
+SharpSmartDisplayIcon.displayName = 'SharpSmartDisplayIcon';
+export const SmartDisplaySharpIcon = SharpSmartDisplayIcon;
+
+export const SharpSmartScreenIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M1 5v14h22V5H1zm17 12H6V7h12v10z"/><path fill={color || 'currentColor'} d="M12.5 11.25H14v1.5h-1.5zm2.5 0h1.5v1.5H15zm-5 0h1.5v1.5H10zm-2.5 0H9v1.5H7.5z"/>
+  </svg>
+);
+SharpSmartScreenIcon.displayName = 'SharpSmartScreenIcon';
+export const SmartScreenSharpIcon = SharpSmartScreenIcon;
+
+export const SharpSmartToyIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 9V5h-5V2H9v3H4v4H1v6h3v6h16v-6h3V9h-3zM7.5 11.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S9.83 13 9 13s-1.5-.67-1.5-1.5zM16 17H8v-2h8v2zm-1-4c-.83 0-1.5-.67-1.5-1.5S14.17 10 15 10s1.5.67 1.5 1.5S15.83 13 15 13z"/>
+  </svg>
+);
+SharpSmartToyIcon.displayName = 'SharpSmartToyIcon';
+export const SmartToySharpIcon = SharpSmartToyIcon;
+
+export const SharpSmartphoneIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M5 1v22h14V1H5zm12 18H7V5h10v14z"/>
+  </svg>
+);
+SharpSmartphoneIcon.displayName = 'SharpSmartphoneIcon';
+export const SmartphoneSharpIcon = SharpSmartphoneIcon;
+
+export const SharpSpeakerIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M19 2H5v19.99h14V2zm-7 2c1.1 0 2 .9 2 2s-.9 2-2 2a2 2 0 1 1 0-4zm0 16c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/>
+  </svg>
+);
+SharpSpeakerIcon.displayName = 'SharpSpeakerIcon';
+export const SpeakerSharpIcon = SharpSpeakerIcon;
+
+export const SharpSpeakerGroupIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 1H8v17.99h12V1zm-6 2c1.1 0 2 .89 2 2s-.9 2-2 2s-2-.89-2-2s.9-2 2-2zm0 13.5c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4z"/><circle cx="14" cy="12.5" r="2.5"/><path fill={color || 'currentColor'} d="M6 5H4v18h12v-2H6z"/>
+  </svg>
+);
+SharpSpeakerGroupIcon.displayName = 'SharpSpeakerGroupIcon';
+export const SpeakerGroupSharpIcon = SharpSpeakerGroupIcon;
+
+export const SharpStartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M14.59 7.41L18.17 11H6v2h12.17l-3.59 3.59L16 18l6-6l-6-6l-1.41 1.41zM2 6v12h2V6H2z"/>
+  </svg>
+);
+SharpStartIcon.displayName = 'SharpStartIcon';
+export const StartSharpIcon = SharpStartIcon;
+
+export const SharpTabletIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 4H1v16h21.99L23 4zm-4 14H5V6h14v12z"/>
+  </svg>
+);
+SharpTabletIcon.displayName = 'SharpTabletIcon';
+export const TabletSharpIcon = SharpTabletIcon;
+
+export const SharpTabletAndroidIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M21 0H3v24h18V0zm-7 22h-4v-1h4v1zm5.25-3H4.75V3h14.5v16z"/>
+  </svg>
+);
+SharpTabletAndroidIcon.displayName = 'SharpTabletAndroidIcon';
+export const TabletAndroidSharpIcon = SharpTabletAndroidIcon;
+
+export const SharpTabletMacIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M21 0H2v24h19V0zm-9.5 23c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm7.5-4H4V3h15v16z"/>
+  </svg>
+);
+SharpTabletMacIcon.displayName = 'SharpTabletMacIcon';
+export const TabletMacSharpIcon = SharpTabletMacIcon;
+
+export const SharpToysIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M18.72 10l-2-6H7.28L5.81 8.4L4.41 7l1-1L4 4.59L.59 8L2 9.41l1-1L4.59 10H2v8h2.18A3 3 0 0 0 7 20c1.3 0 2.4-.84 2.82-2h4.37c.41 1.16 1.51 2 2.82 2a3 3 0 0 0 2.82-2H22v-8h-3.28zM7 18c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1zm4-8H7.41l-.02-.02L8.72 6H11v4zm2 0V6h2.28l1.33 4H13zm4 8c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1z"/>
+  </svg>
+);
+SharpToysIcon.displayName = 'SharpToysIcon';
+export const ToysSharpIcon = SharpToysIcon;
+
+export const SharpTvIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 3H1v16h7v2h8v-2h6.99L23 3zm-2 14H3V5h18v12z"/>
+  </svg>
+);
+SharpTvIcon.displayName = 'SharpTvIcon';
+export const TvSharpIcon = SharpTvIcon;
+
+export const SharpVideogameAssetIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M23 6H1v12h22V6zm-12 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"/>
+  </svg>
+);
+SharpVideogameAssetIcon.displayName = 'SharpVideogameAssetIcon';
+export const VideogameAssetSharpIcon = SharpVideogameAssetIcon;
+
+export const SharpVideogameAssetOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20.83 18H22V6H8.83l12 12zM17.5 9c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5zm3.69 12.19L2.81 2.81L1.39 4.22L3.17 6H2v12h13.17l4.61 4.61l1.41-1.42zM9 13v2H7v-2H5v-2h2V9.83L10.17 13H9z"/>
+  </svg>
+);
+SharpVideogameAssetOffIcon.displayName = 'SharpVideogameAssetOffIcon';
+export const VideogameAssetOffSharpIcon = SharpVideogameAssetOffIcon;
+
+export const SharpWatchIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M20 12c0-2.54-1.19-4.81-3.04-6.27L16 0H8l-.95 5.73C5.19 7.19 4 9.45 4 12s1.19 4.81 3.05 6.27L8 24h8l.96-5.73A7.976 7.976 0 0 0 20 12zM6 12c0-3.31 2.69-6 6-6s6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6z"/>
+  </svg>
+);
+SharpWatchIcon.displayName = 'SharpWatchIcon';
+export const WatchSharpIcon = SharpWatchIcon;
+
+export const SharpWatchOffIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M12 7c2.76 0 5 2.24 5 5c0 .64-.13 1.25-.35 1.82l1.5 1.5a6.963 6.963 0 0 0-1.79-8.79L15 2H9l-.96 3.21l2.14 2.14C10.75 7.13 11.36 7 12 7zM2.81 2.81L1.39 4.22l4.46 4.46a6.963 6.963 0 0 0 1.79 8.79L9 22h6l.96-3.21l3.82 3.82l1.41-1.41L2.81 2.81zM12 17c-2.76 0-5-2.24-5-5c0-.64.13-1.25.35-1.82l6.47 6.47c-.57.22-1.18.35-1.82.35z"/>
+  </svg>
+);
+SharpWatchOffIcon.displayName = 'SharpWatchOffIcon';
+export const WatchOffSharpIcon = SharpWatchOffIcon;