@winplaybox/icons 0.0.0-stage → 0.1.0

package/src/generated/filled/math.tsx

@@ -0,0 +1,98 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const FilledDivideIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 11h14v2H5zm7.002-7a2 2 0 1 0-.004 4a2 2 0 0 0 .004-4zm0 12a2 2 0 1 0-.004 4a2 2 0 0 0 .004-4z"/>
+  </svg>
+);
+FilledDivideIcon.displayName = 'FilledDivideIcon';
+export const DivideFilledIcon = FilledDivideIcon;
+
+export const FilledEqualsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledEqualsIcon.displayName = 'FilledEqualsIcon';
+export const EqualsFilledIcon = FilledEqualsIcon;
+
+export const FilledGreaterThanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledGreaterThanIcon.displayName = 'FilledGreaterThanIcon';
+export const GreaterThanFilledIcon = FilledGreaterThanIcon;
+
+export const FilledGreaterThanEqualIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledGreaterThanEqualIcon.displayName = 'FilledGreaterThanEqualIcon';
+export const GreaterThanEqualFilledIcon = FilledGreaterThanEqualIcon;
+
+export const FilledLessThanIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledLessThanIcon.displayName = 'FilledLessThanIcon';
+export const LessThanFilledIcon = FilledLessThanIcon;
+
+export const FilledLessThanEqualIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledLessThanEqualIcon.displayName = 'FilledLessThanEqualIcon';
+export const LessThanEqualFilledIcon = FilledLessThanEqualIcon;
+
+export const FilledMinusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledMinusIcon.displayName = 'FilledMinusIcon';
+export const MinusFilledIcon = FilledMinusIcon;
+
+export const FilledNotEqualIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledNotEqualIcon.displayName = 'FilledNotEqualIcon';
+export const NotEqualFilledIcon = FilledNotEqualIcon;
+
+export const FilledPercentageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-15zM7.002 5a2 2 0 1 0-.004 4a2 2 0 0 0 .004-4zm10 10a2 2 0 1 0-.004 4a2 2 0 0 0 .004-4z"/>
+  </svg>
+);
+FilledPercentageIcon.displayName = 'FilledPercentageIcon';
+export const PercentageFilledIcon = FilledPercentageIcon;
+
+export const FilledPlusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledPlusIcon.displayName = 'FilledPlusIcon';
+export const PlusFilledIcon = FilledPlusIcon;
+
+export const FilledPlusMinusIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledPlusMinusIcon.displayName = 'FilledPlusMinusIcon';
+export const PlusMinusFilledIcon = FilledPlusMinusIcon;
+
+export const FilledPlusMinusAltIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledPlusMinusAltIcon.displayName = 'FilledPlusMinusAltIcon';
+export const PlusMinusAltFilledIcon = FilledPlusMinusAltIcon;

package/src/generated/filled/navigation.tsx

@@ -0,0 +1,458 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const FilledAddHomeWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 11.68V11L8 6l-7 5v10h5v-6h4v6h1.68c-.43-.91-.68-1.92-.68-3c0-2.79 1.64-5.19 4-6.32zm8 1.43V3H10v1.97l7 5v1.11c.33-.05.66-.08 1-.08c1.96 0 3.73.81 5 2.11zM17 7h2v2h-2V7z"/><path fill={color || 'currentColor'} d="M23 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>
+);
+FilledAddHomeWorkIcon.displayName = 'FilledAddHomeWorkIcon';
+export const AddHomeWorkFilledIcon = FilledAddHomeWorkIcon;
+
+export const FilledAppSettingsAltIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 17h2v4c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v4h-2V6H7v12h10v-1z"/>
+  </svg>
+);
+FilledAppSettingsAltIcon.displayName = 'FilledAppSettingsAltIcon';
+export const AppSettingsAltFilledIcon = FilledAppSettingsAltIcon;
+
+export const FilledAppsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledAppsIcon.displayName = 'FilledAppsIcon';
+export const AppsFilledIcon = FilledAppsIcon;
+
+export const FilledAppsOutageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledAppsOutageIcon.displayName = 'FilledAppsOutageIcon';
+export const AppsOutageFilledIcon = FilledAppsOutageIcon;
+
+export const FilledArrowBackIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledArrowBackIcon.displayName = 'FilledArrowBackIcon';
+export const ArrowBackFilledIcon = FilledArrowBackIcon;
+
+export const FilledArrowBackIosIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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.67 3.87L9.9 2.1L0 12l9.9 9.9l1.77-1.77L3.54 12z"/>
+  </svg>
+);
+FilledArrowBackIosIcon.displayName = 'FilledArrowBackIosIcon';
+export const ArrowBackIosFilledIcon = FilledArrowBackIosIcon;
+
+export const FilledArrowBackIosNewIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledArrowBackIosNewIcon.displayName = 'FilledArrowBackIosNewIcon';
+export const ArrowBackIosNewFilledIcon = FilledArrowBackIosNewIcon;
+
+export const FilledArrowDownwardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledArrowDownwardIcon.displayName = 'FilledArrowDownwardIcon';
+export const ArrowDownwardFilledIcon = FilledArrowDownwardIcon;
+
+export const FilledArrowDropDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-5z"/>
+  </svg>
+);
+FilledArrowDropDownIcon.displayName = 'FilledArrowDropDownIcon';
+export const ArrowDropDownFilledIcon = FilledArrowDropDownIcon;
+
+export const FilledArrowDropDownCircleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 12l-4-4h8l-4 4z"/>
+  </svg>
+);
+FilledArrowDropDownCircleIcon.displayName = 'FilledArrowDropDownCircleIcon';
+export const ArrowDropDownCircleFilledIcon = FilledArrowDropDownCircleIcon;
+
+export const FilledArrowDropUpIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 5z"/>
+  </svg>
+);
+FilledArrowDropUpIcon.displayName = 'FilledArrowDropUpIcon';
+export const ArrowDropUpFilledIcon = FilledArrowDropUpIcon;
+
+export const FilledArrowForwardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-8z"/>
+  </svg>
+);
+FilledArrowForwardIcon.displayName = 'FilledArrowForwardIcon';
+export const ArrowForwardFilledIcon = FilledArrowForwardIcon;
+
+export const FilledArrowForwardIosIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledArrowForwardIosIcon.displayName = 'FilledArrowForwardIosIcon';
+export const ArrowForwardIosFilledIcon = FilledArrowForwardIosIcon;
+
+export const FilledArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledArrowLeftIcon.displayName = 'FilledArrowLeftIcon';
+export const ArrowLeftFilledIcon = FilledArrowLeftIcon;
+
+export const FilledArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledArrowRightIcon.displayName = 'FilledArrowRightIcon';
+export const ArrowRightFilledIcon = FilledArrowRightIcon;
+
+export const FilledArrowUpwardIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledArrowUpwardIcon.displayName = 'FilledArrowUpwardIcon';
+export const ArrowUpwardFilledIcon = FilledArrowUpwardIcon;
+
+export const FilledAssistantDirectionIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 10H9c-.6 0-1 .4-1 1v4h2v-3h4v2.5l3.5-3.5L14 7.5V10zm-2-9C5.9 1 1 5.9 1 12s4.9 11 11 11s11-4.9 11-11S18.1 1 12 1zm7.73 11.58l-7.19 7.22c-.35.27-.79.27-1.15 0L4.2 12.58a.932.932 0 0 1 0-1.16l7.19-7.22c.35-.27.79-.27 1.15 0l7.19 7.22c.36.27.36.8 0 1.16z"/>
+  </svg>
+);
+FilledAssistantDirectionIcon.displayName = 'FilledAssistantDirectionIcon';
+export const AssistantDirectionFilledIcon = FilledAssistantDirectionIcon;
+
+export const FilledCampaignIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 9H4zm11.5 3c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34z"/>
+  </svg>
+);
+FilledCampaignIcon.displayName = 'FilledCampaignIcon';
+export const CampaignFilledIcon = FilledCampaignIcon;
+
+export const FilledCancelIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 2zm5 13.59L15.59 17L12 13.41L8.41 17L7 15.59L10.59 12L7 8.41L8.41 7L12 10.59L15.59 7L17 8.41L13.41 12L17 15.59z"/>
+  </svg>
+);
+FilledCancelIcon.displayName = 'FilledCancelIcon';
+export const CancelFilledIcon = FilledCancelIcon;
+
+export const FilledCheckIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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.41z"/>
+  </svg>
+);
+FilledCheckIcon.displayName = 'FilledCheckIcon';
+export const CheckFilledIcon = FilledCheckIcon;
+
+export const FilledChevronLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 12z"/>
+  </svg>
+);
+FilledChevronLeftIcon.displayName = 'FilledChevronLeftIcon';
+export const ChevronLeftFilledIcon = FilledChevronLeftIcon;
+
+export const FilledChevronRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-6z"/>
+  </svg>
+);
+FilledChevronRightIcon.displayName = 'FilledChevronRightIcon';
+export const ChevronRightFilledIcon = FilledChevronRightIcon;
+
+export const FilledCloseIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 12z"/>
+  </svg>
+);
+FilledCloseIcon.displayName = 'FilledCloseIcon';
+export const CloseFilledIcon = FilledCloseIcon;
+
+export const FilledDoubleArrowIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledDoubleArrowIcon.displayName = 'FilledDoubleArrowIcon';
+export const DoubleArrowFilledIcon = FilledDoubleArrowIcon;
+
+export const FilledEastIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledEastIcon.displayName = 'FilledEastIcon';
+export const EastFilledIcon = FilledEastIcon;
+
+export const FilledExpandCircleDownIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 13.5L7.5 11l1.42-1.41L12 12.67l3.08-3.08L16.5 11L12 15.5z"/>
+  </svg>
+);
+FilledExpandCircleDownIcon.displayName = 'FilledExpandCircleDownIcon';
+export const ExpandCircleDownFilledIcon = FilledExpandCircleDownIcon;
+
+export const FilledExpandLessIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 14z"/>
+  </svg>
+);
+FilledExpandLessIcon.displayName = 'FilledExpandLessIcon';
+export const ExpandLessFilledIcon = FilledExpandLessIcon;
+
+export const FilledExpandMoreIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-6z"/>
+  </svg>
+);
+FilledExpandMoreIcon.displayName = 'FilledExpandMoreIcon';
+export const ExpandMoreFilledIcon = FilledExpandMoreIcon;
+
+export const FilledFirstPageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 6zM6 6h2v12H6z"/>
+  </svg>
+);
+FilledFirstPageIcon.displayName = 'FilledFirstPageIcon';
+export const FirstPageFilledIcon = FilledFirstPageIcon;
+
+export const FilledFullscreenIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledFullscreenIcon.displayName = 'FilledFullscreenIcon';
+export const FullscreenFilledIcon = FilledFullscreenIcon;
+
+export const FilledFullscreenExitIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledFullscreenExitIcon.displayName = 'FilledFullscreenExitIcon';
+export const FullscreenExitFilledIcon = FilledFullscreenExitIcon;
+
+export const FilledHomeWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 11v10h5v-6h4v6h5V11L8 6z"/><path fill={color || 'currentColor'} d="M10 3v1.97l7 5V11h2v2h-2v2h2v2h-2v4h6V3H10zm9 6h-2V7h2v2z"/>
+  </svg>
+);
+FilledHomeWorkIcon.displayName = 'FilledHomeWorkIcon';
+export const HomeWorkFilledIcon = FilledHomeWorkIcon;
+
+export const FilledLastPageIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-6zM16 6h2v12h-2z"/>
+  </svg>
+);
+FilledLastPageIcon.displayName = 'FilledLastPageIcon';
+export const LastPageFilledIcon = FilledLastPageIcon;
+
+export const FilledLegendToggleIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledLegendToggleIcon.displayName = 'FilledLegendToggleIcon';
+export const LegendToggleFilledIcon = FilledLegendToggleIcon;
+
+export const FilledMapsHomeWorkIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 11v10h5v-6h4v6h5V11L8 6z"/><path fill={color || 'currentColor'} d="M10 3v1.97l7 5V11h2v2h-2v2h2v2h-2v4h6V3H10zm9 6h-2V7h2v2z"/>
+  </svg>
+);
+FilledMapsHomeWorkIcon.displayName = 'FilledMapsHomeWorkIcon';
+export const MapsHomeWorkFilledIcon = FilledMapsHomeWorkIcon;
+
+export const FilledMenuIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledMenuIcon.displayName = 'FilledMenuIcon';
+export const MenuFilledIcon = FilledMenuIcon;
+
+export const FilledMenuOpenIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledMenuOpenIcon.displayName = 'FilledMenuOpenIcon';
+export const MenuOpenFilledIcon = FilledMenuOpenIcon;
+
+export const FilledMoreHorizIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledMoreHorizIcon.displayName = 'FilledMoreHorizIcon';
+export const MoreHorizFilledIcon = FilledMoreHorizIcon;
+
+export const FilledMoreVertIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledMoreVertIcon.displayName = 'FilledMoreVertIcon';
+export const MoreVertFilledIcon = FilledMoreVertIcon;
+
+export const FilledNorthIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledNorthIcon.displayName = 'FilledNorthIcon';
+export const NorthFilledIcon = FilledNorthIcon;
+
+export const FilledNorthEastIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledNorthEastIcon.displayName = 'FilledNorthEastIcon';
+export const NorthEastFilledIcon = FilledNorthEastIcon;
+
+export const FilledNorthWestIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledNorthWestIcon.displayName = 'FilledNorthWestIcon';
+export const NorthWestFilledIcon = FilledNorthWestIcon;
+
+export const FilledOfflineShareIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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.6 10.26v1.31L17 9.33L14.6 7.1v1.28c-2.33.32-3.26 1.92-3.6 3.52c.83-1.13 1.93-1.64 3.6-1.64zM16 23H6c-1.1 0-2-.9-2-2V5h2v16h10v2zm2-22h-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 15h-8V4h8v12z"/>
+  </svg>
+);
+FilledOfflineShareIcon.displayName = 'FilledOfflineShareIcon';
+export const OfflineShareFilledIcon = FilledOfflineShareIcon;
+
+export const FilledPaymentsIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-9-1c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3zm13-6v11c0 1.1-.9 2-2 2H4v-2h17V7h2z"/>
+  </svg>
+);
+FilledPaymentsIcon.displayName = 'FilledPaymentsIcon';
+export const PaymentsFilledIcon = FilledPaymentsIcon;
+
+export const FilledPivotTableChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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 8h11V5c0-1.1-.9-2-2-2h-9v5zM3 8h5V3H5c-1.1 0-2 .9-2 2v3zm2 13h3V10H3v9c0 1.1.9 2 2 2zm8 1l-4-4l4-4zm1-9l4-4l4 4zm.58 6H13v-2h1.58c1.33 0 2.42-1.08 2.42-2.42V13h2v1.58c0 2.44-1.98 4.42-4.42 4.42z"/>
+  </svg>
+);
+FilledPivotTableChartIcon.displayName = 'FilledPivotTableChartIcon';
+export const PivotTableChartFilledIcon = FilledPivotTableChartIcon;
+
+export const FilledRefreshIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledRefreshIcon.displayName = 'FilledRefreshIcon';
+export const RefreshFilledIcon = FilledRefreshIcon;
+
+export const FilledSouthIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledSouthIcon.displayName = 'FilledSouthIcon';
+export const SouthFilledIcon = FilledSouthIcon;
+
+export const FilledSouthEastIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledSouthEastIcon.displayName = 'FilledSouthEastIcon';
+export const SouthEastFilledIcon = FilledSouthEastIcon;
+
+export const FilledSouthWestIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledSouthWestIcon.displayName = 'FilledSouthWestIcon';
+export const SouthWestFilledIcon = FilledSouthWestIcon;
+
+export const FilledSubdirectoryArrowLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledSubdirectoryArrowLeftIcon.displayName = 'FilledSubdirectoryArrowLeftIcon';
+export const SubdirectoryArrowLeftFilledIcon = FilledSubdirectoryArrowLeftIcon;
+
+export const FilledSubdirectoryArrowRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledSubdirectoryArrowRightIcon.displayName = 'FilledSubdirectoryArrowRightIcon';
+export const SubdirectoryArrowRightFilledIcon = FilledSubdirectoryArrowRightIcon;
+
+export const FilledSwitchLeftIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledSwitchLeftIcon.displayName = 'FilledSwitchLeftIcon';
+export const SwitchLeftFilledIcon = FilledSwitchLeftIcon;
+
+export const FilledSwitchRightIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledSwitchRightIcon.displayName = 'FilledSwitchRightIcon';
+export const SwitchRightFilledIcon = FilledSwitchRightIcon;
+
+export const FilledUnfoldLessIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledUnfoldLessIcon.displayName = 'FilledUnfoldLessIcon';
+export const UnfoldLessFilledIcon = FilledUnfoldLessIcon;
+
+export const FilledUnfoldMoreIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledUnfoldMoreIcon.displayName = 'FilledUnfoldMoreIcon';
+export const UnfoldMoreFilledIcon = FilledUnfoldMoreIcon;
+
+export const FilledWaterfallChartIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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-3zM3 13h3v7H3zm11-9h3v3h-3zm-4 1h3v4h-3zm-3 5h3v4H7z"/>
+  </svg>
+);
+FilledWaterfallChartIcon.displayName = 'FilledWaterfallChartIcon';
+export const WaterfallChartFilledIcon = FilledWaterfallChartIcon;
+
+export const FilledWestIcon: React.FC<IconProps> = ({ size = 24, color = 'currentColor', fillOpacity, className, ...props }) => (
+  <svg width={size} 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>
+);
+FilledWestIcon.displayName = 'FilledWestIcon';
+export const WestFilledIcon = FilledWestIcon;