@winplaybox/icons 0.0.0-stage → 0.1.0

package/src/generated/twotone/device.tsx

@@ -0,0 +1,1762 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const TwoToneIcon1xMobiledataIcon: 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 7h4v10H6V9H4V7zm11.83 4.72L18.66 7h-2.33l-1.66 2.77L13 7h-2.33l2.83 4.72L10.33 17h2.33l2-3.34l2 3.34H19l-3.17-5.28z"/>
+  </svg>
+);
+TwoToneIcon1xMobiledataIcon.displayName = 'TwoToneIcon1xMobiledataIcon';
+export const Icon1xMobiledataTwoToneIcon = TwoToneIcon1xMobiledataIcon;
+
+export const TwoToneIcon30fpsIcon: 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 5v3h6v2.5H3v3h5V16H2v3h6c1.66 0 3-1.34 3-3v-1.9A2.1 2.1 0 0 0 8.9 12A2.1 2.1 0 0 0 11 9.9V8c0-1.66-1.34-3-3-3H2zm17 3v8h-4V8h4m0-3h-4c-1.66 0-3 1.34-3 3v8c0 1.66 1.34 3 3 3h4c1.66 0 3-1.34 3-3V8c0-1.66-1.34-3-3-3z"/>
+  </svg>
+);
+TwoToneIcon30fpsIcon.displayName = 'TwoToneIcon30fpsIcon';
+export const Icon30fpsTwoToneIcon = TwoToneIcon30fpsIcon;
+
+export const TwoToneIcon3gMobiledataIcon: 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 7v2h5v2H4v2h4v2H3v2h5c1.1 0 2-.9 2-2v-1.5c0-.83-.67-1.5-1.5-1.5c.83 0 1.5-.67 1.5-1.5V9c0-1.1-.9-2-2-2H3zm18 4v4c0 1.1-.9 2-2 2h-5c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2h5c1.1 0 2 .9 2 2h-7v6h5v-2h-2.5v-2H21z"/>
+  </svg>
+);
+TwoToneIcon3gMobiledataIcon.displayName = 'TwoToneIcon3gMobiledataIcon';
+export const Icon3gMobiledataTwoToneIcon = TwoToneIcon3gMobiledataIcon;
+
+export const TwoToneIcon4gMobiledataIcon: 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="M9 7H7v5H5V7H3v7h4v3h2v-3h2v-2H9V7zm8 4v2h2v2h-5V9h7c0-1.1-.9-2-2-2h-5c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h5c1.1 0 2-.9 2-2v-4h-4z"/>
+  </svg>
+);
+TwoToneIcon4gMobiledataIcon.displayName = 'TwoToneIcon4gMobiledataIcon';
+export const Icon4gMobiledataTwoToneIcon = TwoToneIcon4gMobiledataIcon;
+
+export const TwoToneIcon4gPlusMobiledataIcon: 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 11v2h2v2h-4V9h6c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2v-4h-4zm11 0h-2V9h-2v2h-2v2h2v2h2v-2h2v-2zM7 7H5v5H3V7H1v7h4v3h2v-3h1v-2H7V7z"/>
+  </svg>
+);
+TwoToneIcon4gPlusMobiledataIcon.displayName = 'TwoToneIcon4gPlusMobiledataIcon';
+export const Icon4gPlusMobiledataTwoToneIcon = TwoToneIcon4gPlusMobiledataIcon;
+
+export const TwoToneIcon60fpsIcon: 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 8v8h-4V8h4m0-3h-4c-1.66 0-3 1.34-3 3v8c0 1.66 1.34 3 3 3h4c1.66 0 3-1.34 3-3V8c0-1.66-1.34-3-3-3zm-9 3V5H5C3.34 5 2 6.34 2 8v8c0 1.66 1.34 3 3 3h3c1.66 0 3-1.34 3-3v-3c0-1.66-1.34-3-3-3H5V8h5zm-2 5v3H5v-3h3z"/>
+  </svg>
+);
+TwoToneIcon60fpsIcon.displayName = 'TwoToneIcon60fpsIcon';
+export const Icon60fpsTwoToneIcon = TwoToneIcon60fpsIcon;
+
+export const TwoToneAccessAlarmIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12 6c-3.87 0-7 3.13-7 7s3.13 7 7 7s7-3.13 7-7s-3.13-7-7-7zm3.75 10.85L11 14V8h1.5v5.25l4 2.37l-.75 1.23z"/><path fill={color || 'currentColor'} d="M12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9a9 9 0 0 0 0-18zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7zm.5-12H11v6l4.75 2.85l.75-1.23l-4-2.37zM22 5.72l-4.6-3.86l-1.29 1.53l4.6 3.86zM7.88 3.39L6.6 1.86L2 5.71l1.29 1.53z"/>
+  </svg>
+);
+TwoToneAccessAlarmIcon.displayName = 'TwoToneAccessAlarmIcon';
+export const AccessAlarmTwoToneIcon = TwoToneAccessAlarmIcon;
+
+export const TwoToneAccessAlarmsIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12 6c-3.9 0-7 3.1-7 7s3.1 7 7 7s7-3.1 7-7s-3.1-7-7-7zm3.7 10.9L11 14V8h1.5v5.3l4 2.4l-.8 1.2z"/><path fill={color || 'currentColor'} d="M22 5.7l-4.6-3.9l-1.3 1.5l4.6 3.9zM12.5 8H11v6l4.7 2.9l.8-1.2l-4-2.4zM12 4c-5 0-9 4-9 9s4 9 9 9s9-4 9-9s-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7s7 3.1 7 7s-3.1 7-7 7zM7.9 3.4L6.6 1.9L2 5.7l1.3 1.5z"/>
+  </svg>
+);
+TwoToneAccessAlarmsIcon.displayName = 'TwoToneAccessAlarmsIcon';
+export const AccessAlarmsTwoToneIcon = TwoToneAccessAlarmsIcon;
+
+export const TwoToneAccessTimeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12 4c-4.42 0-8 3.58-8 8s3.58 8 8 8s8-3.58 8-8s-3.58-8-8-8zm4.25 12.15L11 13V7h1.5v5.25l4.5 2.67l-.75 1.23z"/><path fill={color || 'currentColor'} d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8zm.5-13H11v6l5.25 3.15l.75-1.23l-4.5-2.67z"/>
+  </svg>
+);
+TwoToneAccessTimeIcon.displayName = 'TwoToneAccessTimeIcon';
+export const AccessTimeTwoToneIcon = TwoToneAccessTimeIcon;
+
+export const TwoToneAccessTimeFilledIcon: 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.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm3.3 14.71L11 12.41V7h2v4.59l3.71 3.71l-1.42 1.41z"/>
+  </svg>
+);
+TwoToneAccessTimeFilledIcon.displayName = 'TwoToneAccessTimeFilledIcon';
+export const AccessTimeFilledTwoToneIcon = TwoToneAccessTimeFilledIcon;
+
+export const TwoToneAdUnitsIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 3h10v1H7zm0 17h10v1H7z"/><path fill={color || 'currentColor'} d="M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zM7 4V3h10v1H7zm0 14V6h10v12H7zm0 3v-1h10v1H7z"/><path fill={color || 'currentColor'} d="M16 7H8v2h8V7z"/>
+  </svg>
+);
+TwoToneAdUnitsIcon.displayName = 'TwoToneAdUnitsIcon';
+export const AdUnitsTwoToneIcon = TwoToneAdUnitsIcon;
+
+export const TwoToneAddAlarmIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12 6c-3.87 0-7 3.13-7 7s3.13 7 7 7s7-3.13 7-7s-3.13-7-7-7zm4 8h-3v3h-2v-3H8v-2h3V9h2v3h3v2z"/><path fill={color || 'currentColor'} d="M12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9a9 9 0 0 0 0-18zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3zm9-3.28l-4.6-3.86l-1.29 1.53l4.6 3.86zM7.88 3.39L6.6 1.86L2 5.71l1.29 1.53z"/>
+  </svg>
+);
+TwoToneAddAlarmIcon.displayName = 'TwoToneAddAlarmIcon';
+export const AddAlarmTwoToneIcon = TwoToneAddAlarmIcon;
+
+export const TwoToneAddToHomeScreenIcon: 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 1.01L8 1c-1.1 0-2 .9-2 2v3h2V5h10v14H8v-1H6v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM10 15h2V8H5v2h3.59L3 15.59L4.41 17L10 11.41V15z"/>
+  </svg>
+);
+TwoToneAddToHomeScreenIcon.displayName = 'TwoToneAddToHomeScreenIcon';
+export const AddToHomeScreenTwoToneIcon = TwoToneAddToHomeScreenIcon;
+
+export const TwoToneAirIcon: 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.5 17c0 1.65-1.35 3-3 3s-3-1.35-3-3h2c0 .55.45 1 1 1s1-.45 1-1s-.45-1-1-1H2v-2h9.5c1.65 0 3 1.35 3 3zM19 6.5C19 4.57 17.43 3 15.5 3S12 4.57 12 6.5h2c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S16.33 8 15.5 8H2v2h13.5c1.93 0 3.5-1.57 3.5-3.5zm-.5 4.5H2v2h16.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5v2c1.93 0 3.5-1.57 3.5-3.5S20.43 11 18.5 11z"/>
+  </svg>
+);
+TwoToneAirIcon.displayName = 'TwoToneAirIcon';
+export const AirTwoToneIcon = TwoToneAirIcon;
+
+export const TwoToneAirplaneTicketIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M4.01 8.54C5.2 9.23 6 10.52 6 12c0 1.47-.81 2.77-2 3.46V18h16V6H4l.01 2.54zm4.13 3.99l1.26.99l2.39-.64l-2.4-4.16l1.4-.38l4.01 3.74l2.44-.65a.967.967 0 0 1 1.18.68a.988.988 0 0 1-.69 1.19l-8.86 2.36l-1.66-2.88l.93-.25z"/><path fill={color || 'currentColor'} d="M20.19 4H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.81-2-1.81-2zM20 18H4v-2.54c1.19-.69 2-1.99 2-3.46c0-1.48-.8-2.77-1.99-3.46L4 6h16v12z"/><path fill={color || 'currentColor'} d="M17.73 13.3c.52-.15.82-.68.69-1.19a.967.967 0 0 0-1.18-.68l-2.44.65l-4.01-3.74l-1.4.38l2.4 4.16l-2.39.64l-1.26-.99l-.93.25l1.66 2.88l8.86-2.36z"/>
+  </svg>
+);
+TwoToneAirplaneTicketIcon.displayName = 'TwoToneAirplaneTicketIcon';
+export const AirplaneTicketTwoToneIcon = TwoToneAirplaneTicketIcon;
+
+export const TwoToneAirplanemodeActiveIcon: 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 16v-2l-8.5-5V3.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5V9L2 14v2l8.5-2.5V19L8 20.5V22l4-1l4 1v-1.5L13.5 19v-5.5L22 16z"/>
+  </svg>
+);
+TwoToneAirplanemodeActiveIcon.displayName = 'TwoToneAirplanemodeActiveIcon';
+export const AirplanemodeActiveTwoToneIcon = TwoToneAirplanemodeActiveIcon;
+
+export const TwoToneAirplanemodeInactiveIcon: 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="M10.5 7.67V3.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V9l8.5 5v2l-4.49-1.32l-7.01-7.01zm9.28 14.94l1.41-1.41l-7.69-7.7l-3.94-3.94l-6.75-6.75l-1.42 1.41l6.38 6.38L2 14v2l8.5-2.5V19L8 20.5V22l4-1l4 1v-1.5L13.5 19v-2.67l6.28 6.28z"/>
+  </svg>
+);
+TwoToneAirplanemodeInactiveIcon.displayName = 'TwoToneAirplanemodeInactiveIcon';
+export const AirplanemodeInactiveTwoToneIcon = TwoToneAirplanemodeInactiveIcon;
+
+export const TwoToneAodIcon: 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 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1zm-9 6h8v1.5H8V10zm1 3h6v1.5H9V13z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M7 21h10v-1H7v1zM7 3v1h10V3H7z"/>
+  </svg>
+);
+TwoToneAodIcon.displayName = 'TwoToneAodIcon';
+export const AodTwoToneIcon = TwoToneAodIcon;
+
+export const TwoToneBattery0BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 6h6v14H9z"/><path fill={color || 'currentColor'} d="M17 5v16c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h2V2h4v2h2c.55 0 1 .45 1 1zm-2 1H9v14h6V6z"/>
+  </svg>
+);
+TwoToneBattery0BarIcon.displayName = 'TwoToneBattery0BarIcon';
+export const Battery0BarTwoToneIcon = TwoToneBattery0BarIcon;
+
+export const TwoToneBattery1BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 6h6v12H9z"/><path fill={color || 'currentColor'} d="M17 5v16c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h2V2h4v2h2c.55 0 1 .45 1 1zm-2 1H9v12h6V6z"/>
+  </svg>
+);
+TwoToneBattery1BarIcon.displayName = 'TwoToneBattery1BarIcon';
+export const Battery1BarTwoToneIcon = TwoToneBattery1BarIcon;
+
+export const TwoToneBattery2BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 6h6v10H9z"/><path fill={color || 'currentColor'} d="M17 5v16c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h2V2h4v2h2c.55 0 1 .45 1 1zm-2 1H9v10h6V6z"/>
+  </svg>
+);
+TwoToneBattery2BarIcon.displayName = 'TwoToneBattery2BarIcon';
+export const Battery2BarTwoToneIcon = TwoToneBattery2BarIcon;
+
+export const TwoToneBattery20Icon: 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 17v3.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V17H7z"/><path fill={color || 'currentColor'} fill-fillOpacity={fillOpacity ?? 0.3} d="M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V17h10V5.33z"/>
+  </svg>
+);
+TwoToneBattery20Icon.displayName = 'TwoToneBattery20Icon';
+export const Battery20TwoToneIcon = TwoToneBattery20Icon;
+
+export const TwoToneBattery3BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 6h6v8H9z"/><path fill={color || 'currentColor'} d="M17 5v16c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h2V2h4v2h2c.55 0 1 .45 1 1zm-2 1H9v8h6V6z"/>
+  </svg>
+);
+TwoToneBattery3BarIcon.displayName = 'TwoToneBattery3BarIcon';
+export const Battery3BarTwoToneIcon = TwoToneBattery3BarIcon;
+
+export const TwoToneBattery30Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V15h10V5.33z"/><path fill={color || 'currentColor'} d="M7 15v5.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V15H7z"/>
+  </svg>
+);
+TwoToneBattery30Icon.displayName = 'TwoToneBattery30Icon';
+export const Battery30TwoToneIcon = TwoToneBattery30Icon;
+
+export const TwoToneBattery4BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 6h6v6H9z"/><path fill={color || 'currentColor'} d="M17 5v16c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h2V2h4v2h2c.55 0 1 .45 1 1zm-2 1H9v6h6V6z"/>
+  </svg>
+);
+TwoToneBattery4BarIcon.displayName = 'TwoToneBattery4BarIcon';
+export const Battery4BarTwoToneIcon = TwoToneBattery4BarIcon;
+
+export const TwoToneBattery5BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 6h6v4H9z"/><path fill={color || 'currentColor'} d="M17 5v16c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h2V2h4v2h2c.55 0 1 .45 1 1zm-2 1H9v4h6V6z"/>
+  </svg>
+);
+TwoToneBattery5BarIcon.displayName = 'TwoToneBattery5BarIcon';
+export const Battery5BarTwoToneIcon = TwoToneBattery5BarIcon;
+
+export const TwoToneBattery50Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V13h10V5.33z"/><path fill={color || 'currentColor'} d="M7 13v7.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V13H7z"/>
+  </svg>
+);
+TwoToneBattery50Icon.displayName = 'TwoToneBattery50Icon';
+export const Battery50TwoToneIcon = TwoToneBattery50Icon;
+
+export const TwoToneBattery6BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 6h6v4H9z"/><path fill={color || 'currentColor'} d="M17 5v16c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h2V2h4v2h2c.55 0 1 .45 1 1zm-2 1H9v2h6V6z"/>
+  </svg>
+);
+TwoToneBattery6BarIcon.displayName = 'TwoToneBattery6BarIcon';
+export const Battery6BarTwoToneIcon = TwoToneBattery6BarIcon;
+
+export const TwoToneBattery60Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V11h10V5.33z"/><path fill={color || 'currentColor'} d="M7 11v9.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V11H7z"/>
+  </svg>
+);
+TwoToneBattery60Icon.displayName = 'TwoToneBattery60Icon';
+export const Battery60TwoToneIcon = TwoToneBattery60Icon;
+
+export const TwoToneBattery80Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V9h10V5.33z"/><path fill={color || 'currentColor'} d="M7 9v11.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V9H7z"/>
+  </svg>
+);
+TwoToneBattery80Icon.displayName = 'TwoToneBattery80Icon';
+export const Battery80TwoToneIcon = TwoToneBattery80Icon;
+
+export const TwoToneBattery90Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M17 5.33C17 4.6 16.4 4 15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V8h10V5.33z"/><path fill={color || 'currentColor'} d="M7 8v12.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V8H7z"/>
+  </svg>
+);
+TwoToneBattery90Icon.displayName = 'TwoToneBattery90Icon';
+export const Battery90TwoToneIcon = TwoToneBattery90Icon;
+
+export const TwoToneBatteryAlertIcon: 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.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM13 18h-2v-2h2v2zm0-4h-2V9h2v5z"/>
+  </svg>
+);
+TwoToneBatteryAlertIcon.displayName = 'TwoToneBatteryAlertIcon';
+export const BatteryAlertTwoToneIcon = TwoToneBatteryAlertIcon;
+
+export const TwoToneBatteryCharging20Icon: 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 20v-3H7v3.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V17h-4.4L11 20z"/><path fill={color || 'currentColor'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V17h4v-2.5H9L13 7v5.5h2L12.6 17H17V5.33C17 4.6 16.4 4 15.67 4z"/>
+  </svg>
+);
+TwoToneBatteryCharging20Icon.displayName = 'TwoToneBatteryCharging20Icon';
+export const BatteryCharging20TwoToneIcon = TwoToneBatteryCharging20Icon;
+
+export const TwoToneBatteryCharging30Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v9.17h2L13 7v5.5h2l-1.07 2H17V5.33C17 4.6 16.4 4 15.67 4z"/><path fill={color || 'currentColor'} d="M11 20v-5.5H7v6.17C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V14.5h-3.07L11 20z"/>
+  </svg>
+);
+TwoToneBatteryCharging30Icon.displayName = 'TwoToneBatteryCharging30Icon';
+export const BatteryCharging30TwoToneIcon = TwoToneBatteryCharging30Icon;
+
+export const TwoToneBatteryCharging50Icon: 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.47 13.5L11 20v-5.5H9l.53-1H7v7.17C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V13.5h-2.53z"/><path fill={color || 'currentColor'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v8.17h2.53L13 7v5.5h2l-.53 1H17V5.33C17 4.6 16.4 4 15.67 4z"/>
+  </svg>
+);
+TwoToneBatteryCharging50Icon.displayName = 'TwoToneBatteryCharging50Icon';
+export const BatteryCharging50TwoToneIcon = TwoToneBatteryCharging50Icon;
+
+export const TwoToneBatteryCharging60Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V11h3.87L13 7v4h4V5.33C17 4.6 16.4 4 15.67 4z"/><path fill={color || 'currentColor'} d="M13 12.5h2L11 20v-5.5H9l1.87-3.5H7v9.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V11h-4v1.5z"/>
+  </svg>
+);
+TwoToneBatteryCharging60Icon.displayName = 'TwoToneBatteryCharging60Icon';
+export const BatteryCharging60TwoToneIcon = TwoToneBatteryCharging60Icon;
+
+export const TwoToneBatteryCharging80Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V9h4.93L13 7v2h4V5.33C17 4.6 16.4 4 15.67 4z"/><path fill={color || 'currentColor'} d="M13 12.5h2L11 20v-5.5H9L11.93 9H7v11.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V9h-4v3.5z"/>
+  </svg>
+);
+TwoToneBatteryCharging80Icon.displayName = 'TwoToneBatteryCharging80Icon';
+export const BatteryCharging80TwoToneIcon = TwoToneBatteryCharging80Icon;
+
+export const TwoToneBatteryCharging90Icon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33V8h5.47L13 7v1h4V5.33C17 4.6 16.4 4 15.67 4z"/><path fill={color || 'currentColor'} d="M13 12.5h2L11 20v-5.5H9L12.47 8H7v12.67C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V8h-4v4.5z"/>
+  </svg>
+);
+TwoToneBatteryCharging90Icon.displayName = 'TwoToneBatteryCharging90Icon';
+export const BatteryCharging90TwoToneIcon = TwoToneBatteryCharging90Icon;
+
+export const TwoToneBatteryChargingFullIcon: 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.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM11 20v-5.5H9L13 7v5.5h2L11 20z"/>
+  </svg>
+);
+TwoToneBatteryChargingFullIcon.displayName = 'TwoToneBatteryChargingFullIcon';
+export const BatteryChargingFullTwoToneIcon = TwoToneBatteryChargingFullIcon;
+
+export const TwoToneBatteryFullIcon: 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.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z"/>
+  </svg>
+);
+TwoToneBatteryFullIcon.displayName = 'TwoToneBatteryFullIcon';
+export const BatteryFullTwoToneIcon = TwoToneBatteryFullIcon;
+
+export const TwoToneBatterySaverIcon: 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="M16 4h-2V2h-4v2H8c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-1 10h-2v2h-2v-2H9v-2h2v-2h2v2h2v2z"/>
+  </svg>
+);
+TwoToneBatterySaverIcon.displayName = 'TwoToneBatterySaverIcon';
+export const BatterySaverTwoToneIcon = TwoToneBatterySaverIcon;
+
+export const TwoToneBatteryStdIcon: 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.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4z"/>
+  </svg>
+);
+TwoToneBatteryStdIcon.displayName = 'TwoToneBatteryStdIcon';
+export const BatteryStdTwoToneIcon = TwoToneBatteryStdIcon;
+
+export const TwoToneBatteryUnknownIcon: 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.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.33C7 21.4 7.6 22 8.33 22h7.33c.74 0 1.34-.6 1.34-1.33V5.33C17 4.6 16.4 4 15.67 4zM13 18h-2v-2h2v2zm1.3-5.31s-.38.42-.67.71c-.48.48-.83 1.15-.83 1.6h-1.6c0-.83.46-1.52.93-2l.93-.94A1.498 1.498 0 0 0 12 9.5c-.83 0-1.5.67-1.5 1.5H9c0-1.66 1.34-3 3-3s3 1.34 3 3c0 .66-.27 1.26-.7 1.69z"/>
+  </svg>
+);
+TwoToneBatteryUnknownIcon.displayName = 'TwoToneBatteryUnknownIcon';
+export const BatteryUnknownTwoToneIcon = TwoToneBatteryUnknownIcon;
+
+export const TwoToneBloodtypeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12 4.67c-4.05 3.7-6 6.79-6 9.14c0 3.63 2.65 6.2 6 6.2s6-2.57 6-6.2c0-2.35-1.95-5.45-6-9.14zM15 18H9v-2h6v2zm0-5h-2v2h-2v-2H9v-2h2V9h2v2h2v2z"/><path fill={color || 'currentColor'} d="M9 16h6v2H9zm4-7h-2v2H9v2h2v2h2v-2h2v-2h-2z"/><path fill={color || 'currentColor'} d="M12 2c-5.33 4.55-8 8.48-8 11.8c0 4.98 3.8 8.2 8 8.2s8-3.22 8-8.2c0-3.32-2.67-7.25-8-11.8zm0 18c-3.35 0-6-2.57-6-6.2c0-2.34 1.95-5.44 6-9.14c4.05 3.7 6 6.79 6 9.14c0 3.63-2.65 6.2-6 6.2z"/>
+  </svg>
+);
+TwoToneBloodtypeIcon.displayName = 'TwoToneBloodtypeIcon';
+export const BloodtypeTwoToneIcon = TwoToneBloodtypeIcon;
+
+export const TwoToneBluetoothIcon: 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.71 7.71L12 2h-1v7.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L11 14.41V22h1l5.71-5.71l-4.3-4.29l4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z"/>
+  </svg>
+);
+TwoToneBluetoothIcon.displayName = 'TwoToneBluetoothIcon';
+export const BluetoothTwoToneIcon = TwoToneBluetoothIcon;
+
+export const TwoToneBluetoothConnectedIcon: 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 12l-2-2l-2 2l2 2l2-2zm10.71-4.29L12 2h-1v7.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L11 14.41V22h1l5.71-5.71l-4.3-4.29l4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88zM19 10l-2 2l2 2l2-2l-2-2z"/>
+  </svg>
+);
+TwoToneBluetoothConnectedIcon.displayName = 'TwoToneBluetoothConnectedIcon';
+export const BluetoothConnectedTwoToneIcon = TwoToneBluetoothConnectedIcon;
+
+export const TwoToneBluetoothDisabledIcon: 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 5.83l1.88 1.88l-1.6 1.6l1.41 1.41l3.02-3.02L12 2h-1v5.03l2 2v-3.2zM5.41 4L4 5.41L10.59 12L5 17.59L6.41 19L11 14.41V22h1l4.29-4.29l2.3 2.29L20 18.59L5.41 4zM13 18.17v-3.76l1.88 1.88L13 18.17z"/>
+  </svg>
+);
+TwoToneBluetoothDisabledIcon.displayName = 'TwoToneBluetoothDisabledIcon';
+export const BluetoothDisabledTwoToneIcon = TwoToneBluetoothDisabledIcon;
+
+export const TwoToneBluetoothDriveIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M4 17h14v-5H4v5zm11.5-4c.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.5zm-9 0c.83 0 1.5.67 1.5 1.5S7.33 16 6.5 16S5 15.33 5 14.5S5.67 13 6.5 13z"/><path fill={color || 'currentColor'} d="M18 17H4v-5h13c-1.1 0-2-.9-2-2H4.81l1.04-3H15V5H5.5c-.66 0-1.21.42-1.42 1.01L2 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8h-2v5z"/><circle cx="6.5" cy="14.5" r="1.5"/><circle cx="15.5" cy="14.5" r="1.5"/><path fill={color || 'currentColor'} d="M22 3.85L19.15 1h-.5v3.79l-2.3-2.29l-.7.7L18.44 6l-2.79 2.79l.7.71l2.3-2.3V11h.5L22 8.14L19.85 6L22 3.85zm-2.35-.94l.94.94l-.94.94V2.91zm.94 5.23l-.94.94V7.2l.94.94z"/>
+  </svg>
+);
+TwoToneBluetoothDriveIcon.displayName = 'TwoToneBluetoothDriveIcon';
+export const BluetoothDriveTwoToneIcon = TwoToneBluetoothDriveIcon;
+
+export const TwoToneBluetoothSearchingIcon: 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.24 12.01l2.32 2.32c.28-.72.44-1.51.44-2.33s-.16-1.59-.43-2.31l-2.33 2.32zm5.29-5.3l-1.26 1.26c.63 1.21.98 2.57.98 4.02s-.36 2.82-.98 4.02l1.2 1.2a9.936 9.936 0 0 0 1.54-5.31c-.01-1.89-.55-3.67-1.48-5.19zm-3.82 1L10 2H9v7.59L4.41 5L3 6.41L8.59 12L3 17.59L4.41 19L9 14.41V22h1l5.71-5.71l-4.3-4.29l4.3-4.29zM11 5.83l1.88 1.88L11 9.59V5.83zm1.88 10.46L11 18.17v-3.76l1.88 1.88z"/>
+  </svg>
+);
+TwoToneBluetoothSearchingIcon.displayName = 'TwoToneBluetoothSearchingIcon';
+export const BluetoothSearchingTwoToneIcon = TwoToneBluetoothSearchingIcon;
+
+export const TwoToneBrightnessAutoIcon: 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 9.52V6h-3.52L12 3.52L9.52 6H6v3.52L3.52 12L6 14.48V18h3.52L12 20.48L14.48 18H18v-3.52L20.48 12L18 9.52zM14.3 16l-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9h-1.9zm-3.45-3.35h2.3L12 9z" fill-fillOpacity={fillOpacity ?? 0.3}/><path fill={color || 'currentColor'} d="M11 7l-3.2 9h1.9l.7-2h3.2l.7 2h1.9L13 7h-2zm-.15 5.65L12 9l1.15 3.65h-2.3zM20 8.69V4h-4.69L12 .69L8.69 4H4v4.69L.69 12L4 15.31V20h4.69L12 23.31L15.31 20H20v-4.69L23.31 12L20 8.69zm-2 5.79V18h-3.52L12 20.48L9.52 18H6v-3.52L3.52 12L6 9.52V6h3.52L12 3.52L14.48 6H18v3.52L20.48 12L18 14.48z"/>
+  </svg>
+);
+TwoToneBrightnessAutoIcon.displayName = 'TwoToneBrightnessAutoIcon';
+export const BrightnessAutoTwoToneIcon = TwoToneBrightnessAutoIcon;
+
+export const TwoToneBrightnessHighIcon: 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 9.52V6h-3.52L12 3.52L9.52 6H6v3.52L3.52 12L6 14.48V18h3.52L12 20.48L14.48 18H18v-3.52L20.48 12L18 9.52zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6s6 2.69 6 6s-2.69 6-6 6z" fill-fillOpacity={fillOpacity ?? 0.3}/><path fill={color || 'currentColor'} d="M20 8.69V4h-4.69L12 .69L8.69 4H4v4.69L.69 12L4 15.31V20h4.69L12 23.31L15.31 20H20v-4.69L23.31 12L20 8.69zm-2 5.79V18h-3.52L12 20.48L9.52 18H6v-3.52L3.52 12L6 9.52V6h3.52L12 3.52L14.48 6H18v3.52L20.48 12L18 14.48zM12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4z"/><circle cx="12" cy="12" r="2.5"/>
+  </svg>
+);
+TwoToneBrightnessHighIcon.displayName = 'TwoToneBrightnessHighIcon';
+export const BrightnessHighTwoToneIcon = TwoToneBrightnessHighIcon;
+
+export const TwoToneBrightnessLowIcon: 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 9.52V6h-3.52L12 3.52L9.52 6H6v3.52L3.52 12L6 14.48V18h3.52L12 20.48L14.48 18H18v-3.52L20.48 12L18 9.52zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6s6 2.69 6 6s-2.69 6-6 6z" fill-fillOpacity={fillOpacity ?? 0.3}/><path fill={color || 'currentColor'} d="M20 8.69V4h-4.69L12 .69L8.69 4H4v4.69L.69 12L4 15.31V20h4.69L12 23.31L15.31 20H20v-4.69L23.31 12L20 8.69zm-2 5.79V18h-3.52L12 20.48L9.52 18H6v-3.52L3.52 12L6 9.52V6h3.52L12 3.52L14.48 6H18v3.52L20.48 12L18 14.48zM12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4z"/>
+  </svg>
+);
+TwoToneBrightnessLowIcon.displayName = 'TwoToneBrightnessLowIcon';
+export const BrightnessLowTwoToneIcon = TwoToneBrightnessLowIcon;
+
+export const TwoToneBrightnessMediumIcon: 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 9.52V6h-3.52L12 3.52L9.52 6H6v3.52L3.52 12L6 14.48V18h3.52L12 20.48L14.48 18H18v-3.52L20.48 12L18 9.52zM12 18V6c3.31 0 6 2.69 6 6s-2.69 6-6 6z" fill-fillOpacity={fillOpacity ?? 0.3}/><path fill={color || 'currentColor'} d="M20 8.69V4h-4.69L12 .69L8.69 4H4v4.69L.69 12L4 15.31V20h4.69L12 23.31L15.31 20H20v-4.69L23.31 12L20 8.69zm-2 5.79V18h-3.52L12 20.48L9.52 18H6v-3.52L3.52 12L6 9.52V6h3.52L12 3.52L14.48 6H18v3.52L20.48 12L18 14.48zM12 6v12c3.31 0 6-2.69 6-6s-2.69-6-6-6z"/>
+  </svg>
+);
+TwoToneBrightnessMediumIcon.displayName = 'TwoToneBrightnessMediumIcon';
+export const BrightnessMediumTwoToneIcon = TwoToneBrightnessMediumIcon;
+
+export const TwoToneCableIcon: 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 5V4c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v1h-1v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4S5 4.79 5 7v7H4c-.55 0-1 .45-1 1v4h1v1c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1h1v-4c0-.55-.45-1-1-1H7V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-1z"/>
+  </svg>
+);
+TwoToneCableIcon.displayName = 'TwoToneCableIcon';
+export const CableTwoToneIcon = TwoToneCableIcon;
+
+export const TwoToneCameraswitchIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M13.17 8h-2.34l-1 1H8v6h8V9h-1.83l-1-1zM12 14c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2z"/><path fill={color || 'currentColor'} d="M16 7h-1l-1-1h-4L9 7H8c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 8H8V9h1.83l1-1h2.34l1 1H16v6z"/><circle cx="12" cy="12" r="2"/><path fill={color || 'currentColor'} d="M8.57.52L13.05 5V2.05c4.72.47 8.48 4.23 8.95 8.95h2C23.34 3.03 15.49-1.58 8.57.52zm2.38 21.44c-4.72-.47-8.48-4.23-8.95-8.95H0c.66 7.97 8.51 12.58 15.43 10.48l-4.48-4.48v2.95z"/>
+  </svg>
+);
+TwoToneCameraswitchIcon.displayName = 'TwoToneCameraswitchIcon';
+export const CameraswitchTwoToneIcon = TwoToneCameraswitchIcon;
+
+export const TwoToneCreditScoreIcon: 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 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h5v-2H4v-6h18V6c0-1.11-.89-2-2-2zm0 4H4V6h16v2zm-5.07 11.17l-2.83-2.83l-1.41 1.41L14.93 22L22 14.93l-1.41-1.41l-5.66 5.65z"/>
+  </svg>
+);
+TwoToneCreditScoreIcon.displayName = 'TwoToneCreditScoreIcon';
+export const CreditScoreTwoToneIcon = TwoToneCreditScoreIcon;
+
+export const TwoToneDarkModeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49z"/><path fill={color || 'currentColor'} d="M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49zM12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/>
+  </svg>
+);
+TwoToneDarkModeIcon.displayName = 'TwoToneDarkModeIcon';
+export const DarkModeTwoToneIcon = TwoToneDarkModeIcon;
+
+export const TwoToneDataSaverOffIcon: 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 2.05v3.03c3.39.49 6 3.39 6 6.92c0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07c0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7c0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95c0 5.52 4.47 10 9.99 10c3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53A6.95 6.95 0 0 1 12 19z"/>
+  </svg>
+);
+TwoToneDataSaverOffIcon.displayName = 'TwoToneDataSaverOffIcon';
+export const DataSaverOffTwoToneIcon = TwoToneDataSaverOffIcon;
+
+export const TwoToneDataSaverOnIcon: 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 8v3H8v2h3v3h2v-3h3v-2h-3V8h-2zm2-5.95v3.03c3.39.49 6 3.39 6 6.92c0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07c0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7c0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95c0 5.52 4.47 10 9.99 10c3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53A6.95 6.95 0 0 1 12 19z"/>
+  </svg>
+);
+TwoToneDataSaverOnIcon.displayName = 'TwoToneDataSaverOnIcon';
+export const DataSaverOnTwoToneIcon = TwoToneDataSaverOnIcon;
+
+export const TwoToneDataUsageIcon: 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 2.05v3.03c3.39.49 6 3.39 6 6.92c0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07c0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7c0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95c0 5.52 4.47 10 9.99 10c3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53A6.95 6.95 0 0 1 12 19z"/>
+  </svg>
+);
+TwoToneDataUsageIcon.displayName = 'TwoToneDataUsageIcon';
+export const DataUsageTwoToneIcon = TwoToneDataUsageIcon;
+
+export const TwoToneDatasetIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M5 19h14V5H5v14zm8-12h4v4h-4V7zm0 6h4v4h-4v-4zM7 7h4v4H7V7zm0 6h4v4H7v-4z"/><path fill={color || 'currentColor'} d="M7 13h4v4H7zm6 0h4v4h-4z"/><path fill={color || 'currentColor'} d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/><path fill={color || 'currentColor'} d="M7 7h4v4H7zm6 0h4v4h-4z"/>
+  </svg>
+);
+TwoToneDatasetIcon.displayName = 'TwoToneDatasetIcon';
+export const DatasetTwoToneIcon = TwoToneDatasetIcon;
+
+export const TwoToneDatasetLinkedIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M5 5v14h3.09c-.05-.33-.09-.66-.09-1s.04-.67.09-1H7v-4h3.69c.95-.63 2.09-1 3.31-1h5V5H5zm6 6H7V7h4v4zm2 0V7h4v4h-4z"/><path fill={color || 'currentColor'} d="M7 17h1.09c.28-1.67 1.24-3.1 2.6-4H7v4z"/><path fill={color || 'currentColor'} d="M5 19V5h14v7h1c.34 0 .67.04 1 .09V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h3.81c-.35-.61-.6-1.28-.72-2H5z"/><path fill={color || 'currentColor'} d="M7 7h4v4H7zm6 0h4v4h-4zm3 13h-2c-1.1 0-2-.9-2-2s.9-2 2-2h2v-2h-2c-2.21 0-4 1.79-4 4s1.79 4 4 4h2v-2zm4-6h-2v2h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2v2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"/><path fill={color || 'currentColor'} d="M20 19v-2h-6v2h5z"/>
+  </svg>
+);
+TwoToneDatasetLinkedIcon.displayName = 'TwoToneDatasetLinkedIcon';
+export const DatasetLinkedTwoToneIcon = TwoToneDatasetLinkedIcon;
+
+export const TwoToneDeveloperModeIcon: 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 5h10v2h2V3c0-1.1-.9-1.99-2-1.99L7 1c-1.1 0-2 .9-2 2v4h2V5zm8.41 11.59L20 12l-4.59-4.59L14 8.83L17.17 12L14 15.17l1.41 1.42zM10 15.17L6.83 12L10 8.83L8.59 7.41L4 12l4.59 4.59L10 15.17zM17 19H7v-2H5v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2v2z"/>
+  </svg>
+);
+TwoToneDeveloperModeIcon.displayName = 'TwoToneDeveloperModeIcon';
+export const DeveloperModeTwoToneIcon = TwoToneDeveloperModeIcon;
+
+export const TwoToneDeviceThermostatIcon: 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 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4c0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-2V5c0-.55.45-1 1-1s1 .45 1 1v1h-1v1h1v2h-1v1h1v1h-2z"/>
+  </svg>
+);
+TwoToneDeviceThermostatIcon.displayName = 'TwoToneDeviceThermostatIcon';
+export const DeviceThermostatTwoToneIcon = TwoToneDeviceThermostatIcon;
+
+export const TwoToneDevicesIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M18 10h4v7h-4z"/><path fill={color || 'currentColor'} d="M23 8h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7zM4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6z"/>
+  </svg>
+);
+TwoToneDevicesIcon.displayName = 'TwoToneDevicesIcon';
+export const DevicesTwoToneIcon = TwoToneDevicesIcon;
+
+export const TwoToneDevicesFoldIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M15 3l-3 1.29v13.68l3-1.29z"/><path fill={color || 'currentColor'} d="M20 3h-3c0-1.44-1.47-2.4-2.79-1.84l-3 1.29C10.48 2.76 10 3.49 10 4.29V19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8 1.29L15 3v13.68l-3 1.29V4.29zM20 19h-5.33l1.12-.48c.73-.32 1.21-1.04 1.21-1.84V5h3v14zM2 3h2v2H2zm0 16h2v2H2zm0-4h2v2H2zm0-4h2v2H2zm0-4h2v2H2zm4-4h2v2H6zm0 16h2v2H6z"/>
+  </svg>
+);
+TwoToneDevicesFoldIcon.displayName = 'TwoToneDevicesFoldIcon';
+export const DevicesFoldTwoToneIcon = TwoToneDevicesFoldIcon;
+
+export const TwoToneDiscountIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M19 9.79L11.21 2H5v6.21L12.79 16L19 9.79zM7.25 5.5a1.25 1.25 0 1 1 0-2.5a1.25 1.25 0 0 1 0 2.5z"/><path fill={color || 'currentColor'} d="M12.79 21L3 11.21v2c0 .53.21 1.04.59 1.41l7.79 7.79c.78.78 2.05.78 2.83 0l6.21-6.21c.78-.78.78-2.05 0-2.83L12.79 21z"/><path fill={color || 'currentColor'} d="M11.38 17.41c.39.39.9.59 1.41.59c.51 0 1.02-.2 1.41-.59l6.21-6.21c.78-.78.78-2.05 0-2.83L12.62.58C12.25.21 11.74 0 11.21 0H5C3.9 0 3 .9 3 2v6.21c0 .53.21 1.04.59 1.41l7.79 7.79zM5 2h6.21L19 9.79L12.79 16L5 8.21V2z"/><circle cx="7.25" cy="4.25" r="1.25"/>
+  </svg>
+);
+TwoToneDiscountIcon.displayName = 'TwoToneDiscountIcon';
+export const DiscountTwoToneIcon = TwoToneDiscountIcon;
+
+export const TwoToneDoNotDisturbOnTotalSilenceIcon: 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 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-3.3 0-6 2.7-6 6s2.7 6 6 6s6-2.7 6-6s-2.6-6-6-6zm3 7H9v-2h6v2z"/>
+  </svg>
+);
+TwoToneDoNotDisturbOnTotalSilenceIcon.displayName = 'TwoToneDoNotDisturbOnTotalSilenceIcon';
+export const DoNotDisturbOnTotalSilenceTwoToneIcon = TwoToneDoNotDisturbOnTotalSilenceIcon;
+
+export const TwoToneDvrIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M3 17h18V5H3v12zm5-9h11v2H8V8zm0 4h11v2H8v-2zM5 8h2v2H5V8zm0 4h2v2H5v-2z"/><path fill={color || 'currentColor'} d="M8 12h11v2H8zm0-4h11v2H8zm13-5H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 14H3V5h18v12zM5 12h2v2H5zm0-4h2v2H5z"/>
+  </svg>
+);
+TwoToneDvrIcon.displayName = 'TwoToneDvrIcon';
+export const DvrTwoToneIcon = TwoToneDvrIcon;
+
+export const TwoToneEMobiledataIcon: 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="M16 9V7H8v10h8v-2h-6v-2h6v-2h-6V9h6z"/>
+  </svg>
+);
+TwoToneEMobiledataIcon.displayName = 'TwoToneEMobiledataIcon';
+export const EMobiledataTwoToneIcon = TwoToneEMobiledataIcon;
+
+export const TwoToneEdgesensorHighIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M8 4h8v1H8zm0 15h8v1H8z"/><path fill={color || 'currentColor'} d="M16 2.01L8 2c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V4c0-1.1-.9-1.99-2-1.99zM16 20H8v-1h8v1zm0-3H8V7h8v10zm0-12H8V4h8v1zm3 5h2v7h-2zm3-3h2v7h-2zM3 7h2v7H3zm-3 3h2v7H0z"/>
+  </svg>
+);
+TwoToneEdgesensorHighIcon.displayName = 'TwoToneEdgesensorHighIcon';
+export const EdgesensorHighTwoToneIcon = TwoToneEdgesensorHighIcon;
+
+export const TwoToneEdgesensorLowIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M8 4h8v1H8zm0 15h8v1H8z"/><path fill={color || 'currentColor'} d="M20 10h2v7h-2zM2 7h2v7H2zm14-4.99L8 2c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V4c0-1.1-.9-1.99-2-1.99zM16 20H8v-1h8v1zm0-3H8V7h8v10zm0-12H8V4h8v1z"/>
+  </svg>
+);
+TwoToneEdgesensorLowIcon.displayName = 'TwoToneEdgesensorLowIcon';
+export const EdgesensorLowTwoToneIcon = TwoToneEdgesensorLowIcon;
+
+export const TwoToneFlashlightOffIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M16 7H9.83L14 11.17v-.77l2-3.01zm-6 5.83V20h4v-3.17zM16 5V4H6.83l1 1z"/><path fill={color || 'currentColor'} d="M2.81 2.81L1.39 4.22L8 10.83V22h8v-3.17l3.78 3.78l1.41-1.41L2.81 2.81zM14 20h-4v-7.17l4 4V20zm2-16v1H7.83l2 2H16v.39l-2 3.01v.77l2 2V11l2-3V2H6v1.17l.83.83z"/>
+  </svg>
+);
+TwoToneFlashlightOffIcon.displayName = 'TwoToneFlashlightOffIcon';
+export const FlashlightOffTwoToneIcon = TwoToneFlashlightOffIcon;
+
+export const TwoToneFlashlightOnIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M8 7.39l2 3V20h4v-9.6l2-3.01V7H8v.39zm4 5.11c.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.5zM8 4h8v1H8z"/><path fill={color || 'currentColor'} d="M6 2v6l2 3v11h8V11l2-3V2H6zm10 5.39l-2 3.01V20h-4v-9.61l-2-3V7h8v.39zM16 5H8V4h8v1z"/><circle cx="12" cy="14" r="1.5"/>
+  </svg>
+);
+TwoToneFlashlightOnIcon.displayName = 'TwoToneFlashlightOnIcon';
+export const FlashlightOnTwoToneIcon = TwoToneFlashlightOnIcon;
+
+export const TwoToneFlourescentIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 11h10v2H7z"/><path fill={color || 'currentColor'} d="M5 15h14V9H5v6zm2-4h10v2H7v-2zm4-9h2v3h-2zm6.286 4.399l1.79-1.803l1.42 1.41l-1.79 1.802zM11 19h2v3h-2zm6.29-1.29l1.79 1.8l1.42-1.42l-1.8-1.79zM3.495 6.01l1.407-1.408L6.69 6.391L5.284 7.798zm-.003 12.066l1.803-1.79l1.409 1.42l-1.803 1.79z"/>
+  </svg>
+);
+TwoToneFlourescentIcon.displayName = 'TwoToneFlourescentIcon';
+export const FlourescentTwoToneIcon = TwoToneFlourescentIcon;
+
+export const TwoToneFluorescentIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 11h10v2H7z"/><path fill={color || 'currentColor'} d="M5 15h14V9H5v6zm2-4h10v2H7v-2zm4-9h2v3h-2zm6.286 4.399l1.79-1.803l1.42 1.41l-1.79 1.802zM11 19h2v3h-2zm6.29-1.29l1.79 1.8l1.42-1.42l-1.8-1.79zM3.495 6.01l1.407-1.408L6.69 6.391L5.284 7.798zm-.003 12.066l1.803-1.79l1.409 1.42l-1.803 1.79z"/>
+  </svg>
+);
+TwoToneFluorescentIcon.displayName = 'TwoToneFluorescentIcon';
+export const FluorescentTwoToneIcon = TwoToneFluorescentIcon;
+
+export const TwoToneFmdBadIcon: 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 15h2v-2h-2v2zm0-4h2V6h-2v5zm1-9c-4.2 0-8 3.22-8 8.2c0 3.32 2.67 7.25 8 11.8c5.33-4.55 8-8.48 8-11.8C20 5.22 16.2 2 12 2zm0 17.33c-4.05-3.7-6-6.79-6-9.14C6 6.57 8.65 4 12 4s6 2.57 6 6.2c0 2.34-1.95 5.44-6 9.13z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M12 19.33c4.05-3.7 6-6.79 6-9.14C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.13zM11 6h2v5h-2V6zm0 7h2v2h-2v-2z"/>
+  </svg>
+);
+TwoToneFmdBadIcon.displayName = 'TwoToneFmdBadIcon';
+export const FmdBadTwoToneIcon = TwoToneFmdBadIcon;
+
+export const TwoToneFmdGoodIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12 4c-3.35 0-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14c4.05-3.7 6-6.79 6-9.14C18 6.57 15.35 4 12 4zm0 8c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2z"/><path fill={color || 'currentColor'} d="M12 8c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0-6c-4.2 0-8 3.22-8 8.2c0 3.32 2.67 7.25 8 11.8c5.33-4.55 8-8.48 8-11.8C20 5.22 16.2 2 12 2zm0 17.33c-4.05-3.7-6-6.79-6-9.14C6 6.57 8.65 4 12 4s6 2.57 6 6.2c0 2.34-1.95 5.44-6 9.13z"/>
+  </svg>
+);
+TwoToneFmdGoodIcon.displayName = 'TwoToneFmdGoodIcon';
+export const FmdGoodTwoToneIcon = TwoToneFmdGoodIcon;
+
+export const TwoToneGMobiledataIcon: 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 11v2h2v2H9V9h7c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h5c1.1 0 2-.9 2-2v-4h-4z"/>
+  </svg>
+);
+TwoToneGMobiledataIcon.displayName = 'TwoToneGMobiledataIcon';
+export const GMobiledataTwoToneIcon = TwoToneGMobiledataIcon;
+
+export const TwoToneGppBadIcon: 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 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91c4.59-1.15 8-5.86 8-10.91V5l-8-3zm6 9.09c0 4-2.55 7.7-6 8.83c-3.45-1.13-6-4.82-6-8.83v-4.7l6-2.25l6 2.25v4.7zM9.91 8.5L8.5 9.91L10.59 12L8.5 14.09l1.41 1.41L12 13.42l2.09 2.08l1.41-1.41L13.42 12l2.08-2.09l-1.41-1.41L12 10.59L9.91 8.5z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M6 6.39v4.7c0 4 2.55 7.7 6 8.83c3.45-1.13 6-4.82 6-8.83v-4.7l-6-2.25l-6 2.25zm9.5 3.52L13.42 12l2.08 2.09l-1.41 1.41L12 13.42L9.91 15.5L8.5 14.09L10.59 12L8.5 9.91L9.91 8.5L12 10.59l2.09-2.09l1.41 1.41z"/>
+  </svg>
+);
+TwoToneGppBadIcon.displayName = 'TwoToneGppBadIcon';
+export const GppBadTwoToneIcon = TwoToneGppBadIcon;
+
+export const TwoToneGppGoodIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M6 6.31v4.78c0 4 2.55 7.7 6 8.83c3.45-1.13 6-4.82 6-8.83V6.31l-6-2.12l-6 2.12zm10.6 3.57l-5.66 5.66L7.4 12l1.41-1.41l2.12 2.12l4.24-4.24l1.43 1.41z"/><path fill={color || 'currentColor'} d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91c4.59-1.15 8-5.86 8-10.91V5l-8-3zm6 9.09c0 4-2.55 7.7-6 8.83c-3.45-1.13-6-4.82-6-8.83V6.31l6-2.12l6 2.12v4.78zm-9.18-.5L7.4 12l3.54 3.54l5.66-5.66l-1.41-1.41l-4.24 4.24l-2.13-2.12z"/>
+  </svg>
+);
+TwoToneGppGoodIcon.displayName = 'TwoToneGppGoodIcon';
+export const GppGoodTwoToneIcon = TwoToneGppGoodIcon;
+
+export const TwoToneGppMaybeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M6 6.39v4.7c0 4 2.55 7.7 6 8.83c3.45-1.13 6-4.82 6-8.83v-4.7l-6-2.25l-6 2.25zM13 16h-2v-2h2v2zm0-4h-2V7h2v5z"/><path fill={color || 'currentColor'} d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91c4.59-1.15 8-5.86 8-10.91V5l-8-3zm6 9.09c0 4-2.55 7.7-6 8.83c-3.45-1.13-6-4.82-6-8.83v-4.7l6-2.25l6 2.25v4.7zM11 16h2v-2h-2v2zm0-4h2V7h-2v5z"/>
+  </svg>
+);
+TwoToneGppMaybeIcon.displayName = 'TwoToneGppMaybeIcon';
+export const GppMaybeTwoToneIcon = TwoToneGppMaybeIcon;
+
+export const TwoToneGpsFixedIcon: 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}>
+    <circle cx="12" cy="12" fillOpacity={fillOpacity ?? 0.3} r="2"/><path fill={color || 'currentColor'} d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2zm8.94-3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7z"/>
+  </svg>
+);
+TwoToneGpsFixedIcon.displayName = 'TwoToneGpsFixedIcon';
+export const GpsFixedTwoToneIcon = TwoToneGpsFixedIcon;
+
+export const TwoToneGpsNotFixedIcon: 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.94 11A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7z"/>
+  </svg>
+);
+TwoToneGpsNotFixedIcon.displayName = 'TwoToneGpsNotFixedIcon';
+export const GpsNotFixedTwoToneIcon = TwoToneGpsNotFixedIcon;
+
+export const TwoToneGpsOffIcon: 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.94 11A8.994 8.994 0 0 0 13 3.06V1h-2v2.06c-.98.11-1.91.38-2.77.78l1.53 1.53a6.995 6.995 0 0 1 8.87 8.87l1.53 1.53c.4-.86.67-1.79.78-2.77H23v-2h-2.06zM3 4.27l2.04 2.04A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06c1.77-.2 3.38-.91 4.69-1.98L19.73 21l1.41-1.41L4.41 2.86L3 4.27zm13.27 13.27a6.995 6.995 0 0 1-9.81-9.81l9.81 9.81z"/>
+  </svg>
+);
+TwoToneGpsOffIcon.displayName = 'TwoToneGpsOffIcon';
+export const GpsOffTwoToneIcon = TwoToneGpsOffIcon;
+
+export const TwoToneGraphicEqIcon: 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 18h2V6H7v12zm4 4h2V2h-2v20zm-8-8h2v-4H3v4zm12 4h2V6h-2v12zm4-8v4h2v-4h-2z"/>
+  </svg>
+);
+TwoToneGraphicEqIcon.displayName = 'TwoToneGraphicEqIcon';
+export const GraphicEqTwoToneIcon = TwoToneGraphicEqIcon;
+
+export const TwoToneGrid3x3Icon: 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 10V8h-4V4h-2v4h-4V4H8v4H4v2h4v4H4v2h4v4h2v-4h4v4h2v-4h4v-2h-4v-4h4zm-6 4h-4v-4h4v4z"/>
+  </svg>
+);
+TwoToneGrid3x3Icon.displayName = 'TwoToneGrid3x3Icon';
+export const Grid3x3TwoToneIcon = TwoToneGrid3x3Icon;
+
+export const TwoToneGrid4x4Icon: 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 7V5h-3V2h-2v3h-4V2h-2v3H7V2H5v3H2v2h3v4H2v2h3v4H2v2h3v3h2v-3h4v3h2v-3h4v3h2v-3h3v-2h-3v-4h3v-2h-3V7h3zM7 7h4v4H7V7zm0 10v-4h4v4H7zm10 0h-4v-4h4v4zm0-6h-4V7h4v4z"/>
+  </svg>
+);
+TwoToneGrid4x4Icon.displayName = 'TwoToneGrid4x4Icon';
+export const Grid4x4TwoToneIcon = TwoToneGrid4x4Icon;
+
+export const TwoToneGridGoldenratioIcon: 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 11V9h-7V2h-2v7h-2V2H9v7H2v2h7v2H2v2h7v7h2v-7h2v7h2v-7h7v-2h-7v-2h7zm-9 2h-2v-2h2v2z"/>
+  </svg>
+);
+TwoToneGridGoldenratioIcon.displayName = 'TwoToneGridGoldenratioIcon';
+export const GridGoldenratioTwoToneIcon = TwoToneGridGoldenratioIcon;
+
+export const TwoToneHMobiledataIcon: 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 11H9V7H7v10h2v-4h6v4h2V7h-2v4z"/>
+  </svg>
+);
+TwoToneHMobiledataIcon.displayName = 'TwoToneHMobiledataIcon';
+export const HMobiledataTwoToneIcon = TwoToneHMobiledataIcon;
+
+export const TwoToneHPlusMobiledataIcon: 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 11H6V7H4v10h2v-4h6v4h2V7h-2v4zm10 0h-2V9h-2v2h-2v2h2v2h2v-2h2v-2z"/>
+  </svg>
+);
+TwoToneHPlusMobiledataIcon.displayName = 'TwoToneHPlusMobiledataIcon';
+export const HPlusMobiledataTwoToneIcon = TwoToneHPlusMobiledataIcon;
+
+export const TwoToneHdrAutoIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12.04 8.04h-.09l-1.6 4.55h3.29z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M12 4c-4.41 0-8 3.59-8 8s3.59 8 8 8s8-3.59 8-8s-3.59-8-8-8zm3.21 13l-.98-2.81H9.78l-1 2.81h-1.9l4.13-11h1.97l4.13 11h-1.9z"/><path fill={color || 'currentColor'} d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8z"/><path fill={color || 'currentColor'} d="M11.01 6L6.88 17h1.9l1-2.81h4.44l.99 2.81h1.9L12.98 6h-1.97zm-.66 6.59l1.6-4.55h.09l1.6 4.55h-3.29z"/>
+  </svg>
+);
+TwoToneHdrAutoIcon.displayName = 'TwoToneHdrAutoIcon';
+export const HdrAutoTwoToneIcon = TwoToneHdrAutoIcon;
+
+export const TwoToneHdrAutoSelectIcon: 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 18.5v-2h-1.5v2h-2V20h2v2H22v-2h2v-1.5zM3.5 18h-2v-2H0v6h1.5v-2.5h2V22H5v-6H3.5zm13-2H13v6h1.5v-2h1.1l.9 2H18l-.9-2.1c.5-.3.9-.8.9-1.4v-1c0-.8-.7-1.5-1.5-1.5zm0 2.5h-2v-1h2v1zM10 16H6.5v6H10c.8 0 1.5-.7 1.5-1.5v-3c0-.8-.7-1.5-1.5-1.5zm0 4.5H8v-3h2v3zm1.97-15.2l-1.02 2.89h2.1L12.03 5.3z"/><path fill={color || 'currentColor'} d="M12 2C8.69 2 6 4.69 6 8s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6zm2.04 9l-.63-1.79h-2.83L9.96 11H8.74l2.63-7h1.25l2.63 7h-1.21z"/>
+  </svg>
+);
+TwoToneHdrAutoSelectIcon.displayName = 'TwoToneHdrAutoSelectIcon';
+export const HdrAutoSelectTwoToneIcon = TwoToneHdrAutoSelectIcon;
+
+export const TwoToneHdrOffSelectIcon: 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 18.5v-1c0-.8-.7-1.5-1.5-1.5H13v6h1.5v-2h1.1l.9 2H18l-.9-2.1c.5-.3.9-.8.9-1.4zm-1.5 0h-2v-1h2v1zm-13-.5h-2v-2H0v6h1.5v-2.5h2V22H5v-6H3.5v2zm6.5-2H6.5v6H10c.8 0 1.5-.7 1.5-1.5v-3c0-.8-.7-1.5-1.5-1.5zm0 4.5H8v-3h2v3zm14-.5h-2v2h-1.5v-2h-2v-1.5h2v-2H22v2h2V20zM10.98 4.15L9.42 2.59c5.1-2.42 10.41 2.89 7.99 7.99l-1.56-1.56c.81-2.96-1.91-5.68-4.87-4.87zM6.34 2.34L4.93 3.76l1.66 1.66c-2.42 5.1 2.89 10.41 7.99 7.99l1.66 1.66l1.41-1.41L6.34 2.34zm1.81 4.64l4.87 4.87c-2.96.81-5.68-1.91-4.87-4.87z"/>
+  </svg>
+);
+TwoToneHdrOffSelectIcon.displayName = 'TwoToneHdrOffSelectIcon';
+export const HdrOffSelectTwoToneIcon = TwoToneHdrOffSelectIcon;
+
+export const TwoToneHdrOnSelectIcon: 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 18.5v-1c0-.8-.7-1.5-1.5-1.5H13v6h1.5v-2h1.1l.9 2H18l-.9-2.1c.5-.3.9-.8.9-1.4zm-1.5 0h-2v-1h2v1zm-13-.5h-2v-2H0v6h1.5v-2.5h2V22H5v-6H3.5v2zm6.5-2H6.5v6H10c.8 0 1.5-.7 1.5-1.5v-3c0-.8-.7-1.5-1.5-1.5zm0 4.5H8v-3h2v3zm14-.5h-2v2h-1.5v-2h-2v-1.5h2v-2H22v2h2V20zM12 4c2.21 0 4 1.79 4 4s-1.79 4-4 4s-4-1.79-4-4s1.79-4 4-4m0-2C8.69 2 6 4.69 6 8s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6z"/>
+  </svg>
+);
+TwoToneHdrOnSelectIcon.displayName = 'TwoToneHdrOnSelectIcon';
+export const HdrOnSelectTwoToneIcon = TwoToneHdrOnSelectIcon;
+
+export const TwoToneLanIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M10 7V4h4v3h-4zM9 17v3H5v-3h4zm10 0v3h-4v-3h4z"/><path fill={color || 'currentColor'} d="M13 22h8v-7h-3v-4h-5V9h3V2H8v7h3v2H6v4H3v7h8v-7H8v-2h8v2h-3v7zM10 7V4h4v3h-4zM9 17v3H5v-3h4zm10 0v3h-4v-3h4z"/>
+  </svg>
+);
+TwoToneLanIcon.displayName = 'TwoToneLanIcon';
+export const LanTwoToneIcon = TwoToneLanIcon;
+
+export const TwoToneLensBlurIcon: 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 13c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5s.5-.22.5-.5s-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5s-.5.22-.5.5s.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5s-.5.22-.5.5s.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5s.5-.22.5-.5s-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5s.5-.22.5-.5s-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5s-.5.22-.5.5s.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1zm0 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.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5s.5-.22.5-.5s-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5s.5-.22.5-.5s-.22-.5-.5-.5zm-4-12c-.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.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1zm4-4.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.5zm0-4c-.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.5z"/>
+  </svg>
+);
+TwoToneLensBlurIcon.displayName = 'TwoToneLensBlurIcon';
+export const LensBlurTwoToneIcon = TwoToneLensBlurIcon;
+
+export const TwoToneLightModeIcon: 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}>
+    <circle cx="12" cy="12" fillOpacity={fillOpacity ?? 0.3} r="3"/><path fill={color || 'currentColor'} d="M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3s-3-1.35-3-3s1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/>
+  </svg>
+);
+TwoToneLightModeIcon.displayName = 'TwoToneLightModeIcon';
+export const LightModeTwoToneIcon = TwoToneLightModeIcon;
+
+export const TwoToneLocationDisabledIcon: 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 13v-2h-2.06A8.994 8.994 0 0 0 13 3.06V1h-2v2.06c-.98.11-1.91.38-2.77.78l1.53 1.53a6.995 6.995 0 0 1 8.87 8.87l1.53 1.53c.4-.86.67-1.79.78-2.77H23zM4.41 2.86L3 4.27l2.04 2.04A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06c1.77-.2 3.38-.91 4.69-1.98L19.73 21l1.41-1.41L4.41 2.86zM12 19A6.995 6.995 0 0 1 6.46 7.73l9.81 9.81A6.972 6.972 0 0 1 12 19z"/>
+  </svg>
+);
+TwoToneLocationDisabledIcon.displayName = 'TwoToneLocationDisabledIcon';
+export const LocationDisabledTwoToneIcon = TwoToneLocationDisabledIcon;
+
+export const TwoToneLocationSearchingIcon: 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.94 11A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7z"/>
+  </svg>
+);
+TwoToneLocationSearchingIcon.displayName = 'TwoToneLocationSearchingIcon';
+export const LocationSearchingTwoToneIcon = TwoToneLocationSearchingIcon;
+
+export const TwoToneLteMobiledataIcon: 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 14h3v2H4V8h2v6zm3-4h2v6h2v-6h2V8H9v2zm12 0V8h-5v8h5v-2h-3v-1h3v-2h-3v-1h3z"/>
+  </svg>
+);
+TwoToneLteMobiledataIcon.displayName = 'TwoToneLteMobiledataIcon';
+export const LteMobiledataTwoToneIcon = TwoToneLteMobiledataIcon;
+
+export const TwoToneLtePlusMobiledataIcon: 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 14h3v2H1V8h2v6zm2-4h2v6h2v-6h2V8H5v2zm7 6h5v-2h-3v-1h3v-2h-3v-1h3V8h-5v8zm12-5h-2V9h-2v2h-2v2h2v2h2v-2h2v-2z"/>
+  </svg>
+);
+TwoToneLtePlusMobiledataIcon.displayName = 'TwoToneLtePlusMobiledataIcon';
+export const LtePlusMobiledataTwoToneIcon = TwoToneLtePlusMobiledataIcon;
+
+export const TwoToneMacroOffIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M10.11 5.69l-.81-.56c-.18-.13-.41-.2-.64-.2c-.25 0-.47.1-.66.24l1.39 1.39c.18-.33.43-.63.72-.87zm5.72 3.21l-.88-.42c-.12.73-.51 1.36-1.05 1.82l.8.57c.18.13.4.2.64.2c.47 0 .87-.28 1.05-.69c.06-.14.09-.28.09-.44c.01-.45-.25-.84-.65-1.04zm-1.94-3.22c.55.46.94 1.1 1.06 1.84l.87-.42c.41-.2.66-.59.66-1.03a1.14 1.14 0 0 0-1.78-.94l-.81.55zM12 5c.36 0 .71.07 1.03.19l.11-1.09C13.12 3.49 12.62 3 12 3s-1.12.49-1.14 1.1l.12 1.09C11.3 5.07 11.64 5 12 5zm3.94 13.77l-.71-.71c-.32.47-.59.97-.79 1.5c.54-.2 1.04-.47 1.5-.79zm-10.5-3.33a7.04 7.04 0 0 0 4.12 4.12a7.04 7.04 0 0 0-4.12-4.12z"/><path fill={color || 'currentColor'} d="M8.66 4.93c.24 0 .46.07.64.2l.81.56c-.29.24-.54.54-.72.87l1.66 1.66C11.03 8.14 11 8.08 11 8c0-.55.45-1 1-1s1 .45 1 1s-.45 1-1 1c-.08 0-.14-.03-.22-.04l4.06 4.06a3.13 3.13 0 0 0 2.63-3.09c0-.71-.25-1.39-.67-1.93c.43-.54.67-1.22.67-1.93a3.145 3.145 0 0 0-3.57-3.11C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96a3.132 3.132 0 0 0-2.52.78l1.42 1.42c.2-.13.42-.23.67-.23zm7.73 5.45c-.18.41-.58.69-1.05.69c-.24 0-.46-.07-.64-.2l-.8-.57h-.01c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03c0 .17-.04.32-.1.46zm-1.7-5.25c.2-.13.42-.2.65-.2c.63 0 1.14.51 1.14 1.14c0 .44-.25.83-.66 1.03l-.87.42h-.01c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zm7.98 14.15A8.909 8.909 0 0 0 21 13c-1.5 0-2.91.37-4.15 1.02l1.51 1.51M3 13a9 9 0 0 0 9 9a9 9 0 0 0-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12a7.04 7.04 0 0 1-4.12-4.12z"/><path fill={color || 'currentColor'} d="M2.81 2.81L1.39 4.22l4.42 4.42c-.19.4-.3.84-.3 1.29a3.147 3.147 0 0 0 3.58 3.11A3.15 3.15 0 0 0 12 15c.05 0 .11-.01.16-.01l1.64 1.64A8.853 8.853 0 0 0 12 22c2.02 0 3.88-.67 5.38-1.8l2.4 2.4l1.41-1.41L2.81 2.81zm11.63 16.75c.2-.54.47-1.04.79-1.5l.71.71c-.46.32-.96.59-1.5.79z"/>
+  </svg>
+);
+TwoToneMacroOffIcon.displayName = 'TwoToneMacroOffIcon';
+export const MacroOffTwoToneIcon = TwoToneMacroOffIcon;
+
+export const TwoToneMediaBluetoothOffIcon: 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="M9 6.17V3h6v4h-4v1.17l-2-2zM19.42 15L22 17.57l-.8.8l-6.78-6.78l.8-.8l2.75 2.75V9h.6L22 12.43L19.42 15zm-.25-1.45l1.13-1.13l-1.13-1.13v2.26zm-1.96 3.66l3.98 3.98l-1.41 1.41l-3.98-3.98l-.58.58l-.85-.85l.58-.58L11 13.83V17c0 2.21-1.78 4-3.99 4S3 19.21 3 17s1.79-4 4.01-4c.73 0 1.41.21 2 .55v-1.72L1.39 4.22L2.8 2.81l13.56 13.56l.85.84z"/>
+  </svg>
+);
+TwoToneMediaBluetoothOffIcon.displayName = 'TwoToneMediaBluetoothOffIcon';
+export const MediaBluetoothOffTwoToneIcon = TwoToneMediaBluetoothOffIcon;
+
+export const TwoToneMediaBluetoothOnIcon: 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="M9 3l.01 10.55c-.6-.34-1.28-.55-2-.55a4.001 4.001 0 1 0 0 8C9.23 21 11 19.21 11 17V7h4V3H9zm12 9.43L17.57 9h-.6v4.55l-2.75-2.75l-.85.85L16.73 15l-3.35 3.35l.85.85l2.75-2.75V21h.6L21 17.57L18.42 15L21 12.43zm-2.83-1.13l1.13 1.13l-1.13 1.13V11.3zm1.13 6.27l-1.13 1.13v-2.26l1.13 1.13z"/>
+  </svg>
+);
+TwoToneMediaBluetoothOnIcon.displayName = 'TwoToneMediaBluetoothOnIcon';
+export const MediaBluetoothOnTwoToneIcon = TwoToneMediaBluetoothOnIcon;
+
+export const TwoToneMedicationIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 19h10V8H7v11zm1-7h2.5V9.5h3V12H16v3h-2.5v2.5h-3V15H8v-3z"/><path fill={color || 'currentColor'} d="M6 3h12v2H6zm11 3H7c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 13H7V8h10v11z"/><path fill={color || 'currentColor'} d="M10.5 17.5h3V15H16v-3h-2.5V9.5h-3V12H8v3h2.5z"/>
+  </svg>
+);
+TwoToneMedicationIcon.displayName = 'TwoToneMedicationIcon';
+export const MedicationTwoToneIcon = TwoToneMedicationIcon;
+
+export const TwoToneMedicationLiquidIcon: 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 3h12v2H3V3zm11 3H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 13H4V8h10v11z"/><path fill={color || 'currentColor'} d="M7.5 17.5h3V15H13v-3h-2.5V9.5h-3V12H5v3h2.5v2.5z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M20 12c.552 0 1-.895 1-2s-.448-2-1-2s-1 .895-1 2s.448 2 1 2z"/><path fill={color || 'currentColor'} d="M20 6c-1.68 0-3 1.76-3 4c0 1.77.83 3.22 2 3.76V20c0 .55.45 1 1 1s1-.45 1-1v-6.24c1.17-.54 2-1.99 2-3.76c0-2.24-1.32-4-3-4zm0 6c-.41 0-1-.78-1-2s.59-2 1-2c.41 0 1 .78 1 2s-.59 2-1 2z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M4 19h10V8H4v11zm1-7h2.5V9.5h3V12H13v3h-2.5v2.5h-3V15H5v-3z"/>
+  </svg>
+);
+TwoToneMedicationLiquidIcon.displayName = 'TwoToneMedicationLiquidIcon';
+export const MedicationLiquidTwoToneIcon = TwoToneMedicationLiquidIcon;
+
+export const TwoToneMobileFriendlyIcon: 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 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zM7.01 13.47l-2.55-2.55l-1.27 1.27L7 16l7.19-7.19l-1.27-1.27l-5.91 5.93z"/>
+  </svg>
+);
+TwoToneMobileFriendlyIcon.displayName = 'TwoToneMobileFriendlyIcon';
+export const MobileFriendlyTwoToneIcon = TwoToneMobileFriendlyIcon;
+
+export const TwoToneMobileOffIcon: 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 5v8.61l2 2V3c0-1.1-.9-2-2-2H7c-.71 0-1.33.37-1.68.93L8.39 5H17zM1.49 3.76L5 7.27V21c0 1.1.9 2 2 2h10c1.02 0 1.85-.77 1.98-1.75l1.72 1.72l1.41-1.41L2.9 2.35L1.49 3.76zM7 9.27L16.73 19H7V9.27z"/>
+  </svg>
+);
+TwoToneMobileOffIcon.displayName = 'TwoToneMobileOffIcon';
+export const MobileOffTwoToneIcon = TwoToneMobileOffIcon;
+
+export const TwoToneMobiledataOffIcon: 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="M16 7h3l-4-4l-4 4h3v4.17l2 2zM2.81 2.81L1.39 4.22L8 10.83v6.18l-3 .01L9 21l4-4l-3 .01v-4.18l9.78 9.78l1.41-1.42z"/>
+  </svg>
+);
+TwoToneMobiledataOffIcon.displayName = 'TwoToneMobiledataOffIcon';
+export const MobiledataOffTwoToneIcon = TwoToneMobiledataOffIcon;
+
+export const TwoToneModeNightIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9.5 4c-.34 0-.68.02-1.01.07C10.4 6.23 11.5 9.05 11.5 12s-1.1 5.77-3.01 7.93c.33.05.67.07 1.01.07c4.41 0 8-3.59 8-8s-3.59-8-8-8z"/><path fill={color || 'currentColor'} d="M9.5 2c-1.82 0-3.53.5-5 1.35c2.99 1.73 5 4.95 5 8.65s-2.01 6.92-5 8.65c1.47.85 3.18 1.35 5 1.35c5.52 0 10-4.48 10-10S15.02 2 9.5 2zm0 18c-.34 0-.68-.02-1.01-.07c1.91-2.16 3.01-4.98 3.01-7.93s-1.1-5.77-3.01-7.93C8.82 4.02 9.16 4 9.5 4c4.41 0 8 3.59 8 8s-3.59 8-8 8z"/>
+  </svg>
+);
+TwoToneModeNightIcon.displayName = 'TwoToneModeNightIcon';
+export const ModeNightTwoToneIcon = TwoToneModeNightIcon;
+
+export const TwoToneModeStandbyIcon: 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 2C6.49 2 2 6.49 2 12s4.49 10 10 10s10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3z"/>
+  </svg>
+);
+TwoToneModeStandbyIcon.displayName = 'TwoToneModeStandbyIcon';
+export const ModeStandbyTwoToneIcon = TwoToneModeStandbyIcon;
+
+export const TwoToneMonitorHeartIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M15.11 12.45L14 10.24l-3.11 6.21c-.17.34-.51.55-.89.55s-.72-.21-.89-.55L7.38 13H2v2h2v3h16v-3h2v-2h-6c-.38 0-.72-.21-.89-.55z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M20 6H4v3H2v2h6c.38 0 .72.21.89.55L10 13.76l3.11-6.21c.34-.68 1.45-.68 1.79 0L16.62 11H22V9h-2V6z"/><path fill={color || 'currentColor'} d="M20 4H4c-1.1 0-2 .9-2 2v3h2V6h16v3h2V6c0-1.1-.9-2-2-2zm0 14H4v-3H2v3c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-3h-2v3z"/><path fill={color || 'currentColor'} d="M14.89 7.55c-.34-.68-1.45-.68-1.79 0L10 13.76l-1.11-2.21A.988.988 0 0 0 8 11H2v2h5.38l1.72 3.45c.18.34.52.55.9.55s.72-.21.89-.55L14 10.24l1.11 2.21c.17.34.51.55.89.55h6v-2h-5.38l-1.73-3.45z"/>
+  </svg>
+);
+TwoToneMonitorHeartIcon.displayName = 'TwoToneMonitorHeartIcon';
+export const MonitorHeartTwoToneIcon = TwoToneMonitorHeartIcon;
+
+export const TwoToneMonitorWeightIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M13 8.5h1v1h-1zm-3 0h1v1h-1zm1.5 0h1v1h-1z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M5 19h14V5H5v14zm7-13c1.66 0 3 1.34 3 3s-1.34 3-3 3s-3-1.34-3-3s1.34-3 3-3z"/><path fill={color || 'currentColor'} d="M12 12c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3s1.34 3 3 3zm1-3.5h1v1h-1v-1zm-1.5 0h1v1h-1v-1zm-1.5 0h1v1h-1v-1z"/><path fill={color || 'currentColor'} d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z"/>
+  </svg>
+);
+TwoToneMonitorWeightIcon.displayName = 'TwoToneMonitorWeightIcon';
+export const MonitorWeightTwoToneIcon = TwoToneMonitorWeightIcon;
+
+export const TwoToneNearbyErrorIcon: 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 7.57l4.42 4.42L12 16.41l-4.42-4.42L12 7.57zm0 11.62l-7.2-7.2l7.2-7.2l6 6V7.16l-4.58-4.58c-.78-.78-2.05-.78-2.83 0l-8.01 8c-.78.78-.78 2.05 0 2.83l8.01 8c.78.78 2.05.78 2.83 0L18 16.82v-3.63l-6 6zm8 .81h2v2h-2v-2zm2-10h-2v8h2v-8"/>
+  </svg>
+);
+TwoToneNearbyErrorIcon.displayName = 'TwoToneNearbyErrorIcon';
+export const NearbyErrorTwoToneIcon = TwoToneNearbyErrorIcon;
+
+export const TwoToneNearbyOffIcon: 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.41 13.42L18.83 16l-1.81-1.81L19.2 12L12 4.8L9.81 6.99L8 5.17l2.58-2.58c.78-.78 2.05-.78 2.83 0l8 8c.79.78.79 2.04 0 2.83zm-.22 7.77l-1.41 1.41L16 18.83l-2.58 2.58c-.78.78-2.05.78-2.83 0l-8-8c-.78-.78-.78-2.05 0-2.83L5.17 8L1.39 4.22L2.8 2.81l18.39 18.38zm-7-4.17l-1.39-1.39l-.8.8L7.58 12l.8-.8l-1.4-1.39L4.8 12l7.2 7.2l2.19-2.18zM16.42 12L12 7.58l-.8.8l4.42 4.42l.8-.8z"/>
+  </svg>
+);
+TwoToneNearbyOffIcon.displayName = 'TwoToneNearbyOffIcon';
+export const NearbyOffTwoToneIcon = TwoToneNearbyOffIcon;
+
+export const TwoToneNetworkCellIcon: 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 22h20V2L2 22zm18-2h-3V9.83l3-3V20z"/>
+  </svg>
+);
+TwoToneNetworkCellIcon.displayName = 'TwoToneNetworkCellIcon';
+export const NetworkCellTwoToneIcon = TwoToneNetworkCellIcon;
+
+export const TwoToneNetworkWifiIcon: 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 4C7.31 4 3.07 5.9 0 8.98L12 21L24 8.98A16.88 16.88 0 0 0 12 4zm0 4c-2.86 0-5.5.94-7.65 2.51L2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-1.43 1.43A12.99 12.99 0 0 0 12 8z"/>
+  </svg>
+);
+TwoToneNetworkWifiIcon.displayName = 'TwoToneNetworkWifiIcon';
+export const NetworkWifiTwoToneIcon = TwoToneNetworkWifiIcon;
+
+export const TwoToneNetworkWifi1BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M15.32 14.84C14.34 14.3 13.2 14 12 14c-1.2 0-2.34.3-3.32.84L2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-5.76 5.77z"/><path fill={color || 'currentColor'} d="M12 4C7.31 4 3.07 5.9 0 8.98L12 21L24 8.98A16.88 16.88 0 0 0 12 4zm3.32 10.84C14.34 14.3 13.2 14 12 14c-1.2 0-2.34.3-3.32.84L2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-5.76 5.77z"/>
+  </svg>
+);
+TwoToneNetworkWifi1BarIcon.displayName = 'TwoToneNetworkWifi1BarIcon';
+export const NetworkWifi1BarTwoToneIcon = TwoToneNetworkWifi1BarIcon;
+
+export const TwoToneNetworkWifi2BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M16.78 13.38A8.853 8.853 0 0 0 12 12c-1.76 0-3.4.5-4.78 1.38l-4.3-4.3C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-4.3 4.31z"/><path fill={color || 'currentColor'} d="M12 4C7.31 4 3.07 5.9 0 8.98L12 21L24 8.98A16.88 16.88 0 0 0 12 4zm4.78 9.38A8.853 8.853 0 0 0 12 12c-1.76 0-3.4.5-4.78 1.38l-4.3-4.3C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-4.3 4.31z"/>
+  </svg>
+);
+TwoToneNetworkWifi2BarIcon.displayName = 'TwoToneNetworkWifi2BarIcon';
+export const NetworkWifi2BarTwoToneIcon = TwoToneNetworkWifi2BarIcon;
+
+export const TwoToneNetworkWifi3BarIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-2.85 2.86A10.945 10.945 0 0 0 12 10c-2.31 0-4.46.71-6.23 1.93L2.92 9.07z"/><path fill={color || 'currentColor'} d="M12 4C7.31 4 3.07 5.9 0 8.98L12 21L24 8.98A16.88 16.88 0 0 0 12 4zM2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07l-2.85 2.86A10.945 10.945 0 0 0 12 10c-2.31 0-4.46.71-6.23 1.93L2.92 9.07z"/>
+  </svg>
+);
+TwoToneNetworkWifi3BarIcon.displayName = 'TwoToneNetworkWifi3BarIcon';
+export const NetworkWifi3BarTwoToneIcon = TwoToneNetworkWifi3BarIcon;
+
+export const TwoToneNfcIcon: 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 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H4V4h16v16zM18 6h-5c-1.1 0-2 .9-2 2v2.28c-.6.35-1 .98-1 1.72c0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V8h3v8H8V8h2V6H6v12h12V6z"/>
+  </svg>
+);
+TwoToneNfcIcon.displayName = 'TwoToneNfcIcon';
+export const NfcTwoToneIcon = TwoToneNfcIcon;
+
+export const TwoToneNightlightIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M6 12c0-4.41 3.59-8 8-8c.34 0 .68.02 1.01.07C13.1 6.23 12 9.05 12 12s1.1 5.77 3.01 7.93c-.33.05-.67.07-1.01.07c-4.41 0-8-3.59-8-8z"/><path fill={color || 'currentColor'} d="M14 12c0-3.7 2.01-6.92 5-8.65A9.973 9.973 0 0 0 14 2C8.48 2 4 6.48 4 12s4.48 10 10 10c1.82 0 3.53-.5 5-1.35c-2.99-1.73-5-4.95-5-8.65zm1.01 7.93c-.33.05-.67.07-1.01.07c-4.41 0-8-3.59-8-8s3.59-8 8-8c.34 0 .68.02 1.01.07C13.1 6.23 12 9.05 12 12s1.1 5.77 3.01 7.93z"/>
+  </svg>
+);
+TwoToneNightlightIcon.displayName = 'TwoToneNightlightIcon';
+export const NightlightTwoToneIcon = TwoToneNightlightIcon;
+
+export const TwoToneNoteAltIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M5 19h14V5H5v14zm9.73-11.85c.2-.2.51-.2.71 0l1.41 1.41c.2.2.2.51 0 .71l-1.06 1.06l-2.12-2.12l1.06-1.06zM7 14.86l5.96-5.96l2.12 2.12L9.1 17H7v-2.14z"/><path fill={color || 'currentColor'} d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-.25c.41 0 .75.34.75.75s-.34.75-.75.75s-.75-.34-.75-.75s.34-.75.75-.75zM19 19H5V5h14v14z"/><path fill={color || 'currentColor'} d="M15.08 11.03l-2.12-2.12L7 14.86V17h2.1zm1.77-1.76c.2-.2.2-.51 0-.71l-1.41-1.41c-.2-.2-.51-.2-.71 0l-1.06 1.06l2.12 2.12l1.06-1.06z"/>
+  </svg>
+);
+TwoToneNoteAltIcon.displayName = 'TwoToneNoteAltIcon';
+export const NoteAltTwoToneIcon = TwoToneNoteAltIcon;
+
+export const TwoTonePasswordIcon: 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 17h20v2H2v-2zm1.15-4.05L4 11.47l.85 1.48l1.3-.75l-.85-1.48H7v-1.5H5.3l.85-1.47L4.85 7L4 8.47L3.15 7l-1.3.75l.85 1.47H1v1.5h1.7l-.85 1.48l1.3.75zm6.7-.75l1.3.75l.85-1.48l.85 1.48l1.3-.75l-.85-1.48H15v-1.5h-1.7l.85-1.47l-1.3-.75L12 8.47L11.15 7l-1.3.75l.85 1.47H9v1.5h1.7l-.85 1.48zM23 9.22h-1.7l.85-1.47l-1.3-.75L20 8.47L19.15 7l-1.3.75l.85 1.47H17v1.5h1.7l-.85 1.48l1.3.75l.85-1.48l.85 1.48l1.3-.75l-.85-1.48H23v-1.5z"/>
+  </svg>
+);
+TwoTonePasswordIcon.displayName = 'TwoTonePasswordIcon';
+export const PasswordTwoToneIcon = TwoTonePasswordIcon;
+
+export const TwoTonePatternIcon: 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 6c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2zm2 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm6-6c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm6 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm-.02 6c-.74 0-1.37.4-1.72 1h-2.54a1.98 1.98 0 0 0-3.44 0H8.41l3.07-3.07c.17.04.34.07.52.07c1.1 0 2-.9 2-2c0-.18-.03-.35-.07-.51l3.56-3.56c.16.04.33.07.51.07c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2c0 .18.03.35.07.51l-3.56 3.56c-.16-.04-.33-.07-.51-.07c-1.1 0-2 .9-2 2c0 .18.03.35.07.51l-3.56 3.56C6.35 16.03 6.18 16 6 16c-1.1 0-2 .9-2 2s.9 2 2 2c.74 0 1.37-.4 1.72-1h2.57a1.98 1.98 0 0 0 3.44 0h2.55c.34.6.98 1 1.72 1c1.1 0 2-.9 2-2c-.02-1.1-.92-2-2.02-2z"/>
+  </svg>
+);
+TwoTonePatternIcon.displayName = 'TwoTonePatternIcon';
+export const PatternTwoToneIcon = TwoTonePatternIcon;
+
+export const TwoTonePhishingIcon: 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 9c0-1.3-.84-2.4-2-2.82V2h-2v4.18C13.84 6.6 13 7.7 13 9s.84 2.4 2 2.82V15c0 2.21-1.79 4-4 4s-4-1.79-4-4v-1h3L5 9v6c0 3.31 2.69 6 6 6s6-2.69 6-6v-3.18c1.16-.42 2-1.52 2-2.82zm-3 1c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1z"/>
+  </svg>
+);
+TwoTonePhishingIcon.displayName = 'TwoTonePhishingIcon';
+export const PhishingTwoToneIcon = TwoTonePhishingIcon;
+
+export const TwoTonePinIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M4 18h16V6H4v12zm12.84-5.62h-.5v-1h.46c.33 0 .88-.14.88-.72c0-.39-.31-.65-.75-.65c-.5 0-.74.32-.85.64l-.99-.41C15.2 9.9 15.68 9 16.94 9c1.09 0 1.54.64 1.62.75c.33.5.28 1.16.02 1.57c-.15.22-.32.38-.52.48v.07c.28.11.51.28.68.52c.37.52.33 1.27.01 1.76c-.08.13-.56.85-1.76.85c-.04 0-1.6.08-2.05-1.51l1.03-.41c.02.1.19.86 1.02.86c.41 0 .89-.28.89-.77c0-.55-.48-.79-1.04-.79zM10.56 9.2c.69-.33 1.48-.2 1.95.03c.86.44.91 1.24.91 1.48c0 .64-.31 1.26-.92 1.86c-.25.25-.72.71-1.4 1.39l.03.05h2.37V15H9.61v-1.02c1.07-1.07 1.77-1.77 2.13-2.15c.4-.42.54-.69.54-1.06c0-.4-.31-.72-.81-.72c-.52 0-.8.39-.9.72l-1.01-.42c.01-.02.18-.76 1-1.15zM6.77 9h.87v6H6.49v-4.5l-.9.66l-.58-.89L6.77 9z"/><path fill={color || 'currentColor'} d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"/><path fill={color || 'currentColor'} d="M6.49 10.5V15h1.15V9h-.87l-1.76 1.27l.58.89zm4.98-.45c.5 0 .81.32.81.72c0 .37-.14.64-.54 1.06c-.36.38-1.06 1.08-2.13 2.15V15h3.89v-.99h-2.37l-.03-.05c.68-.68 1.15-1.14 1.4-1.39c.61-.6.92-1.22.92-1.86c0-.24-.05-1.04-.91-1.48c-.47-.23-1.26-.36-1.95-.03c-.82.39-.99 1.13-1 1.15l1.01.42c.1-.33.38-.72.9-.72zm5.52 3.89c-.83 0-.99-.76-1.02-.86l-1.03.41c.45 1.59 2.01 1.51 2.05 1.51c1.2 0 1.68-.72 1.76-.85c.32-.49.36-1.24-.01-1.76c-.17-.24-.4-.41-.68-.52v-.07c.2-.1.37-.26.52-.48c.26-.41.31-1.07-.02-1.57c-.08-.11-.53-.75-1.62-.75c-1.26 0-1.74.9-1.85 1.24l.99.41c.11-.32.35-.64.85-.64c.44 0 .75.26.75.65c0 .58-.55.72-.88.72h-.46v1h.5c.56 0 1.04.24 1.04.79c0 .49-.48.77-.89.77z"/>
+  </svg>
+);
+TwoTonePinIcon.displayName = 'TwoTonePinIcon';
+export const PinTwoToneIcon = TwoTonePinIcon;
+
+export const TwoTonePlayLessonIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M12 4v7L9.5 9.5L7 11V4H5v16h6.29c-.19-.63-.29-1.3-.29-2c0-3.53 2.61-6.43 6-6.92V4h-5z"/><path fill={color || 'currentColor'} d="M5 20V4h2v7l2.5-1.5L12 11V4h5v7.08c.33-.05.66-.08 1-.08s.67.03 1 .08V4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h7.26c-.42-.6-.75-1.28-.97-2H5z"/><path fill={color || 'currentColor'} d="M18 13c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm-1.25 7.5v-5l4 2.5l-4 2.5z"/>
+  </svg>
+);
+TwoTonePlayLessonIcon.displayName = 'TwoTonePlayLessonIcon';
+export const PlayLessonTwoToneIcon = TwoTonePlayLessonIcon;
+
+export const TwoTonePriceChangeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M4 18h16V6H4v12zM16 8l2 2h-4l2-2zm2 6.25l-2 2l-2-2h4zM6 14h4v-1H7c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h1V7h2v1h2v2H8v1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1h-1v1H8v-1H6v-2z"/><path fill={color || 'currentColor'} d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V6h16v12z"/><path fill={color || 'currentColor'} d="M8 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1H8v-1h4V8h-2V7H8v1H7c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H6v2h2v1zm8-9l-2 2h4zm2 6.25h-4l2 2z"/>
+  </svg>
+);
+TwoTonePriceChangeIcon.displayName = 'TwoTonePriceChangeIcon';
+export const PriceChangeTwoToneIcon = TwoTonePriceChangeIcon;
+
+export const TwoTonePriceCheckIcon: 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 13V9c0-.55-.45-1-1-1H6V6h5V4H8.5V3h-2v1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h4v2H4v2h2.5v1h2v-1H10c.55 0 1-.45 1-1zm8.59-.48l-5.66 5.65l-2.83-2.83l-1.41 1.42L13.93 21L21 13.93z"/>
+  </svg>
+);
+TwoTonePriceCheckIcon.displayName = 'TwoTonePriceCheckIcon';
+export const PriceCheckTwoToneIcon = TwoTonePriceCheckIcon;
+
+export const TwoTonePunchClockIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M8 3h8v3H8zM5 20h14V8H5v12zm7-11c2.76 0 5 2.24 5 5s-2.24 5-5 5s-5-2.24-5-5s2.24-5 5-5z"/><path fill={color || 'currentColor'} d="M19 6h-1V1H6v5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM8 3h8v3H8V3zm11 17H5V8h14v12z"/><path fill={color || 'currentColor'} d="M12 19c2.76 0 5-2.24 5-5s-2.24-5-5-5s-5 2.24-5 5s2.24 5 5 5zm0-8.5c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5s-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5z"/><path fill={color || 'currentColor'} d="M13.85 15.14l-1.35-1.35V11.5h-1v2.71l1.64 1.64z"/>
+  </svg>
+);
+TwoTonePunchClockIcon.displayName = 'TwoTonePunchClockIcon';
+export const PunchClockTwoToneIcon = TwoTonePunchClockIcon;
+
+export const TwoToneQuizIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M8 4v12h12V4H8zm6.74 10.69a.96.96 0 0 1-.73.31c-.29 0-.54-.1-.74-.31a.997.997 0 0 1-.31-.74c0-.29.1-.54.31-.74c.21-.2.45-.3.74-.3s.54.1.74.3c.2.2.3.45.3.74s-.11.54-.31.74zm1.77-5.86c-.23.34-.54.69-.92 1.06c-.3.27-.51.52-.64.75c-.12.23-.18.49-.18.78v.4h-1.52v-.56c0-.42.09-.78.26-1.09c.18-.32.49-.67.95-1.07c.32-.29.55-.54.69-.74c.14-.2.21-.44.21-.72c0-.36-.12-.65-.36-.87c-.24-.23-.57-.34-.99-.34c-.4 0-.72.12-.97.36s-.42.53-.53.87l-1.37-.57c.18-.55.52-1.03 1-1.45c.49-.43 1.11-.64 1.85-.64c.56 0 1.05.11 1.49.33c.44.22.78.53 1.02.93s.36.84.36 1.33c0 .49-.11.9-.35 1.24z"/><path fill={color || 'currentColor'} d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12zm-6.49-5.84c.41-.73 1.18-1.16 1.63-1.8c.48-.68.21-1.94-1.14-1.94c-.88 0-1.32.67-1.5 1.23l-1.37-.57C11.51 5.96 12.52 5 13.99 5c1.23 0 2.08.56 2.51 1.26c.37.6.58 1.73.01 2.57c-.63.93-1.23 1.21-1.56 1.81c-.13.24-.18.4-.18 1.18h-1.52c.01-.41-.06-1.08.26-1.66zm-.56 3.79c0-.59.47-1.04 1.05-1.04c.59 0 1.04.45 1.04 1.04c0 .58-.44 1.05-1.04 1.05c-.58 0-1.05-.47-1.05-1.05z"/>
+  </svg>
+);
+TwoToneQuizIcon.displayName = 'TwoToneQuizIcon';
+export const QuizTwoToneIcon = TwoToneQuizIcon;
+
+export const TwoToneRMobiledataIcon: 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.8 7.2L9 10H7L5.87 7.33H4V10H2V2h5c1.13 0 2 .87 2 2v1.33c0 .8-.53 1.54-1.2 1.87zM7 4H4v1.33h3V4z"/>
+  </svg>
+);
+TwoToneRMobiledataIcon.displayName = 'TwoToneRMobiledataIcon';
+export const RMobiledataTwoToneIcon = TwoToneRMobiledataIcon;
+
+export const TwoToneRadarIcon: 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.74 18.33A9.984 9.984 0 0 0 22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10a9.984 9.984 0 0 0 7.11-2.97c.03-.03.05-.06.07-.08c.2-.2.39-.41.56-.62zM12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8c0 1.85-.63 3.54-1.69 4.9l-1.43-1.43c.69-.98 1.1-2.17 1.1-3.46c0-3.31-2.69-6-6-6s-6 2.69-6 6s2.69 6 6 6c1.3 0 2.51-.42 3.49-1.13l1.42 1.42A7.822 7.822 0 0 1 12 20zm1.92-7.49c.17-.66.02-1.38-.49-1.9l-.02-.02c-.77-.77-2-.78-2.78-.04c-.01.01-.03.02-.05.04c-.78.78-.78 2.05 0 2.83l.02.02c.52.51 1.25.67 1.91.49l1.51 1.51c-.6.36-1.29.58-2.04.58c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4c0 .73-.21 1.41-.56 2l-1.5-1.51z"/>
+  </svg>
+);
+TwoToneRadarIcon.displayName = 'TwoToneRadarIcon';
+export const RadarTwoToneIcon = TwoToneRadarIcon;
+
+export const TwoToneRememberMeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 20h10v1H7zm0-2.48V18h10v-.48c-1.47-.99-3.22-1.52-5-1.52s-3.53.53-5 1.52z"/><circle cx="12" cy="10" fillOpacity={fillOpacity ?? 0.3} r="1"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M7 3h10v1H7z"/><path fill={color || 'currentColor'} d="M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 20H7v-1h10v1zm0-3H7v-.48c1.47-.99 3.22-1.52 5-1.52s3.53.53 5 1.52V18zm0-2.79c-1.5-.77-3.2-1.21-5-1.21s-3.5.44-5 1.21V6h10v9.21zM17 4H7V3h10v1z"/><path fill={color || 'currentColor'} d="M12 13c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3s1.34 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1z"/>
+  </svg>
+);
+TwoToneRememberMeIcon.displayName = 'TwoToneRememberMeIcon';
+export const RememberMeTwoToneIcon = TwoToneRememberMeIcon;
+
+export const TwoToneResetTvIcon: 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 10h-7.01V7L9 11l3.99 4v-3H20v5H4V5h16v3h2V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v2h8v-2h4c1.1 0 1.99-.9 1.99-2v-5H22c0-1.1-.9-2-2-2z"/>
+  </svg>
+);
+TwoToneResetTvIcon.displayName = 'TwoToneResetTvIcon';
+export const ResetTvTwoToneIcon = TwoToneResetTvIcon;
+
+export const TwoToneRestartAltIcon: 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 5V2L8 6l4 4V7c3.31 0 6 2.69 6 6c0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93c0-4.42-3.58-8-8-8zm-6 8c0-1.65.67-3.15 1.76-4.24L6.34 7.34A8.014 8.014 0 0 0 4 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.83-.48-5-2.94-5-5.91z"/>
+  </svg>
+);
+TwoToneRestartAltIcon.displayName = 'TwoToneRestartAltIcon';
+export const RestartAltTwoToneIcon = TwoToneRestartAltIcon;
+
+export const TwoToneReviewsIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M4 17.17L5.17 16H20V4H4v13.17zm6.43-8.74L12 5l1.57 3.43L17 10l-3.43 1.57L12 15l-1.57-3.43L7 10l3.43-1.57z"/><path fill={color || 'currentColor'} d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/><path fill={color || 'currentColor'} d="M12 15l1.57-3.43L17 10l-3.43-1.57L12 5l-1.57 3.43L7 10l3.43 1.57z"/>
+  </svg>
+);
+TwoToneReviewsIcon.displayName = 'TwoToneReviewsIcon';
+export const ReviewsTwoToneIcon = TwoToneReviewsIcon;
+
+export const TwoToneRsvpIcon: 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="M16 9h1.5l-1.75 6h-1.5L12.5 9H14l1 3.43L16 9zM5.1 12.9L6 15H4.5l-.85-2H2.5v2H1V9h3.5c.85 0 1.5.65 1.5 1.5v1c0 .6-.4 1.15-.9 1.4zm-.6-2.4h-2v1h2v-1zm17 2.5h-2v2H18V9h3.5c.83 0 1.5.67 1.5 1.5v1c0 .83-.67 1.5-1.5 1.5zm0-2.5h-2v1h2v-1zM11.5 9v1.5h-3v.75h2c.55 0 1 .45 1 1V14c0 .55-.45 1-1 1H7v-1.5h3v-.75H7.75c-.41 0-.75-.34-.75-.75v-2c0-.55.45-1 1-1h3.5z"/>
+  </svg>
+);
+TwoToneRsvpIcon.displayName = 'TwoToneRsvpIcon';
+export const RsvpTwoToneIcon = TwoToneRsvpIcon;
+
+export const TwoToneScreenLockLandscapeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M13.2 10c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2v1h2.4v-1zM5 17h14V7H5v10zm4-5c0-.55.45-1 1-1v-1a2 2 0 1 1 4 0v1c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1h-4c-.55 0-1-.45-1-1v-3z"/><path fill={color || 'currentColor'} d="M10 16h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1v-1a2 2 0 1 0-4 0v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm.8-6c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v1h-2.4v-1zM21 5H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-2 12H5V7h14v10z"/>
+  </svg>
+);
+TwoToneScreenLockLandscapeIcon.displayName = 'TwoToneScreenLockLandscapeIcon';
+export const ScreenLockLandscapeTwoToneIcon = TwoToneScreenLockLandscapeIcon;
+
+export const TwoToneScreenLockPortraitIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M13.2 10c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2v1h2.4v-1zM7 19h10V5H7v14zm2-7c0-.55.45-1 1-1v-1a2 2 0 1 1 4 0v1c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1h-4c-.55 0-1-.45-1-1v-3z"/><path fill={color || 'currentColor'} d="M10 16h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1v-1a2 2 0 1 0-4 0v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm.8-6c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v1h-2.4v-1zM17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14z"/>
+  </svg>
+);
+TwoToneScreenLockPortraitIcon.displayName = 'TwoToneScreenLockPortraitIcon';
+export const ScreenLockPortraitTwoToneIcon = TwoToneScreenLockPortraitIcon;
+
+export const TwoToneScreenLockRotationIcon: 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.3 13.77l-2.57-2.57l-1.41 1.41l2.22 2.22l-5.66 5.66L3.56 9.17l5.66-5.66l2.1 2.1l1.41-1.41l-2.45-2.45a1.49 1.49 0 0 0-2.12 0L1.8 8.11a1.49 1.49 0 0 0 0 2.12l12.02 12.02c.59.59 1.54.59 2.12 0l6.36-6.36c.59-.59.59-1.54 0-2.12zM7.52 21.48A10.487 10.487 0 0 1 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03l-3.81-3.82l-1.33 1.33zM15.05 10h5c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1v-.5a2.5 2.5 0 0 0-5 0V4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm.8-6.5c0-.94.76-1.7 1.7-1.7s1.7.76 1.7 1.7V4h-3.4v-.5z"/>
+  </svg>
+);
+TwoToneScreenLockRotationIcon.displayName = 'TwoToneScreenLockRotationIcon';
+export const ScreenLockRotationTwoToneIcon = TwoToneScreenLockRotationIcon;
+
+export const TwoToneScreenRotationIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M14.828 21.192L2.808 9.172l6.357-6.357l12.02 12.02z"/><path fill={color || 'currentColor'} d="M16.48 2.52c3.27 1.55 5.61 4.72 5.97 8.48h1.5C23.44 4.84 18.29 0 12 0l-.66.03l3.81 3.81l1.33-1.32zm-6.25-.77a1.49 1.49 0 0 0-2.12 0L1.75 8.11a1.49 1.49 0 0 0 0 2.12l12.02 12.02c.59.59 1.54.59 2.12 0l6.36-6.36c.59-.59.59-1.54 0-2.12L10.23 1.75zm4.6 19.44L2.81 9.17l6.36-6.36l12.02 12.02l-6.36 6.36zm-7.31.29A10.487 10.487 0 0 1 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03l-3.81-3.81l-1.33 1.32z"/>
+  </svg>
+);
+TwoToneScreenRotationIcon.displayName = 'TwoToneScreenRotationIcon';
+export const ScreenRotationTwoToneIcon = TwoToneScreenRotationIcon;
+
+export const TwoToneScreenSearchDesktopIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M20 5H4v11h16V5zm-4.53 10.03l-2.09-2.09c-1.35.87-3.17.71-4.36-.47c-1.37-1.37-1.37-3.58 0-4.95s3.58-1.37 4.95 0c1.18 1.18 1.34 3 .47 4.36l2.09 2.09l-1.06 1.06z"/><path fill={color || 'currentColor'} d="M4 18h16c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2zM4 5h16v11H4V5zM1 19h22v2H1z"/><path fill={color || 'currentColor'} d="M13.97 7.53c-1.37-1.37-3.58-1.37-4.95 0s-1.37 3.58 0 4.95c1.18 1.18 3 1.34 4.36.47l2.09 2.09l1.06-1.06l-2.09-2.09c.87-1.36.72-3.18-.47-4.36zm-1.06 3.88c-.78.78-2.05.78-2.83 0c-.78-.78-.78-2.05 0-2.83s2.05-.78 2.83 0c.78.79.78 2.05 0 2.83z"/>
+  </svg>
+);
+TwoToneScreenSearchDesktopIcon.displayName = 'TwoToneScreenSearchDesktopIcon';
+export const ScreenSearchDesktopTwoToneIcon = TwoToneScreenSearchDesktopIcon;
+
+export const TwoToneScreenshotIcon: 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 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1zM9.5 8.5H12V7H8v4h1.5V8.5zM12 17h4v-4h-1.5v2.5H12V17z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M7 3h10v1H7zm0 17h10v1H7z"/>
+  </svg>
+);
+TwoToneScreenshotIcon.displayName = 'TwoToneScreenshotIcon';
+export const ScreenshotTwoToneIcon = TwoToneScreenshotIcon;
+
+export const TwoToneScreenshotMonitorIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M4 17h16V5H4v12zm11-2.5h2.5V12H19v4h-4v-1.5zM5 6h4v1.5H6.5V10H5V6z"/><path fill={color || 'currentColor'} d="M20 3H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h4v2h8v-2h4c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 14H4V5h16v12z"/><path fill={color || 'currentColor'} d="M6.5 7.5H9V6H5v4h1.5zM19 12h-1.5v2.5H15V16h4z"/>
+  </svg>
+);
+TwoToneScreenshotMonitorIcon.displayName = 'TwoToneScreenshotMonitorIcon';
+export const ScreenshotMonitorTwoToneIcon = TwoToneScreenshotMonitorIcon;
+
+export const TwoToneSdStorageIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M6 8.83V20h12V4h-7.17L6 8.83zM15 7h2v4h-2V7zm-3 0h2v4h-2V7zm-1 4H9V7h2v4z"/><path fill={color || 'currentColor'} d="M18 2h-8L4 8v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H6V8.83L10.83 4H18v16zM9 7h2v4H9zm3 0h2v4h-2zm3 0h2v4h-2z"/>
+  </svg>
+);
+TwoToneSdStorageIcon.displayName = 'TwoToneSdStorageIcon';
+export const SdStorageTwoToneIcon = TwoToneSdStorageIcon;
+
+export const TwoToneSecurityUpdateIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 20h10v1H7zM7 3h10v1H7z"/><path fill={color || 'currentColor'} d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1zm-1 8h-3V8h-2v4H8l4 4l4-4z"/>
+  </svg>
+);
+TwoToneSecurityUpdateIcon.displayName = 'TwoToneSecurityUpdateIcon';
+export const SecurityUpdateTwoToneIcon = TwoToneSecurityUpdateIcon;
+
+export const TwoToneSecurityUpdateGoodIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 21h10v-1H7v1zM7 3v1h10V3H7z"/><path fill={color || 'currentColor'} d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1zm-1 6.05l-1.41-1.41l-3.54 3.54l-1.41-1.41l-1.41 1.41L11.05 15L16 10.05z"/>
+  </svg>
+);
+TwoToneSecurityUpdateGoodIcon.displayName = 'TwoToneSecurityUpdateGoodIcon';
+export const SecurityUpdateGoodTwoToneIcon = TwoToneSecurityUpdateGoodIcon;
+
+export const TwoToneSecurityUpdateWarningIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M11 7h2v6h-2V7zm0 8h2v2h-2v-2z"/><path fill={color || 'currentColor'} d="M11 15h2v2h-2zm0-8h2v6h-2z"/><path fill={color || 'currentColor'} d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M7 21h10v-1H7v1zM7 3v1h10V3H7z"/>
+  </svg>
+);
+TwoToneSecurityUpdateWarningIcon.displayName = 'TwoToneSecurityUpdateWarningIcon';
+export const SecurityUpdateWarningTwoToneIcon = TwoToneSecurityUpdateWarningIcon;
+
+export const TwoToneSellIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M4 4v7.17L12.83 20L20 12.83L11.17 4H4zm2.5 4C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5S8 5.67 8 6.5S7.33 8 6.5 8z"/><path fill={color || 'currentColor'} d="M21.41 11.41l-8.83-8.83c-.37-.37-.88-.58-1.41-.58H4c-1.1 0-2 .9-2 2v7.17c0 .53.21 1.04.59 1.41l8.83 8.83c.78.78 2.05.78 2.83 0l7.17-7.17c.78-.78.78-2.04-.01-2.83zM12.83 20L4 11.17V4h7.17L20 12.83L12.83 20z"/><circle cx="6.5" cy="6.5" r="1.5"/>
+  </svg>
+);
+TwoToneSellIcon.displayName = 'TwoToneSellIcon';
+export const SellTwoToneIcon = TwoToneSellIcon;
+
+export const TwoToneSendToMobileIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 3h10v1H7zm0 17h10v1H7z"/><path fill={color || 'currentColor'} d="M22 12l-4-4v3h-5v2h5v3l4-4zm-5 6H7V6h10v1h2V3c0-1.1-.9-2-2-2L7 1.01C5.9 1.01 5 1.9 5 3v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2v1zM7 3h10v1H7V3zm10 18H7v-1h10v1z"/>
+  </svg>
+);
+TwoToneSendToMobileIcon.displayName = 'TwoToneSendToMobileIcon';
+export const SendToMobileTwoToneIcon = TwoToneSendToMobileIcon;
+
+export const TwoToneSettingsSuggestIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M14.07 15.23c.12-.39.18-.8.18-1.23c0-.43-.06-.84-.18-1.23l1.49-1.13l-.73-1.27l-1.73.73c-.56-.6-1.3-1.04-2.13-1.23L10.73 8H9.27l-.24 1.86c-.83.19-1.57.63-2.13 1.23l-1.73-.73l-.73 1.27l1.49 1.13c-.12.39-.18.8-.18 1.23c0 .43.06.84.18 1.23l-1.49 1.13l.73 1.27l1.73-.73c.56.6 1.3 1.04 2.13 1.23L9.27 20h1.47l.23-1.86c.83-.19 1.57-.63 2.13-1.23l1.73.73l.73-1.27l-1.49-1.14zM10 17c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z"/><path fill={color || 'currentColor'} d="M10 13c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m0-2c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3zm8.5-2l1.09-2.41L22 5.5l-2.41-1.09L18.5 2l-1.09 2.41L15 5.5l2.41 1.09L18.5 9zm2.78 3.72L20.5 11l-.78 1.72l-1.72.78l1.72.78l.78 1.72l.78-1.72L23 13.5l-1.72-.78zM16.25 14c0-.12 0-.25-.01-.37l1.94-1.47l-2.5-4.33l-2.24.94c-.2-.13-.42-.26-.64-.37L12.5 6h-5l-.3 2.41c-.22.11-.43.24-.64.37l-2.24-.95l-2.5 4.33l1.94 1.47c-.01.12-.01.25-.01.37s0 .25.01.37l-1.94 1.47l2.5 4.33l2.24-.94c.2.13.42.26.64.37l.3 2.4h5l.3-2.41c.22-.11.43-.23.64-.37l2.24.94l2.5-4.33l-1.94-1.47c.01-.11.01-.24.01-.36zm-1.42 3.64l-1.73-.73c-.56.6-1.3 1.04-2.13 1.23L10.73 20H9.27l-.23-1.86c-.83-.19-1.57-.63-2.13-1.23l-1.73.73l-.73-1.27l1.49-1.13c-.12-.39-.18-.8-.18-1.23c0-.43.06-.84.18-1.23l-1.49-1.13l.73-1.27l1.73.73c.56-.6 1.3-1.04 2.13-1.23L9.27 8h1.47l.23 1.86c.83.19 1.57.63 2.13 1.23l1.73-.73l.73 1.27l-1.49 1.13c.12.39.18.8.18 1.23c0 .43-.06.84-.18 1.23l1.49 1.13l-.73 1.29z"/>
+  </svg>
+);
+TwoToneSettingsSuggestIcon.displayName = 'TwoToneSettingsSuggestIcon';
+export const SettingsSuggestTwoToneIcon = TwoToneSettingsSuggestIcon;
+
+export const TwoToneSettingsSystemDaydreamIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M9 15h6.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-.87l-.17-.86A2.496 2.496 0 0 0 12 9c-.96 0-1.84.57-2.26 1.45l-.27.57h-.73C7.74 11.15 7 11.99 7 13c0 1.1.9 2 2 2z"/><path fill={color || 'currentColor'} d="M9 17h6.5c1.93 0 3.5-1.57 3.5-3.5c0-1.66-1.16-3.05-2.74-3.41C15.66 8.28 13.95 7 12 7c-1.53 0-2.96.8-3.78 2.08A3.98 3.98 0 0 0 5 13c0 2.21 1.79 4 4 4zm-.26-5.98h.74l.27-.57C10.16 9.57 11.04 9 12 9c1.23 0 2.29.92 2.46 2.14l.17.86h.87c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5H9c-1.1 0-2-.9-2-2c0-1.01.74-1.85 1.74-1.98zM21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z"/>
+  </svg>
+);
+TwoToneSettingsSystemDaydreamIcon.displayName = 'TwoToneSettingsSystemDaydreamIcon';
+export const SettingsSystemDaydreamTwoToneIcon = TwoToneSettingsSystemDaydreamIcon;
+
+export const TwoToneShareLocationIcon: 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.02 19.93v2.02c2.01-.2 3.84-1 5.32-2.21l-1.42-1.43a7.941 7.941 0 0 1-3.9 1.62zM4.03 12c0-4.05 3.03-7.41 6.95-7.93V2.05C5.95 2.58 2.03 6.84 2.03 12c0 5.16 3.92 9.42 8.95 9.95v-2.02c-3.92-.52-6.95-3.88-6.95-7.93zm15.92-1h2.02c-.2-2.01-1-3.84-2.21-5.32l-1.43 1.43c.86 1.1 1.44 2.43 1.62 3.89zm-1.61-6.74a9.981 9.981 0 0 0-5.32-2.21v2.02c1.46.18 2.79.76 3.9 1.62l1.42-1.43zm-.01 12.64l1.43 1.42A9.949 9.949 0 0 0 21.97 13h-2.02a7.941 7.941 0 0 1-1.62 3.9z"/><path fill={color || 'currentColor'} d="M16 11.1C16 8.61 14.1 7 12 7s-4 1.61-4 4.1c0 1.66 1.33 3.63 4 5.9c2.67-2.27 4-4.24 4-5.9zm-4 .9a1.071 1.071 0 0 1 0-2.14A1.071 1.071 0 0 1 12 12z"/>
+  </svg>
+);
+TwoToneShareLocationIcon.displayName = 'TwoToneShareLocationIcon';
+export const ShareLocationTwoToneIcon = TwoToneShareLocationIcon;
+
+export const TwoToneShortcutIcon: 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 11l-6-6v5H8c-2.76 0-5 2.24-5 5v4h2v-4c0-1.65 1.35-3 3-3h7v5l6-6z"/>
+  </svg>
+);
+TwoToneShortcutIcon.displayName = 'TwoToneShortcutIcon';
+export const ShortcutTwoToneIcon = TwoToneShortcutIcon;
+
+export const TwoToneSignalCellular0BarIcon: 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 22h20V2L2 22zm18-2H6.83L20 6.83V20z"/>
+  </svg>
+);
+TwoToneSignalCellular0BarIcon.displayName = 'TwoToneSignalCellular0BarIcon';
+export const SignalCellular0BarTwoToneIcon = TwoToneSignalCellular0BarIcon;
+
+export const TwoToneSignalCellular1BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M2 22h20V2L2 22z"/><path fill={color || 'currentColor'} d="M12 12L2 22h10V12z"/>
+  </svg>
+);
+TwoToneSignalCellular1BarIcon.displayName = 'TwoToneSignalCellular1BarIcon';
+export const SignalCellular1BarTwoToneIcon = TwoToneSignalCellular1BarIcon;
+
+export const TwoToneSignalCellular2BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M2 22h20V2L2 22z"/><path fill={color || 'currentColor'} d="M14 10L2 22h12V10z"/>
+  </svg>
+);
+TwoToneSignalCellular2BarIcon.displayName = 'TwoToneSignalCellular2BarIcon';
+export const SignalCellular2BarTwoToneIcon = TwoToneSignalCellular2BarIcon;
+
+export const TwoToneSignalCellular3BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M2 22h20V2L2 22z"/><path fill={color || 'currentColor'} d="M17 7L2 22h15V7z"/>
+  </svg>
+);
+TwoToneSignalCellular3BarIcon.displayName = 'TwoToneSignalCellular3BarIcon';
+export const SignalCellular3BarTwoToneIcon = TwoToneSignalCellular3BarIcon;
+
+export const TwoToneSignalCellular4BarIcon: 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 22h20V2L2 22z"/>
+  </svg>
+);
+TwoToneSignalCellular4BarIcon.displayName = 'TwoToneSignalCellular4BarIcon';
+export const SignalCellular4BarTwoToneIcon = TwoToneSignalCellular4BarIcon;
+
+export const TwoToneSignalCellularAltIcon: 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 4h3v16h-3V4zM5 14h3v6H5v-6zm6-5h3v11h-3V9z"/>
+  </svg>
+);
+TwoToneSignalCellularAltIcon.displayName = 'TwoToneSignalCellularAltIcon';
+export const SignalCellularAltTwoToneIcon = TwoToneSignalCellularAltIcon;
+
+export const TwoToneSignalCellularAlt1BarIcon: 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 14h3v6H5v-6z"/>
+  </svg>
+);
+TwoToneSignalCellularAlt1BarIcon.displayName = 'TwoToneSignalCellularAlt1BarIcon';
+export const SignalCellularAlt1BarTwoToneIcon = TwoToneSignalCellularAlt1BarIcon;
+
+export const TwoToneSignalCellularAlt2BarIcon: 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 14h3v6H5v-6zm6-5h3v11h-3V9z"/>
+  </svg>
+);
+TwoToneSignalCellularAlt2BarIcon.displayName = 'TwoToneSignalCellularAlt2BarIcon';
+export const SignalCellularAlt2BarTwoToneIcon = TwoToneSignalCellularAlt2BarIcon;
+
+export const TwoToneSignalCellularConnectedNoInternet0BarIcon: 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 18h2v-8h-2v8zm0 4h2v-2h-2v2zm-2-2v2H2L22 2v6h-2V6.83L6.83 20H18z"/>
+  </svg>
+);
+TwoToneSignalCellularConnectedNoInternet0BarIcon.displayName = 'TwoToneSignalCellularConnectedNoInternet0BarIcon';
+export const SignalCellularConnectedNoInternet0BarTwoToneIcon = TwoToneSignalCellularConnectedNoInternet0BarIcon;
+
+export const TwoToneSignalCellularConnectedNoInternet1BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M22 8V2L2 22h16V8h4z"/><path fill={color || 'currentColor'} d="M20 10v8h2v-8h-2zm-8 12V12L2 22h10zm8 0h2v-2h-2v2z"/>
+  </svg>
+);
+TwoToneSignalCellularConnectedNoInternet1BarIcon.displayName = 'TwoToneSignalCellularConnectedNoInternet1BarIcon';
+export const SignalCellularConnectedNoInternet1BarTwoToneIcon = TwoToneSignalCellularConnectedNoInternet1BarIcon;
+
+export const TwoToneSignalCellularConnectedNoInternet2BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M22 8V2L2 22h16V8h4z"/><path fill={color || 'currentColor'} d="M14 22V10L2 22h12zm6-12v8h2v-8h-2zm0 12h2v-2h-2v2z"/>
+  </svg>
+);
+TwoToneSignalCellularConnectedNoInternet2BarIcon.displayName = 'TwoToneSignalCellularConnectedNoInternet2BarIcon';
+export const SignalCellularConnectedNoInternet2BarTwoToneIcon = TwoToneSignalCellularConnectedNoInternet2BarIcon;
+
+export const TwoToneSignalCellularConnectedNoInternet3BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M22 8V2L2 22h16V8h4z"/><path fill={color || 'currentColor'} d="M18 22V6L2 22h16zm2-12v8h2v-8h-2zm0 12h2v-2h-2v2z"/>
+  </svg>
+);
+TwoToneSignalCellularConnectedNoInternet3BarIcon.displayName = 'TwoToneSignalCellularConnectedNoInternet3BarIcon';
+export const SignalCellularConnectedNoInternet3BarTwoToneIcon = TwoToneSignalCellularConnectedNoInternet3BarIcon;
+
+export const TwoToneSignalCellularConnectedNoInternet4BarIcon: 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 18h2v-8h-2v8zm0 4h2v-2h-2v2zM2 22h16V8h4V2L2 22z"/>
+  </svg>
+);
+TwoToneSignalCellularConnectedNoInternet4BarIcon.displayName = 'TwoToneSignalCellularConnectedNoInternet4BarIcon';
+export const SignalCellularConnectedNoInternet4BarTwoToneIcon = TwoToneSignalCellularConnectedNoInternet4BarIcon;
+
+export const TwoToneSignalCellularNoSimIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M10.83 5L9.36 6.47L17 14.11V5zM7 9.79V19h9.23z"/><path fill={color || 'currentColor'} d="M10.83 5H17v9.11l2 2V5c0-1.1-.9-2-2-2h-7L7.94 5.06l1.42 1.42L10.83 5zm10.43 16.21L3.79 3.74L2.38 5.15L5 7.77V19a2 2 0 0 0 2 2h11.23l1.62 1.62l1.41-1.41zM7 19V9.79L16.23 19H7z"/>
+  </svg>
+);
+TwoToneSignalCellularNoSimIcon.displayName = 'TwoToneSignalCellularNoSimIcon';
+export const SignalCellularNoSimTwoToneIcon = TwoToneSignalCellularNoSimIcon;
+
+export const TwoToneSignalCellularNodataIcon: 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 13h-9v9H2L22 2v11zm-1 2.41L19.59 14l-2.09 2.09L15.41 14L14 15.41l2.09 2.09L14 19.59L15.41 21l2.09-2.08L19.59 21L21 19.59l-2.08-2.09L21 15.41z"/>
+  </svg>
+);
+TwoToneSignalCellularNodataIcon.displayName = 'TwoToneSignalCellularNodataIcon';
+export const SignalCellularNodataTwoToneIcon = TwoToneSignalCellularNodataIcon;
+
+export const TwoToneSignalCellularNullIcon: 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 6.83V20H6.83L20 6.83M22 2L2 22h20V2z"/>
+  </svg>
+);
+TwoToneSignalCellularNullIcon.displayName = 'TwoToneSignalCellularNullIcon';
+export const SignalCellularNullTwoToneIcon = TwoToneSignalCellularNullIcon;
+
+export const TwoToneSignalCellularOffIcon: 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 1l-8.31 8.31l8.31 8.3zM4.91 4.36L3.5 5.77l6.36 6.37L1 21h17.73l2 2l1.41-1.41z"/>
+  </svg>
+);
+TwoToneSignalCellularOffIcon.displayName = 'TwoToneSignalCellularOffIcon';
+export const SignalCellularOffTwoToneIcon = TwoToneSignalCellularOffIcon;
+
+export const TwoToneSignalWifi0BarIcon: 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 4C7.31 4 3.07 5.9 0 8.98L12 21L24 8.98A16.88 16.88 0 0 0 12 4zM2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07L12 18.17l-9.08-9.1z"/>
+  </svg>
+);
+TwoToneSignalWifi0BarIcon.displayName = 'TwoToneSignalWifi0BarIcon';
+export const SignalWifi0BarTwoToneIcon = TwoToneSignalWifi0BarIcon;
+
+export const TwoToneSignalWifi1BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49l.01.01l.01-.01z"/><path fill={color || 'currentColor'} d="M6.67 14.86L12 21.49v.01l.01-.01l5.33-6.63C17.06 14.65 15.03 13 12 13s-5.06 1.65-5.33 1.86z"/>
+  </svg>
+);
+TwoToneSignalWifi1BarIcon.displayName = 'TwoToneSignalWifi1BarIcon';
+export const SignalWifi1BarTwoToneIcon = TwoToneSignalWifi1BarIcon;
+
+export const TwoToneSignalWifi1BarLockIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.5 14.5c0-2.8 2.2-5 5-5c.36 0 .71.04 1.05.11L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7L12 21.5l3.5-4.36V14.5z"/><path fill={color || 'currentColor'} d="M15.5 14.5c0-.23.04-.46.07-.68c-.92-.43-2.14-.82-3.57-.82c-3 0-5.1 1.7-5.3 1.9l5.3 6.6l3.5-4.36V14.5zM23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16z"/>
+  </svg>
+);
+TwoToneSignalWifi1BarLockIcon.displayName = 'TwoToneSignalWifi1BarLockIcon';
+export const SignalWifi1BarLockTwoToneIcon = TwoToneSignalWifi1BarLockIcon;
+
+export const TwoToneSignalWifi2BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7L12 21.5L23.64 7z"/><path fill={color || 'currentColor'} d="M4.79 12.52L12 21.5l7.21-8.99C18.85 12.24 16.1 10 12 10s-6.85 2.24-7.21 2.52z"/>
+  </svg>
+);
+TwoToneSignalWifi2BarIcon.displayName = 'TwoToneSignalWifi2BarIcon';
+export const SignalWifi2BarTwoToneIcon = TwoToneSignalWifi2BarIcon;
+
+export const TwoToneSignalWifi2BarLockIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.5 14.5c0-2.8 2.2-5 5-5c.36 0 .71.04 1.05.11L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7L12 21.5l3.5-4.36V14.5z"/><path fill={color || 'currentColor'} d="M15.5 14.5c0-1.34.51-2.53 1.34-3.42C15.62 10.51 13.98 10 12 10c-4.1 0-6.8 2.2-7.2 2.5l7.2 9l3.5-4.38V14.5zM23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16z"/>
+  </svg>
+);
+TwoToneSignalWifi2BarLockIcon.displayName = 'TwoToneSignalWifi2BarLockIcon';
+export const SignalWifi2BarLockTwoToneIcon = TwoToneSignalWifi2BarLockIcon;
+
+export const TwoToneSignalWifi3BarIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7L12 21.5L23.64 7z"/><path fill={color || 'currentColor'} d="M3.53 10.95L12 21.5l8.47-10.55C20.04 10.62 16.81 8 12 8s-8.04 2.62-8.47 2.95z"/>
+  </svg>
+);
+TwoToneSignalWifi3BarIcon.displayName = 'TwoToneSignalWifi3BarIcon';
+export const SignalWifi3BarTwoToneIcon = TwoToneSignalWifi3BarIcon;
+
+export const TwoToneSignalWifi3BarLockIcon: 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'} fill-fillOpacity={fillOpacity ?? 0.3} d="M15.5 14.5c0-2.8 2.2-5 5-5c.36 0 .71.04 1.05.11L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7L12 21.5l3.5-4.36V14.5z"/><path fill={color || 'currentColor'} d="M23 16v-1.5c0-1.4-1.1-2.5-2.5-2.5S18 13.1 18 14.5V16c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h5c.5 0 1-.5 1-1v-4c0-.5-.5-1-1-1zm-1 0h-3v-1.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V16zm-6.5-1.5a4.92 4.92 0 0 1 3.27-4.68C17.29 8.98 14.94 8 12 8c-4.81 0-8.04 2.62-8.47 2.95L12 21.5l3.5-4.36V14.5z"/>
+  </svg>
+);
+TwoToneSignalWifi3BarLockIcon.displayName = 'TwoToneSignalWifi3BarLockIcon';
+export const SignalWifi3BarLockTwoToneIcon = TwoToneSignalWifi3BarLockIcon;
+
+export const TwoToneSignalWifi4BarIcon: 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.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49l.01.01l.01-.01z"/>
+  </svg>
+);
+TwoToneSignalWifi4BarIcon.displayName = 'TwoToneSignalWifi4BarIcon';
+export const SignalWifi4BarTwoToneIcon = TwoToneSignalWifi4BarIcon;
+
+export const TwoToneSignalWifi4BarLockIcon: 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.98 11L24 8.98A16.88 16.88 0 0 0 12 4C7.31 4 3.07 5.9 0 8.98l6.35 6.36L12 21l3.05-3.05V15c0-.45.09-.88.23-1.29c.54-1.57 2.01-2.71 3.77-2.71h2.93z"/><path fill={color || 'currentColor'} d="M22 16v-1c0-1.1-.9-2-2-2s-2 .9-2 2v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1zm-1 0h-2v-1c0-.55.45-1 1-1s1 .45 1 1v1z"/>
+  </svg>
+);
+TwoToneSignalWifi4BarLockIcon.displayName = 'TwoToneSignalWifi4BarLockIcon';
+export const SignalWifi4BarLockTwoToneIcon = TwoToneSignalWifi4BarLockIcon;
+
+export const TwoToneSignalWifiBadIcon: 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="M24 8.98A16.88 16.88 0 0 0 12 4C7.31 4 3.07 5.9 0 8.98L12 21v-9h8.99L24 8.98zM19.59 14l-2.09 2.09l-.3-.3L15.41 14L14 15.41l1.79 1.79l.3.3L14 19.59L15.41 21l2.09-2.08L19.59 21L21 19.59l-2.08-2.09L21 15.41L19.59 14z"/>
+  </svg>
+);
+TwoToneSignalWifiBadIcon.displayName = 'TwoToneSignalWifiBadIcon';
+export const SignalWifiBadTwoToneIcon = TwoToneSignalWifiBadIcon;
+
+export const TwoToneSignalWifiConnectedNoInternet4Icon: 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="M24 8.98A16.88 16.88 0 0 0 12 4C7.31 4 3.07 5.9 0 8.98L12 21v-9h8.99L24 8.98zM19.59 14l-2.09 2.09l-.3-.3L15.41 14L14 15.41l1.79 1.79l.3.3L14 19.59L15.41 21l2.09-2.08L19.59 21L21 19.59l-2.08-2.09L21 15.41L19.59 14z"/>
+  </svg>
+);
+TwoToneSignalWifiConnectedNoInternet4Icon.displayName = 'TwoToneSignalWifiConnectedNoInternet4Icon';
+export const SignalWifiConnectedNoInternet4TwoToneIcon = TwoToneSignalWifiConnectedNoInternet4Icon;
+
+export const TwoToneSignalWifiOffIcon: 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.64 7c-.45-.34-4.93-4-11.64-4c-1.32 0-2.55.14-3.69.38L18.43 13.5L23.64 7zM3.41 1.31L2 2.72l2.05 2.05C1.91 5.76.59 6.82.36 7L12 21.5l3.91-4.87l3.32 3.32l1.41-1.41L3.41 1.31z"/>
+  </svg>
+);
+TwoToneSignalWifiOffIcon.displayName = 'TwoToneSignalWifiOffIcon';
+export const SignalWifiOffTwoToneIcon = TwoToneSignalWifiOffIcon;
+
+export const TwoToneSignalWifiStatusbar4BarIcon: 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 4C7.31 4 3.07 5.9 0 8.98L12 21L24 8.98A16.88 16.88 0 0 0 12 4z"/>
+  </svg>
+);
+TwoToneSignalWifiStatusbar4BarIcon.displayName = 'TwoToneSignalWifiStatusbar4BarIcon';
+export const SignalWifiStatusbar4BarTwoToneIcon = TwoToneSignalWifiStatusbar4BarIcon;
+
+export const TwoToneSignalWifiStatusbarConnectedNoInternet4Icon: 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 18h2v2h-2zm0-8h2v6h-2z"/><path fill={color || 'currentColor'} d="M12 4C7.31 4 3.07 5.9 0 8.98L12 21l5-5.01V8h5.92C19.97 5.51 16.16 4 12 4z"/>
+  </svg>
+);
+TwoToneSignalWifiStatusbarConnectedNoInternet4Icon.displayName = 'TwoToneSignalWifiStatusbarConnectedNoInternet4Icon';
+export const SignalWifiStatusbarConnectedNoInternet4TwoToneIcon = TwoToneSignalWifiStatusbarConnectedNoInternet4Icon;
+
+export const TwoToneSignalWifiStatusbarNullIcon: 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 4C7.31 4 3.07 5.9 0 8.98L12 21L24 8.98A16.88 16.88 0 0 0 12 4zM2.92 9.07C5.51 7.08 8.67 6 12 6s6.49 1.08 9.08 3.07L12 18.17l-9.08-9.1z"/>
+  </svg>
+);
+TwoToneSignalWifiStatusbarNullIcon.displayName = 'TwoToneSignalWifiStatusbarNullIcon';
+export const SignalWifiStatusbarNullTwoToneIcon = TwoToneSignalWifiStatusbarNullIcon;
+
+export const TwoToneSimCardDownloadIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M6 8.83V20h12V4h-7.17L6 8.83zm5 .19L13 9v4h3l-4 4l-4-4h3V9.02z"/><path fill={color || 'currentColor'} d="M18 2h-8L4 8v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H6V8.83L10.83 4H18v16z"/><path fill={color || 'currentColor'} d="M12 17l4-4h-3V9l-2 .02V13H8z"/>
+  </svg>
+);
+TwoToneSimCardDownloadIcon.displayName = 'TwoToneSimCardDownloadIcon';
+export const SimCardDownloadTwoToneIcon = TwoToneSimCardDownloadIcon;
+
+export const TwoToneSplitscreenIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M6 4h12v5H6zm0 11h12v5H6z"/><path fill={color || 'currentColor'} d="M18 2H6c-1.1 0-2 .9-2 2v5c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 7H6V4h12v5zm0 4H6c-1.1 0-2 .9-2 2v5c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2zm0 7H6v-5h12v5z"/>
+  </svg>
+);
+TwoToneSplitscreenIcon.displayName = 'TwoToneSplitscreenIcon';
+export const SplitscreenTwoToneIcon = TwoToneSplitscreenIcon;
+
+export const TwoToneSportsScoreIcon: 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 6H9V4h2v2zm4-2h-2v2h2V4zM9 14h2v-2H9v2zm10-4V8h-2v2h2zm0 4v-2h-2v2h2zm-6 0h2v-2h-2v2zm6-10h-2v2h2V4zm-6 4V6h-2v2h2zm-6 2V8h2V6H7V4H5v16h2v-8h2v-2H7zm8 2h2v-2h-2v2zm-4-2v2h2v-2h-2zM9 8v2h2V8H9zm4 2h2V8h-2v2zm2-4v2h2V6h-2z"/>
+  </svg>
+);
+TwoToneSportsScoreIcon.displayName = 'TwoToneSportsScoreIcon';
+export const SportsScoreTwoToneIcon = TwoToneSportsScoreIcon;
+
+export const TwoToneSsidChartIcon: 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 5.47L12 12L7.62 7.62L3 11V8.52L7.83 5l4.38 4.38L21 3v2.47zM21 15h-4.7l-4.17 3.34L6 12.41l-3 2.13V17l2.8-2l6.2 6l5-4h4v-2z"/>
+  </svg>
+);
+TwoToneSsidChartIcon.displayName = 'TwoToneSsidChartIcon';
+export const SsidChartTwoToneIcon = TwoToneSsidChartIcon;
+
+export const TwoToneStorageIcon: 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 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>
+  </svg>
+);
+TwoToneStorageIcon.displayName = 'TwoToneStorageIcon';
+export const StorageTwoToneIcon = TwoToneStorageIcon;
+
+export const TwoToneStormIcon: 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}>
+    <circle cx="12" cy="12" fillOpacity={fillOpacity ?? 0.3} r="2"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M17.2 9C15.54 6.13 11.86 5.15 9 6.8c-2.67 1.54-3.7 4.84-2.5 7.6c.09.2.19.4.3.6a6.012 6.012 0 0 0 8.2 2.2c2.67-1.54 3.7-4.84 2.5-7.6c-.09-.2-.19-.4-.3-.6zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4z"/><path fill={color || 'currentColor'} d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2z"/><path fill={color || 'currentColor'} d="M18.93 8C16.72 4.18 11.82 2.87 8 5.07c-1.41.82-2.48 2-3.16 3.37c-.13-2.2.22-4.4 1.02-6.44H3.74C2.2 6.49 2.52 11.58 5.07 16a7.96 7.96 0 0 0 4.86 3.72c1.98.53 4.16.31 6.07-.79c1.41-.82 2.48-2 3.16-3.37c.13 2.2-.21 4.4-1.01 6.44h2.11c1.53-4.49 1.22-9.58-1.33-14zM15 17.2A6.012 6.012 0 0 1 6.8 15c-.11-.2-.21-.4-.3-.6c-1.2-2.76-.17-6.06 2.5-7.6c2.86-1.65 6.54-.67 8.2 2.2c.11.2.21.4.3.6c1.2 2.76.17 6.06-2.5 7.6z"/>
+  </svg>
+);
+TwoToneStormIcon.displayName = 'TwoToneStormIcon';
+export const StormTwoToneIcon = TwoToneStormIcon;
+
+export const TwoToneSummarizeIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M14 5H5v14h14v-9h-5V5zM8 17c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1zm0-4c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1zm0-4c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1z"/><circle cx="8" cy="8" r="1"/><path fill={color || 'currentColor'} d="M15 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V9l-6-6zm4 16H5V5h9v5h5v9z"/><circle cx="8" cy="12" r="1"/><circle cx="8" cy="16" r="1"/>
+  </svg>
+);
+TwoToneSummarizeIcon.displayName = 'TwoToneSummarizeIcon';
+export const SummarizeTwoToneIcon = TwoToneSummarizeIcon;
+
+export const TwoToneSystemSecurityUpdateIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 20h10v1H7zM7 3h10v1H7z"/><path fill={color || 'currentColor'} d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1zm-1 8h-3V8h-2v4H8l4 4l4-4z"/>
+  </svg>
+);
+TwoToneSystemSecurityUpdateIcon.displayName = 'TwoToneSystemSecurityUpdateIcon';
+export const SystemSecurityUpdateTwoToneIcon = TwoToneSystemSecurityUpdateIcon;
+
+export const TwoToneSystemSecurityUpdateGoodIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M7 21h10v-1H7v1zM7 3v1h10V3H7z"/><path fill={color || 'currentColor'} d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1zm-1 6.05l-1.41-1.41l-3.54 3.54l-1.41-1.41l-1.41 1.41L11.05 15L16 10.05z"/>
+  </svg>
+);
+TwoToneSystemSecurityUpdateGoodIcon.displayName = 'TwoToneSystemSecurityUpdateGoodIcon';
+export const SystemSecurityUpdateGoodTwoToneIcon = TwoToneSystemSecurityUpdateGoodIcon;
+
+export const TwoToneSystemSecurityUpdateWarningIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M11 7h2v6h-2V7zm0 8h2v2h-2v-2z"/><path fill={color || 'currentColor'} d="M11 15h2v2h-2zm0-8h2v6h-2z"/><path fill={color || 'currentColor'} d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 21H7v-1h10v1zm0-3H7V6h10v12zm0-14H7V3h10v1z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M7 21h10v-1H7v1zM7 3v1h10V3H7z"/>
+  </svg>
+);
+TwoToneSystemSecurityUpdateWarningIcon.displayName = 'TwoToneSystemSecurityUpdateWarningIcon';
+export const SystemSecurityUpdateWarningTwoToneIcon = TwoToneSystemSecurityUpdateWarningIcon;
+
+export const TwoToneTaskIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M13 9V4H6v16h12V9h-5zm-2.06 9L7.4 14.46l1.41-1.41l2.12 2.12l4.24-4.24l1.41 1.41L10.94 18z"/><path fill={color || 'currentColor'} d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zm-9.18-6.95L7.4 14.46L10.94 18l5.66-5.66l-1.41-1.41l-4.24 4.24l-2.13-2.12z"/>
+  </svg>
+);
+TwoToneTaskIcon.displayName = 'TwoToneTaskIcon';
+export const TaskTwoToneIcon = TwoToneTaskIcon;
+
+export const TwoToneThermostatIcon: 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 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4c0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1h-1v1h1v2h-1v1h1v2h-2V5z"/>
+  </svg>
+);
+TwoToneThermostatIcon.displayName = 'TwoToneThermostatIcon';
+export const ThermostatTwoToneIcon = TwoToneThermostatIcon;
+
+export const TwoToneTimer10SelectIcon: 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 8v8h-3V8h3m0-3h-3C8.34 5 7 6.34 7 8v8c0 1.66 1.34 3 3 3h3c1.66 0 3-1.34 3-3V8c0-1.66-1.34-3-3-3zM1 8h2v11h3V5H1v3zm17.5 3c-.83 0-1.5.68-1.5 1.5v2c0 .82.67 1.5 1.5 1.5H21v1h-4v2h4.5c.83 0 1.5-.67 1.5-1.5v-2c0-.83-.67-1.5-1.5-1.5H19v-1h4v-2h-4.5z"/>
+  </svg>
+);
+TwoToneTimer10SelectIcon.displayName = 'TwoToneTimer10SelectIcon';
+export const Timer10SelectTwoToneIcon = TwoToneTimer10SelectIcon;
+
+export const TwoToneTimer3SelectIcon: 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 11v2h-4v1h2.5c.83 0 1.5.68 1.5 1.5v2c0 .83-.67 1.5-1.5 1.5H15v-2h4v-1h-2.5c-.82 0-1.5-.68-1.5-1.5v-2c0-.82.68-1.5 1.5-1.5H21zM4 5v3h6v2.5H4v3h6V16H4v3h6c1.66 0 3-1.34 3-3v-1.9a2.1 2.1 0 0 0-2.1-2.1A2.1 2.1 0 0 0 13 9.9V8c0-1.66-1.34-3-3-3H4z"/>
+  </svg>
+);
+TwoToneTimer3SelectIcon.displayName = 'TwoToneTimer3SelectIcon';
+export const Timer3SelectTwoToneIcon = TwoToneTimer3SelectIcon;
+
+export const TwoToneTungstenIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M13 7.1V5h-2v2.1c.32-.06.66-.1 1-.1s.68.04 1 .1z"/><path fill={color || 'currentColor'} d="M11 19h2v3h-2zm-9-8h3v2H2zm17 0h3v2h-3zm-3.106 6.801l1.407-1.407l2.122 2.122l-1.408 1.407zm-11.31.708l2.121-2.122l1.408 1.407l-2.122 2.122zM15 8.02V3H9v5.02c-1.21.92-2 2.35-2 3.98c0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.06-2-3.98zM11 5h2v2.1c-.32-.06-.66-.1-1-.1s-.68.04-1 .1V5zm1 10c-1.65 0-3-1.35-3-3s1.35-3 3-3s3 1.35 3 3s-1.35 3-3 3z"/>
+  </svg>
+);
+TwoToneTungstenIcon.displayName = 'TwoToneTungstenIcon';
+export const TungstenTwoToneIcon = TwoToneTungstenIcon;
+
+export const TwoToneUsbIcon: 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 7v4h1v2h-3V5h2l-3-4l-3 4h2v8H8v-2.07c.7-.37 1.2-1.08 1.2-1.93c0-1.21-.99-2.2-2.2-2.2S4.8 7.79 4.8 9c0 .85.5 1.56 1.2 1.93V13c0 1.11.89 2 2 2h3v3.05c-.71.37-1.2 1.1-1.2 1.95a2.2 2.2 0 0 0 4.4 0c0-.85-.49-1.58-1.2-1.95V15h3c1.11 0 2-.89 2-2v-2h1V7h-4z"/>
+  </svg>
+);
+TwoToneUsbIcon.displayName = 'TwoToneUsbIcon';
+export const UsbTwoToneIcon = TwoToneUsbIcon;
+
+export const TwoToneUsbOffIcon: 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 8h4v4h-1v2c0 .34-.08.66-.23.94L16 13.17V12h-1V8zm-4 .17l2 2V6h2l-3-4l-3 4h2v2.17zM13 16v2.28c.6.34 1 .98 1 1.72c0 1.1-.9 2-2 2s-2-.9-2-2c0-.74.4-1.37 1-1.72V16H8c-1.11 0-2-.89-2-2v-2.28c-.6-.34-1-.98-1-1.72c0-.59.26-1.13.68-1.49L1.39 4.22L2.8 2.81l18.38 18.38l-1.41 1.41l-6.6-6.6H13zm-2-2v-.17l-2.51-2.51c-.14.16-.31.29-.49.4V14h3z"/>
+  </svg>
+);
+TwoToneUsbOffIcon.displayName = 'TwoToneUsbOffIcon';
+export const UsbOffTwoToneIcon = TwoToneUsbOffIcon;
+
+export const TwoToneWallpaperIcon: 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 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4l-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z"/>
+  </svg>
+);
+TwoToneWallpaperIcon.displayName = 'TwoToneWallpaperIcon';
+export const WallpaperTwoToneIcon = TwoToneWallpaperIcon;
+
+export const TwoToneWaterIcon: 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.98 14H22h-.02zM5.35 13c1.19 0 1.42 1 3.33 1c1.95 0 2.09-1 3.33-1c1.19 0 1.42 1 3.33 1c1.95 0 2.09-1 3.33-1c1.19 0 1.4.98 3.31 1v-2c-1.19 0-1.42-1-3.33-1c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.33-1c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.33-1c-1.95 0-2.09 1-3.33 1v2c1.9 0 2.17-1 3.35-1zm13.32 2c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.33-1c-1.95 0-2.1 1-3.34 1c-1.24 0-1.38-1-3.33-1c-1.95 0-2.1 1-3.34 1v2c1.95 0 2.11-1 3.34-1c1.24 0 1.38 1 3.33 1c1.95 0 2.1-1 3.34-1c1.19 0 1.42 1 3.33 1c1.94 0 2.09-1 3.33-1c1.19 0 1.42 1 3.33 1v-2c-1.24 0-1.38-1-3.33-1zM5.35 9c1.19 0 1.42 1 3.33 1c1.95 0 2.09-1 3.33-1c1.19 0 1.42 1 3.33 1c1.95 0 2.09-1 3.33-1c1.19 0 1.4.98 3.31 1V8c-1.19 0-1.42-1-3.33-1c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.33-1c-1.95 0-2.09 1-3.33 1c-1.19 0-1.42-1-3.33-1C3.38 7 3.24 8 2 8v2c1.9 0 2.17-1 3.35-1z"/>
+  </svg>
+);
+TwoToneWaterIcon.displayName = 'TwoToneWaterIcon';
+export const WaterTwoToneIcon = TwoToneWaterIcon;
+
+export const TwoToneWidgetsIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M5 5h4v4H5zm10 10h4v4h-4zM5 15h4v4H5zM16.66 4.52l-2.83 2.82l2.83 2.83l2.83-2.83z"/><path fill={color || 'currentColor'} d="M16.66 1.69L11 7.34L16.66 13l5.66-5.66l-5.66-5.65zm-2.83 5.65l2.83-2.83l2.83 2.83l-2.83 2.83l-2.83-2.83zM3 3v8h8V3H3zm6 6H5V5h4v4zM3 21h8v-8H3v8zm2-6h4v4H5v-4zm8-2v8h8v-8h-8zm6 6h-4v-4h4v4z"/>
+  </svg>
+);
+TwoToneWidgetsIcon.displayName = 'TwoToneWidgetsIcon';
+export const WidgetsTwoToneIcon = TwoToneWidgetsIcon;
+
+export const TwoToneWifi1BarIcon: 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.53 17.46L12 21l-3.53-3.54c.9-.9 2.15-1.46 3.53-1.46s2.63.56 3.53 1.46z"/>
+  </svg>
+);
+TwoToneWifi1BarIcon.displayName = 'TwoToneWifi1BarIcon';
+export const Wifi1BarTwoToneIcon = TwoToneWifi1BarIcon;
+
+export const TwoToneWifi2BarIcon: 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 10c3.03 0 5.78 1.23 7.76 3.22l-2.12 2.12A7.967 7.967 0 0 0 12 13c-2.2 0-4.2.9-5.64 2.35l-2.12-2.12C6.22 11.23 8.97 10 12 10zm0 6c-1.38 0-2.63.56-3.53 1.46L12 21l3.53-3.54A4.98 4.98 0 0 0 12 16z"/>
+  </svg>
+);
+TwoToneWifi2BarIcon.displayName = 'TwoToneWifi2BarIcon';
+export const Wifi2BarTwoToneIcon = TwoToneWifi2BarIcon;
+
+export const TwoToneWifiCalling3Icon: 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="M16.49 3c-2.21 0-4.21.9-5.66 2.34l1.06 1.06a6.47 6.47 0 0 1 9.18 0l1.06-1.06A7.932 7.932 0 0 0 16.49 3z"/><path fill={color || 'currentColor'} d="M20.03 7.46a5.022 5.022 0 0 0-7.08 0l1.06 1.06c.63-.63 1.51-1.03 2.47-1.03s1.84.39 2.47 1.03l1.08-1.06zm-4.95 2.13L16.49 11l1.41-1.41c-.36-.37-.86-.59-1.41-.59s-1.05.22-1.41.59z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M15 17.83c1.29.54 2.63.89 4 1.07v-2.23l-2.35-.47L15 17.83zM7.33 5H5.1c.18 1.37.53 2.7 1.07 4L7.8 7.35L7.33 5z"/><path fill={color || 'currentColor'} d="M20.2 14.87l-3.67-.73c-.5-.1-.83.2-.9.27l-2.52 2.5c-2.5-1.43-4.57-3.5-6-6l2.5-2.52c.23-.24.33-.57.27-.9L9.13 3.8c-.09-.46-.5-.8-.98-.8H4c-.56 0-1.03.47-1 1.03c.17 2.89 1.05 5.6 2.43 7.97c1.58 2.73 3.85 4.99 6.57 6.57c2.37 1.37 5.08 2.26 7.97 2.43c.55.03 1.03-.43 1.03-1v-4.15c0-.48-.34-.89-.8-.98zM5.1 5h2.23l.47 2.35L6.17 9c-.54-1.3-.9-2.63-1.07-4zM19 18.9c-1.37-.18-2.7-.53-4-1.07l1.65-1.63l2.35.47v2.23z"/>
+  </svg>
+);
+TwoToneWifiCalling3Icon.displayName = 'TwoToneWifiCalling3Icon';
+export const WifiCalling3TwoToneIcon = TwoToneWifiCalling3Icon;
+
+export const TwoToneWifiChannelIcon: 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'} fillOpacity={fillOpacity ?? 0.3} d="M13 21c.5-2.53 2-6 3-6s2.5 3.53 3 6h-6zm-7.99 0c.61-5.27 2-9.82 2.99-10.87c.98 1.05 2.38 5.61 2.99 10.87H5.01zM16 13c-.99 0-1.82.62-2.5 1.5c.57-4.77 1.54-8.62 2.5-9.44c.97.81 1.91 4.67 2.49 9.43C17.81 13.62 16.98 13 16 13z"/><path fill={color || 'currentColor'} d="M16 3c-2.51 0-3.77 5.61-4.4 10.57C10.79 10.66 9.61 8 8 8C4.43 8 3 21 3 21h2.01c.61-5.27 2-9.82 2.99-10.87c.98 1.05 2.38 5.61 2.99 10.87H13c.5-2.53 2-6 3-6s2.5 3.53 3 6h2s-.5-18-5-18zm0 10c-.99 0-1.82.62-2.5 1.5c.57-4.77 1.54-8.62 2.5-9.44c.97.81 1.91 4.67 2.49 9.43C17.81 13.62 16.98 13 16 13z"/>
+  </svg>
+);
+TwoToneWifiChannelIcon.displayName = 'TwoToneWifiChannelIcon';
+export const WifiChannelTwoToneIcon = TwoToneWifiChannelIcon;
+
+export const TwoToneWifiFindIcon: 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.59 10.39L24 8.98A16.88 16.88 0 0 0 12 4C7.31 4 3.07 5.9 0 8.98L12 21l1.41-1.42L2.93 9.08C5.45 7.16 8.59 6 12 6c4.13 0 7.88 1.68 10.59 4.39z"/><path fill={color || 'currentColor'} d="M23 18.59l-2.56-2.56c.35-.59.56-1.28.56-2.03c0-2.24-1.76-4-4-4s-4 1.76-4 4s1.76 4 4 4c.75 0 1.44-.21 2.03-.56L21.59 20L23 18.59zM15 14c0-1.12.88-2 2-2s2 .88 2 2s-.88 2-2 2s-2-.88-2-2z"/><path fill={color || 'currentColor'} fillOpacity={fillOpacity ?? 0.3} d="M22.59 10.39A14.943 14.943 0 0 0 12 6C8.59 6 5.45 7.16 2.93 9.08l2.26 2.26l8.24 8.24l.46-.46C12.15 18.09 11 16.21 11 14c0-1.62.62-3.13 1.75-4.25S15.38 8 17 8c2.21 0 4.09 1.15 5.13 2.89l.49-.49l-.02-.02l-.01.01z"/>
+  </svg>
+);
+TwoToneWifiFindIcon.displayName = 'TwoToneWifiFindIcon';
+export const WifiFindTwoToneIcon = TwoToneWifiFindIcon;
+
+export const TwoToneWifiLockIcon: 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.98 11L24 8.98A16.88 16.88 0 0 0 12 4C7.31 4 3.07 5.9 0 8.98l6.35 6.36L12 21l3.05-3.05V15c0-.45.09-.88.23-1.29c.54-1.57 2.01-2.71 3.77-2.71h2.93z"/><path fill={color || 'currentColor'} d="M22 16v-1c0-1.1-.9-2-2-2s-2 .9-2 2v1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1zm-1 0h-2v-1c0-.55.45-1 1-1s1 .45 1 1v1z"/>
+  </svg>
+);
+TwoToneWifiLockIcon.displayName = 'TwoToneWifiLockIcon';
+export const WifiLockTwoToneIcon = TwoToneWifiLockIcon;
+
+export const TwoToneWifiPasswordIcon: 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="M24 8.98l-2.12 2.13C19.35 8.57 15.85 7 12 7s-7.35 1.57-9.88 4.11L0 8.98C3.07 5.9 7.31 4 12 4s8.93 1.9 12 4.98zM24 20v3c0 .55-.45 1-1 1h-4c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1v-1c0-1.1.9-2 2-2s2 .9 2 2v1c.55 0 1 .45 1 1zm-2-2c0-.55-.45-1-1-1s-1 .45-1 1v1h2v-1zM4.24 13.22l2.12 2.12A7.967 7.967 0 0 1 12 13c2.2 0 4.2.9 5.64 2.35l2.12-2.12C17.78 11.23 15.03 10 12 10c-3.03 0-5.78 1.23-7.76 3.22zM12 16c-1.38 0-2.63.56-3.53 1.46L12 21l3.53-3.54A4.98 4.98 0 0 0 12 16z"/>
+  </svg>
+);
+TwoToneWifiPasswordIcon.displayName = 'TwoToneWifiPasswordIcon';
+export const WifiPasswordTwoToneIcon = TwoToneWifiPasswordIcon;
+
+export const TwoToneWifiTetheringIcon: 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 11c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm6 2c0-3.31-2.69-6-6-6s-6 2.69-6 6c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45c0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.48-.81 2.75-2 3.45l1 1.74c1.79-1.04 3-2.97 3-5.19zM12 3C6.48 3 2 7.48 2 13c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 18.53 4 15.96 4 13c0-4.42 3.58-8 8-8s8 3.58 8 8c0 2.96-1.61 5.53-4 6.92l1 1.73c2.99-1.73 5-4.95 5-8.65c0-5.52-4.48-10-10-10z"/>
+  </svg>
+);
+TwoToneWifiTetheringIcon.displayName = 'TwoToneWifiTetheringIcon';
+export const WifiTetheringTwoToneIcon = TwoToneWifiTetheringIcon;
+
+export const TwoToneWifiTetheringErrorIcon: 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 7c-3.31 0-6 2.69-6 6c0 1.66.68 3.15 1.76 4.24l1.42-1.42A3.934 3.934 0 0 1 8 13c0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.11-.45 2.1-1.18 2.82l1.42 1.42A6.003 6.003 0 0 0 18 13c0-3.31-2.69-6-6-6zm0-4C6.48 3 2 7.48 2 13c0 2.76 1.12 5.26 2.93 7.07l1.42-1.42A7.94 7.94 0 0 1 4 13c0-4.42 3.58-8 8-8c2.53 0 4.78 1.17 6.24 3h2.42C18.93 5.01 15.7 3 12 3zm0 8c-1.1 0-2 .9-2 2c0 .55.23 1.05.59 1.41c.36.36.86.59 1.41.59s1.05-.23 1.41-.59c.36-.36.59-.86.59-1.41c0-1.1-.9-2-2-2zm8-1h2v6h-2v-6zm0 8h2v2h-2v-2z"/>
+  </svg>
+);
+TwoToneWifiTetheringErrorIcon.displayName = 'TwoToneWifiTetheringErrorIcon';
+export const WifiTetheringErrorTwoToneIcon = TwoToneWifiTetheringErrorIcon;
+
+export const TwoToneWifiTetheringErrorRoundedIcon: 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 7c-3.31 0-6 2.69-6 6c0 1.66.68 3.15 1.76 4.24l1.42-1.42A3.934 3.934 0 0 1 8 13c0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.11-.45 2.1-1.18 2.82l1.42 1.42A6.003 6.003 0 0 0 18 13c0-3.31-2.69-6-6-6zm0-4C6.48 3 2 7.48 2 13c0 2.76 1.12 5.26 2.93 7.07l1.42-1.42A7.94 7.94 0 0 1 4 13c0-4.42 3.58-8 8-8c2.53 0 4.78 1.17 6.24 3h2.42C18.93 5.01 15.7 3 12 3zm0 8c-1.1 0-2 .9-2 2c0 .55.23 1.05.59 1.41c.36.36.86.59 1.41.59s1.05-.23 1.41-.59c.36-.36.59-.86.59-1.41c0-1.1-.9-2-2-2zm8-1h2v6h-2v-6zm0 8h2v2h-2v-2z"/>
+  </svg>
+);
+TwoToneWifiTetheringErrorRoundedIcon.displayName = 'TwoToneWifiTetheringErrorRoundedIcon';
+export const WifiTetheringErrorRoundedTwoToneIcon = TwoToneWifiTetheringErrorRoundedIcon;
+
+export const TwoToneWifiTetheringOffIcon: 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.81 2.81L1.39 4.22l2.69 2.69A9.958 9.958 0 0 0 2 13c0 2.76 1.12 5.26 2.93 7.07l1.42-1.42a7.957 7.957 0 0 1-.84-10.31l1.43 1.43a6.003 6.003 0 0 0 .82 7.47l1.42-1.42A3.934 3.934 0 0 1 8 13c0-.63.15-1.23.41-1.76l1.61 1.61c0 .05-.02.1-.02.15c0 .55.23 1.05.59 1.41c.36.36.86.59 1.41.59c.05 0 .1-.01.16-.02l7.62 7.62l1.41-1.41L2.81 2.81zM17.7 14.87c.19-.59.3-1.22.3-1.87c0-3.31-2.69-6-6-6c-.65 0-1.28.1-1.87.3l1.71 1.71C11.89 9 11.95 9 12 9c2.21 0 4 1.79 4 4c0 .05 0 .11-.01.16l1.71 1.71zM12 5c4.42 0 8 3.58 8 8c0 1.22-.27 2.37-.77 3.4l1.49 1.49A9.953 9.953 0 0 0 22 13c0-5.52-4.48-10-10-10c-1.78 0-3.44.46-4.89 1.28l1.48 1.48C9.63 5.27 10.78 5 12 5z"/>
+  </svg>
+);
+TwoToneWifiTetheringOffIcon.displayName = 'TwoToneWifiTetheringOffIcon';
+export const WifiTetheringOffTwoToneIcon = TwoToneWifiTetheringOffIcon;