@winplaybox/icons 0.0.0-stage → 0.1.0

package/src/generated/outlined/math.tsx

@@ -0,0 +1,98 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const OutlinedDivideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 11h18v2H3zm9.003-8a3 3 0 1 1-.006 6a3 3 0 0 1 .006-6zM12 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm.003 10a3 3 0 1 1-.006 6a3 3 0 0 1 .006-6zM12 17a1 1 0 1 0 0 2a1 1 0 0 0 0-2z"/>
+  </svg>
+);
+OutlinedDivideIcon.displayName = 'OutlinedDivideIcon';
+export const DivideOutlinedIcon = OutlinedDivideIcon;
+
+export const OutlinedEqualsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 9.998H5v-2h14zm0 6H5v-2h14z"/>
+  </svg>
+);
+OutlinedEqualsIcon.displayName = 'OutlinedEqualsIcon';
+export const EqualsOutlinedIcon = OutlinedEqualsIcon;
+
+export const OutlinedGreaterThanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.5 17.5l8.25-5.5L6.5 6.5l1-1.5L18 12L7.5 19z" fillRule="evenodd"/>
+  </svg>
+);
+OutlinedGreaterThanIcon.displayName = 'OutlinedGreaterThanIcon';
+export const GreaterThanOutlinedIcon = OutlinedGreaterThanIcon;
+
+export const OutlinedGreaterThanEqualIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.5 15.5l8.25-5.5L6.5 4.5l1-1.5L18 10L7.5 17z" fillRule="evenodd"/><path fill={color || 'currentColor'} fillRule="nonzero" d="M18 20.998H6v-2h12z"/>
+  </svg>
+);
+OutlinedGreaterThanEqualIcon.displayName = 'OutlinedGreaterThanEqualIcon';
+export const GreaterThanEqualOutlinedIcon = OutlinedGreaterThanEqualIcon;
+
+export const OutlinedLessThanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M17.5 17.5L9.25 12l8.25-5.5l-1-1.5L6 12l10.5 7z" fillRule="evenodd"/>
+  </svg>
+);
+OutlinedLessThanIcon.displayName = 'OutlinedLessThanIcon';
+export const LessThanOutlinedIcon = OutlinedLessThanIcon;
+
+export const OutlinedLessThanEqualIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M17.5 15.5L9.25 10l8.25-5.5l-1-1.5L6 10l10.5 7z" fillRule="evenodd"/><path fill={color || 'currentColor'} fillRule="nonzero" d="M18 20.998H6v-2h12z"/>
+  </svg>
+);
+OutlinedLessThanEqualIcon.displayName = 'OutlinedLessThanEqualIcon';
+export const LessThanEqualOutlinedIcon = OutlinedLessThanEqualIcon;
+
+export const OutlinedMinusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 12.998H5v-2h14z"/>
+  </svg>
+);
+OutlinedMinusIcon.displayName = 'OutlinedMinusIcon';
+export const MinusOutlinedIcon = OutlinedMinusIcon;
+
+export const OutlinedNotEqualIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 9.998H5v-2h14zm0 6H5v-2h14z"/><path fill={color || 'currentColor'} d="M14.08 4.605l1.84.79l-6 14l-1.84-.79z"/>
+  </svg>
+);
+OutlinedNotEqualIcon.displayName = 'OutlinedNotEqualIcon';
+export const NotEqualOutlinedIcon = OutlinedNotEqualIcon;
+
+export const OutlinedPercentageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.501 3.5l-15 15.001l1.996 1.996l15-15zM17.003 14a3 3 0 1 1-.006 6a3 3 0 0 1 .006-6zM17 16a1 1 0 1 0 0 2a1 1 0 0 0 0-2zM7.003 4a3 3 0 1 1-.006 6a3 3 0 0 1 .006-6zM7 6a1 1 0 1 0 0 2a1 1 0 0 0 0-2z"/>
+  </svg>
+);
+OutlinedPercentageIcon.displayName = 'OutlinedPercentageIcon';
+export const PercentageOutlinedIcon = OutlinedPercentageIcon;
+
+export const OutlinedPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 12.998h-6v6h-2v-6H5v-2h6v-6h2v6h6z"/>
+  </svg>
+);
+OutlinedPlusIcon.displayName = 'OutlinedPlusIcon';
+export const PlusOutlinedIcon = OutlinedPlusIcon;
+
+export const OutlinedPlusMinusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 10.998h-6v6h-2v-6H5v-2h6v-6h2v6h6zm0 10H5v-2h14z"/>
+  </svg>
+);
+OutlinedPlusMinusIcon.displayName = 'OutlinedPlusMinusIcon';
+export const PlusMinusOutlinedIcon = OutlinedPlusMinusIcon;
+
+export const OutlinedPlusMinusAltIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.998H8v4H6v-4H2v-2h4v-4h2v4h4zm10 10h-8v-2h8zM18.5 4L4 18.5L5.5 20L20 5.5z"/>
+  </svg>
+);
+OutlinedPlusMinusAltIcon.displayName = 'OutlinedPlusMinusAltIcon';
+export const PlusMinusAltOutlinedIcon = OutlinedPlusMinusAltIcon;

package/src/generated/outlined/navigation.tsx

@@ -0,0 +1,458 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const OutlinedAddHomeWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 14H5v5H3v-6.97l5-3.57l5 3.57v1.08c.57-.59 1.25-1.07 2-1.42V11L8 6l-7 5v10h6v-5h2v5h2.68c-.43-.91-.68-1.92-.68-3v-4zm6-7h2v2h-2z"/><path fill={color || 'currentColor'} d="M23 13.11V3H10v1.97l2 1.43V5h9v6.68c.75.36 1.43.84 2 1.43zM23 18c0-2.76-2.24-5-5-5s-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5zm-5.5 3v-2.5H15v-1h2.5V15h1v2.5H21v1h-2.5V21h-1z"/>
+  </svg>
+);
+OutlinedAddHomeWorkIcon.displayName = 'OutlinedAddHomeWorkIcon';
+export const AddHomeWorkOutlinedIcon = OutlinedAddHomeWorkIcon;
+
+export const OutlinedAppSettingsAltIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.81 12.74l-.82-.63v-.22l.8-.63c.16-.12.2-.34.1-.51l-.85-1.48a.395.395 0 0 0-.35-.2c-.05 0-.1.01-.15.03l-.95.38c-.08-.05-.11-.07-.19-.11l-.15-1.01a.408.408 0 0 0-.4-.36h-1.71c-.2 0-.37.15-.4.34l-.14 1.01c-.03.02-.07.03-.1.05l-.09.06l-.95-.38a.401.401 0 0 0-.5.17l-.85 1.48c-.1.17-.06.39.1.51l.8.63v.23l-.8.63a.39.39 0 0 0-.1.51l.85 1.48c.07.13.21.2.35.2c.05 0 .1-.01.15-.03l.95-.37c.08.05.12.07.2.11l.15 1.01c.03.2.2.34.4.34h1.71c.2 0 .37-.15.4-.34l.15-1.01c.03-.02.07-.03.1-.05l.09-.06l.95.38a.401.401 0 0 0 .5-.17l.85-1.48a.39.39 0 0 0-.1-.51zM18 13.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.5zM17 18H7V6h10v1h2V3c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2v1zM7 3h10v1H7V3zm10 18H7v-1h10v1z"/>
+  </svg>
+);
+OutlinedAppSettingsAltIcon.displayName = 'OutlinedAppSettingsAltIcon';
+export const AppSettingsAltOutlinedIcon = OutlinedAppSettingsAltIcon;
+
+export const OutlinedAppsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"/>
+  </svg>
+);
+OutlinedAppsIcon.displayName = 'OutlinedAppsIcon';
+export const AppsOutlinedIcon = OutlinedAppsIcon;
+
+export const OutlinedAppsOutageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6 6h4v-4h-4v4zm3-20c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm.5 8h-1V7h1v1zm0-2h-1V2h1v4zM16 14h4v-2.07c-.33.05-.66.07-1 .07c-1.07 0-2.09-.24-3-.68V14zM10 4v4h2.68c-.44-.91-.68-1.93-.68-3c0-.34.02-.67.07-1H10z"/>
+  </svg>
+);
+OutlinedAppsOutageIcon.displayName = 'OutlinedAppsOutageIcon';
+export const AppsOutageOutlinedIcon = OutlinedAppsOutageIcon;
+
+export const OutlinedArrowBackIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/>
+  </svg>
+);
+OutlinedArrowBackIcon.displayName = 'OutlinedArrowBackIcon';
+export const ArrowBackOutlinedIcon = OutlinedArrowBackIcon;
+
+export const OutlinedArrowBackIosIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.51 3.87L15.73 2.1L5.84 12l9.9 9.9l1.77-1.77L9.38 12l8.13-8.13z"/>
+  </svg>
+);
+OutlinedArrowBackIosIcon.displayName = 'OutlinedArrowBackIosIcon';
+export const ArrowBackIosOutlinedIcon = OutlinedArrowBackIosIcon;
+
+export const OutlinedArrowBackIosNewIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.77 3.77L16 2L6 12l10 10l1.77-1.77L9.54 12z"/>
+  </svg>
+);
+OutlinedArrowBackIosNewIcon.displayName = 'OutlinedArrowBackIosNewIcon';
+export const ArrowBackIosNewOutlinedIcon = OutlinedArrowBackIosNewIcon;
+
+export const OutlinedArrowDownwardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8l8-8z"/>
+  </svg>
+);
+OutlinedArrowDownwardIcon.displayName = 'OutlinedArrowDownwardIcon';
+export const ArrowDownwardOutlinedIcon = OutlinedArrowDownwardIcon;
+
+export const OutlinedArrowDropDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 10l5 5l5-5H7z"/>
+  </svg>
+);
+OutlinedArrowDropDownIcon.displayName = 'OutlinedArrowDropDownIcon';
+export const ArrowDropDownOutlinedIcon = OutlinedArrowDropDownIcon;
+
+export const OutlinedArrowDropDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 4c4.41 0 8 3.59 8 8s-3.59 8-8 8s-8-3.59-8-8s3.59-8 8-8m0-2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 13l-4-4h8z"/>
+  </svg>
+);
+OutlinedArrowDropDownCircleIcon.displayName = 'OutlinedArrowDropDownCircleIcon';
+export const ArrowDropDownCircleOutlinedIcon = OutlinedArrowDropDownCircleIcon;
+
+export const OutlinedArrowDropUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 14l5-5l5 5H7z"/>
+  </svg>
+);
+OutlinedArrowDropUpIcon.displayName = 'OutlinedArrowDropUpIcon';
+export const ArrowDropUpOutlinedIcon = OutlinedArrowDropUpIcon;
+
+export const OutlinedArrowForwardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8l-8-8z"/>
+  </svg>
+);
+OutlinedArrowForwardIcon.displayName = 'OutlinedArrowForwardIcon';
+export const ArrowForwardOutlinedIcon = OutlinedArrowForwardIcon;
+
+export const OutlinedArrowForwardIosIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.23 20.23L8 22l10-10L8 2L6.23 3.77L14.46 12z"/>
+  </svg>
+);
+OutlinedArrowForwardIosIcon.displayName = 'OutlinedArrowForwardIosIcon';
+export const ArrowForwardIosOutlinedIcon = OutlinedArrowForwardIosIcon;
+
+export const OutlinedArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 7l-5 5l5 5V7z"/>
+  </svg>
+);
+OutlinedArrowLeftIcon.displayName = 'OutlinedArrowLeftIcon';
+export const ArrowLeftOutlinedIcon = OutlinedArrowLeftIcon;
+
+export const OutlinedArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 17l5-5l-5-5v10z"/>
+  </svg>
+);
+OutlinedArrowRightIcon.displayName = 'OutlinedArrowRightIcon';
+export const ArrowRightOutlinedIcon = OutlinedArrowRightIcon;
+
+export const OutlinedArrowUpwardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8l-8 8z"/>
+  </svg>
+);
+OutlinedArrowUpwardIcon.displayName = 'OutlinedArrowUpwardIcon';
+export const ArrowUpwardOutlinedIcon = OutlinedArrowUpwardIcon;
+
+export const OutlinedAssistantDirectionIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 1C5.9 1 1 5.9 1 12s4.9 11 11 11s11-4.9 11-11S18.1 1 12 1zm0 20c-4.99 0-9-4.01-9-9s4.01-9 9-9s9 4.01 9 9s-4.01 9-9 9z"/><path fill={color || 'currentColor'} d="M19.73 11.42L12.54 4.2c-.36-.27-.8-.27-1.15 0L4.2 11.42c-.27.36-.27.8 0 1.16l7.19 7.22c.36.27.8.27 1.15 0l7.19-7.22c.36-.36.36-.89 0-1.16zM13.5 14.5l-1.41-1.41L13.17 12H10v3H8v-4c0-.6.4-1 1-1h4.17l-1.09-1.09L13.5 7.5L17 11l-3.5 3.5z"/>
+  </svg>
+);
+OutlinedAssistantDirectionIcon.displayName = 'OutlinedAssistantDirectionIcon';
+export const AssistantDirectionOutlinedIcon = OutlinedAssistantDirectionIcon;
+
+export const OutlinedCampaignIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 11v2h4v-2h-4zm-2 6.61c.96.71 2.21 1.65 3.2 2.39c.4-.53.8-1.07 1.2-1.6c-.99-.74-2.24-1.68-3.2-2.4c-.4.54-.8 1.08-1.2 1.61zM20.4 5.6c-.4-.53-.8-1.07-1.2-1.6c-.99.74-2.24 1.68-3.2 2.4c.4.53.8 1.07 1.2 1.6c.96-.72 2.21-1.65 3.2-2.4zM4 9c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1v4h2v-4h1l5 3V6L8 9H4zm5.03 1.71L11 9.53v4.94l-1.97-1.18l-.48-.29H4v-2h4.55l.48-.29zM15.5 12c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34z"/>
+  </svg>
+);
+OutlinedCampaignIcon.displayName = 'OutlinedCampaignIcon';
+export const CampaignOutlinedIcon = OutlinedCampaignIcon;
+
+export const OutlinedCancelIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 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.59-13L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41z"/>
+  </svg>
+);
+OutlinedCancelIcon.displayName = 'OutlinedCancelIcon';
+export const CancelOutlinedIcon = OutlinedCancelIcon;
+
+export const OutlinedCheckIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41L9 16.17z"/>
+  </svg>
+);
+OutlinedCheckIcon.displayName = 'OutlinedCheckIcon';
+export const CheckOutlinedIcon = OutlinedCheckIcon;
+
+export const OutlinedChevronLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M15.41 7.41L14 6l-6 6l6 6l1.41-1.41L10.83 12l4.58-4.59z"/>
+  </svg>
+);
+OutlinedChevronLeftIcon.displayName = 'OutlinedChevronLeftIcon';
+export const ChevronLeftOutlinedIcon = OutlinedChevronLeftIcon;
+
+export const OutlinedChevronRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6l-6-6z"/>
+  </svg>
+);
+OutlinedChevronRightIcon.displayName = 'OutlinedChevronRightIcon';
+export const ChevronRightOutlinedIcon = OutlinedChevronRightIcon;
+
+export const OutlinedCloseIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z"/>
+  </svg>
+);
+OutlinedCloseIcon.displayName = 'OutlinedCloseIcon';
+export const CloseOutlinedIcon = OutlinedCloseIcon;
+
+export const OutlinedDoubleArrowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.5 5H11l5 7l-5 7h4.5l5-7z"/><path fill={color || 'currentColor'} d="M8.5 5H4l5 7l-5 7h4.5l5-7z"/>
+  </svg>
+);
+OutlinedDoubleArrowIcon.displayName = 'OutlinedDoubleArrowIcon';
+export const DoubleArrowOutlinedIcon = OutlinedDoubleArrowIcon;
+
+export const OutlinedEastIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 5l-1.41 1.41L18.17 11H2v2h16.17l-4.59 4.59L15 19l7-7l-7-7z"/>
+  </svg>
+);
+OutlinedEastIcon.displayName = 'OutlinedEastIcon';
+export const EastOutlinedIcon = OutlinedEastIcon;
+
+export const OutlinedExpandCircleDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.08 9.59L12 12.67L8.92 9.59L7.5 11l4.5 4.5l4.5-4.5l-1.42-1.41zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/>
+  </svg>
+);
+OutlinedExpandCircleDownIcon.displayName = 'OutlinedExpandCircleDownIcon';
+export const ExpandCircleDownOutlinedIcon = OutlinedExpandCircleDownIcon;
+
+export const OutlinedExpandLessIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 8l-6 6l1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"/>
+  </svg>
+);
+OutlinedExpandLessIcon.displayName = 'OutlinedExpandLessIcon';
+export const ExpandLessOutlinedIcon = OutlinedExpandLessIcon;
+
+export const OutlinedExpandMoreIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.59 8.59L12 13.17L7.41 8.59L6 10l6 6l6-6l-1.41-1.41z"/>
+  </svg>
+);
+OutlinedExpandMoreIcon.displayName = 'OutlinedExpandMoreIcon';
+export const ExpandMoreOutlinedIcon = OutlinedExpandMoreIcon;
+
+export const OutlinedFirstPageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.41 16.59L13.82 12l4.59-4.59L17 6l-6 6l6 6l1.41-1.41zM6 6h2v12H6V6z"/>
+  </svg>
+);
+OutlinedFirstPageIcon.displayName = 'OutlinedFirstPageIcon';
+export const FirstPageOutlinedIcon = OutlinedFirstPageIcon;
+
+export const OutlinedFullscreenIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
+  </svg>
+);
+OutlinedFullscreenIcon.displayName = 'OutlinedFullscreenIcon';
+export const FullscreenOutlinedIcon = OutlinedFullscreenIcon;
+
+export const OutlinedFullscreenExitIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
+  </svg>
+);
+OutlinedFullscreenExitIcon.displayName = 'OutlinedFullscreenExitIcon';
+export const FullscreenExitOutlinedIcon = OutlinedFullscreenExitIcon;
+
+export const OutlinedHomeWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M1 11v10h6v-5h2v5h6V11L8 6l-7 5zm12 8h-2v-5H5v5H3v-6.97l5-3.57l5 3.57V19zm4-12h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2z"/><path fill={color || 'currentColor'} d="M10 3v1.97l2 1.43V5h9v14h-4v2h6V3z"/>
+  </svg>
+);
+OutlinedHomeWorkIcon.displayName = 'OutlinedHomeWorkIcon';
+export const HomeWorkOutlinedIcon = OutlinedHomeWorkIcon;
+
+export const OutlinedLastPageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.59 7.41L10.18 12l-4.59 4.59L7 18l6-6l-6-6l-1.41 1.41zM16 6h2v12h-2V6z"/>
+  </svg>
+);
+OutlinedLastPageIcon.displayName = 'OutlinedLastPageIcon';
+export const LastPageOutlinedIcon = OutlinedLastPageIcon;
+
+export const OutlinedLegendToggleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 15H4v-2h16v2zm0 2H4v2h16v-2zm-5-6l5-3.55V5l-5 3.55L10 5L4 8.66V11l5.92-3.61L15 11z"/>
+  </svg>
+);
+OutlinedLegendToggleIcon.displayName = 'OutlinedLegendToggleIcon';
+export const LegendToggleOutlinedIcon = OutlinedLegendToggleIcon;
+
+export const OutlinedMapsHomeWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 7h2v2h-2zm0 4h2v2h-2zm0 4h2v2h-2zM1 11v10h6v-5h2v5h6V11L8 6l-7 5zm12 8h-2v-5H5v5H3v-7l5-3.5l5 3.5v7z"/><path fill={color || 'currentColor'} d="M10 3v1.97l2 1.43V5h9v14h-4v2h6V3z"/>
+  </svg>
+);
+OutlinedMapsHomeWorkIcon.displayName = 'OutlinedMapsHomeWorkIcon';
+export const MapsHomeWorkOutlinedIcon = OutlinedMapsHomeWorkIcon;
+
+export const OutlinedMenuIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+  </svg>
+);
+OutlinedMenuIcon.displayName = 'OutlinedMenuIcon';
+export const MenuOutlinedIcon = OutlinedMenuIcon;
+
+export const OutlinedMenuOpenIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 18h13v-2H3v2zm0-5h10v-2H3v2zm0-7v2h13V6H3zm18 9.59L17.42 12L21 8.41L19.59 7l-5 5l5 5L21 15.59z"/>
+  </svg>
+);
+OutlinedMenuOpenIcon.displayName = 'OutlinedMenuOpenIcon';
+export const MenuOpenOutlinedIcon = OutlinedMenuOpenIcon;
+
+export const OutlinedMoreHorizIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"/>
+  </svg>
+);
+OutlinedMoreHorizIcon.displayName = 'OutlinedMoreHorizIcon';
+export const MoreHorizOutlinedIcon = OutlinedMoreHorizIcon;
+
+export const OutlinedMoreVertIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"/>
+  </svg>
+);
+OutlinedMoreVertIcon.displayName = 'OutlinedMoreVertIcon';
+export const MoreVertOutlinedIcon = OutlinedMoreVertIcon;
+
+export const OutlinedNorthIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 9l1.41 1.41L11 5.83V22h2V5.83l4.59 4.59L19 9l-7-7l-7 7z"/>
+  </svg>
+);
+OutlinedNorthIcon.displayName = 'OutlinedNorthIcon';
+export const NorthOutlinedIcon = OutlinedNorthIcon;
+
+export const OutlinedNorthEastIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 5v2h6.59L4 18.59L5.41 20L17 8.41V15h2V5H9z"/>
+  </svg>
+);
+OutlinedNorthEastIcon.displayName = 'OutlinedNorthEastIcon';
+export const NorthEastOutlinedIcon = OutlinedNorthEastIcon;
+
+export const OutlinedNorthWestIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 15h2V8.41L18.59 20L20 18.59L8.41 7H15V5H5v10z"/>
+  </svg>
+);
+OutlinedNorthWestIcon.displayName = 'OutlinedNorthWestIcon';
+export const NorthWestOutlinedIcon = OutlinedNorthWestIcon;
+
+export const OutlinedOfflineShareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 5H4v16c0 1.1.9 2 2 2h10v-2H6V5z"/><path fill={color || 'currentColor'} d="M18 1h-8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16h-8v-1h8v1zm0-3h-8V6h8v8zm0-10h-8V3h8v1z"/><path fill={color || 'currentColor'} d="M12.5 10.25h1.63l-.69.69L14.5 12L17 9.5L14.5 7l-1.06 1.06l.69.69H12c-.55 0-1 .45-1 1V12h1.5v-1.75z"/>
+  </svg>
+);
+OutlinedOfflineShareIcon.displayName = 'OutlinedOfflineShareIcon';
+export const OfflineShareOutlinedIcon = OutlinedOfflineShareIcon;
+
+export const OutlinedPaymentsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 14V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zm-2 0H3V6h14v8zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3zm13 0v11c0 1.1-.9 2-2 2H4v-2h17V7h2z"/>
+  </svg>
+);
+OutlinedPaymentsIcon.displayName = 'OutlinedPaymentsIcon';
+export const PaymentsOutlinedIcon = OutlinedPaymentsIcon;
+
+export const OutlinedPivotTableChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 5c0-1.1-.9-2-2-2h-9v5h11V5zM3 19c0 1.1.9 2 2 2h3V10H3v9zM3 5v3h5V3H5c-1.1 0-2 .9-2 2zm15 3.99L14 13l1.41 1.41l1.59-1.6V15c0 1.1-.9 2-2 2h-2.17l1.59-1.59L13 14l-4 4l4 4l1.41-1.41L12.83 19H15c2.21 0 4-1.79 4-4v-2.18l1.59 1.6L22 13l-4-4.01z"/>
+  </svg>
+);
+OutlinedPivotTableChartIcon.displayName = 'OutlinedPivotTableChartIcon';
+export const PivotTableChartOutlinedIcon = OutlinedPivotTableChartIcon;
+
+export const OutlinedRefreshIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/>
+  </svg>
+);
+OutlinedRefreshIcon.displayName = 'OutlinedRefreshIcon';
+export const RefreshOutlinedIcon = OutlinedRefreshIcon;
+
+export const OutlinedSouthIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 15l-1.41-1.41L13 18.17V2h-2v16.17l-4.59-4.59L5 15l7 7l7-7z"/>
+  </svg>
+);
+OutlinedSouthIcon.displayName = 'OutlinedSouthIcon';
+export const SouthOutlinedIcon = OutlinedSouthIcon;
+
+export const OutlinedSouthEastIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 9h-2v6.59L5.41 4L4 5.41L15.59 17H9v2h10V9z"/>
+  </svg>
+);
+OutlinedSouthEastIcon.displayName = 'OutlinedSouthEastIcon';
+export const SouthEastOutlinedIcon = OutlinedSouthEastIcon;
+
+export const OutlinedSouthWestIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 19v-2H8.41L20 5.41L18.59 4L7 15.59V9H5v10h10z"/>
+  </svg>
+);
+OutlinedSouthWestIcon.displayName = 'OutlinedSouthWestIcon';
+export const SouthWestOutlinedIcon = OutlinedSouthWestIcon;
+
+export const OutlinedSubdirectoryArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 9l1.42 1.42L8.83 14H18V4h2v12H8.83l3.59 3.58L11 21l-6-6l6-6z"/>
+  </svg>
+);
+OutlinedSubdirectoryArrowLeftIcon.displayName = 'OutlinedSubdirectoryArrowLeftIcon';
+export const SubdirectoryArrowLeftOutlinedIcon = OutlinedSubdirectoryArrowLeftIcon;
+
+export const OutlinedSubdirectoryArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 15l-6 6l-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9l6 6z"/>
+  </svg>
+);
+OutlinedSubdirectoryArrowRightIcon.displayName = 'OutlinedSubdirectoryArrowRightIcon';
+export const SubdirectoryArrowRightOutlinedIcon = OutlinedSubdirectoryArrowRightIcon;
+
+export const OutlinedSwitchLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M8.5 8.62v6.76L5.12 12L8.5 8.62M10 5l-7 7l7 7V5zm4 0v14l7-7l-7-7z"/>
+  </svg>
+);
+OutlinedSwitchLeftIcon.displayName = 'OutlinedSwitchLeftIcon';
+export const SwitchLeftOutlinedIcon = OutlinedSwitchLeftIcon;
+
+export const OutlinedSwitchRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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.5 15.38V8.62L18.88 12l-3.38 3.38M14 19l7-7l-7-7v14zm-4 0V5l-7 7l7 7z"/>
+  </svg>
+);
+OutlinedSwitchRightIcon.displayName = 'OutlinedSwitchRightIcon';
+export const SwitchRightOutlinedIcon = OutlinedSwitchRightIcon;
+
+export const OutlinedUnfoldLessIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
+    <path fill={color || 'currentColor'} d="M7.41 18.59L8.83 20L12 16.83L15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4L12 7.17L8.83 4L7.41 5.41L12 10l4.59-4.59z"/>
+  </svg>
+);
+OutlinedUnfoldLessIcon.displayName = 'OutlinedUnfoldLessIcon';
+export const UnfoldLessOutlinedIcon = OutlinedUnfoldLessIcon;
+
+export const OutlinedUnfoldMoreIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/>
+  </svg>
+);
+OutlinedUnfoldMoreIcon.displayName = 'OutlinedUnfoldMoreIcon';
+export const UnfoldMoreOutlinedIcon = OutlinedUnfoldMoreIcon;
+
+export const OutlinedWaterfallChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 4h3v16h-3V4zM3 13h3v7H3v-7zm11-9h3v3h-3V4zm-4 1h3v4h-3V5zm-3 5h3v4H7v-4z"/>
+  </svg>
+);
+OutlinedWaterfallChartIcon.displayName = 'OutlinedWaterfallChartIcon';
+export const WaterfallChartOutlinedIcon = OutlinedWaterfallChartIcon;
+
+export const OutlinedWestIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={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 19l1.41-1.41L5.83 13H22v-2H5.83l4.59-4.59L9 5l-7 7l7 7z"/>
+  </svg>
+);
+OutlinedWestIcon.displayName = 'OutlinedWestIcon';
+export const WestOutlinedIcon = OutlinedWestIcon;