@blueprintjs/icons 5.0.0-alpha.5 → 5.0.0-beta.1

package/src/generated/components/series-add.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
-import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const SeriesAdd: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M265.8 214.2C271.8 201.8000000000001 281.8 191.8 294.2 185.8L234.2 125.8C230.6 122.2 225.6 120 220 120S209.4 122.2 205.8 126L140 191.8L40 91.8V60H380C391 60 400 51 400 40S391 20 380 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2L265.8 214.2zM240 300C240 310 248 320 260 320H300V360C300 372 308 380 320 380C330 380 340 372 340 360V320H380C390 320 400 312 400 300S390 280 380 280H340V240C340 228 330 220 320 220C308 220 300 228 300 240V280H260C248 280 240 288 240 300z"
-                    : "M213.6 162C222.4 151.2 235 143.6 249.4 141L194.2 85.8C190.6 82.2 185.6 80 180 80S169.4 82.2 165.8 86L100 151.8L40 91.8V60H300C311 60 320 51 320 40S311 20 300 20H20C9 20 0 29 0 40V240C0 251 9 260 20 260S40 251 40 240V148.2L85.8 194.2C89.4 197.8 94.4 200 100 200S110.6 197.8 114.2 194.2L180 128.2L213.6 162zM300 260C311 260 320 251 320 240S311 220 300 220H280V200C280 189 271 180 260 180S240 189 240 200V220H220C209 220 200 229 200 240S209 260 220 260H240V280C240 291 249 300 260 300S280 291 280 280V260H300z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="series-add"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-series-add`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="series-add" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SeriesAdd: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="series-add" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M213.6 162C222.4 151.2 235 143.6 249.4 141L194.2 85.8C190.6 82.2 185.6 80 180 80S169.4 82.2 165.8 86L100 151.8L40 91.8V60H300C311 60 320 51 320 40S311 20 300 20H20C9 20 0 29 0 40V240C0 251 9 260 20 260S40 251 40 240V148.2L85.8 194.2C89.4 197.8 94.4 200 100 200S110.6 197.8 114.2 194.2L180 128.2L213.6 162zM300 260C311 260 320 251 320 240S311 220 300 220H280V200C280 189 271 180 260 180S240 189 240 200V220H220C209 220 200 229 200 240S209 260 220 260H240V280C240 291 249 300 260 300S280 291 280 280V260H300z"
+                        : "M265.8 214.2C271.8 201.8000000000001 281.8 191.8 294.2 185.8L234.2 125.8C230.6 122.2 225.6 120 220 120S209.4 122.2 205.8 126L140 191.8L40 91.8V60H380C391 60 400 51 400 40S391 20 380 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2L265.8 214.2zM240 300C240 310 248 320 260 320H300V360C300 372 308 380 320 380C330 380 340 372 340 360V320H380C390 320 400 312 400 300S390 280 380 280H340V240C340 228 330 220 320 220C308 220 300 228 300 240V280H260C248 280 240 288 240 300z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SeriesAdd.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SeriesAdd.displayName = `Blueprint5.Icon.SeriesAdd`;
 export default SeriesAdd;

package/src/generated/components/series-configuration.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
-import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const SeriesConfiguration: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M238.2 186.6C248.6 177.6 260.8 170.6 274.2000000000001 166L234.0000000000001 125.8C230.4 122.2 225.4 120 219.8 120C214.2 120 209.2 122.2 205.6 126L140 191.8L40 91.8V60H379.8C390.8 60 399.8 51 399.8 40S390.8 20 379.8 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340C31 340 40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240C145.6 240 150.6 237.8 154.2 234.2L220 168.2L238.2 186.6zM370 308H390.8C395.8 308 399.8 304 400 299.2V281.2C400 276.2 396 272.2 391 272.2H370.2000000000001C368.8 267.8 367 263.8 364.8000000000001 259.8L379.4000000000001 245.2C382.8000000000001 241.8 382.8000000000001 236.4 379.4000000000001 233L367.2000000000001 220.8C363.8 217.4 358.4000000000001 217.4 355.0000000000001 220.8L340.4000000000001 235.4000000000001C336.4000000000001 233.2000000000001 332.4000000000001 231.4000000000001 328.0000000000001 230.2000000000001V209.2C328.0000000000001 204.2 324.0000000000001 200.2000000000001 319.0000000000001 200.2000000000001H301.0000000000001C296.0000000000001 200.2000000000001 292.0000000000001 204.2 292.0000000000001 209.2V229.8C287.8000000000001 231 284.0000000000001 232.8 280.4000000000001 234.8L265.2000000000001 219.4C261.8000000000001 216 256.0000000000001 216 252.4000000000001 219.4L239.6000000000001 232.2C236.2000000000001 235.6 236.2000000000001 241.4000000000001 239.6000000000001 245.0000000000001L254.8000000000001 260.4000000000001C252.8000000000001 264.2000000000001 251.0000000000001 268 249.8000000000001 272.2000000000001H229.0000000000001C224.0000000000001 272.2000000000001 220.0000000000001 276.2000000000001 220.0000000000001 281.2000000000001V299.2000000000001C220.0000000000001 304.2000000000001 224.0000000000001 308.2000000000001 229.0000000000001 308.2000000000001H249.8000000000001C251.2000000000001 312.6 253.0000000000001 316.6 255.2000000000001 320.4000000000001L240.6 335C237.2 338.4000000000001 237.2 343.8 240.6 347.2000000000001L252.8 359.4000000000001C256.2 362.8 261.6 362.8 265 359.4000000000001L279.6 344.8C283.6 347 287.6 348.8 292 350.0000000000001V371C291.8 376 296 380 300.8 380H318.8C323.8 380 327.8 376 327.8 371V350C332 348.8 335.8 347 339.4 345L354.6 360.4C358.0000000000001 363.8 363.8 363.8 367.4000000000001 360.4L380.2000000000001 347.6C383.6000000000001 344.2 383.6000000000001 338.4 380.2000000000001 334.8L365 319.4C367 316 368.8 312.2 370 308zM276.2 290C276.2 271.4 291.2 256.2000000000001 310 256.2000000000001C328.6 256.2000000000001 343.8 271.2000000000001 343.8 290S328.8 323.8 310.0000000000001 323.8C291.2 323.8 276.2 308.6 276.2 290z"
-                    : "M198.8 127.2C211.8 122.6 225.6 120 240 120C242.8 120 245.8 120.2 248.6 120.2L194 65.8C190.4 62.2 185.4 60 179.8 60C174.2 60 169.2 62.2 165.6 66L100 131.8L40 71.8V40H299.8C310.8 40 319.8 31 319.8 20S310.8 0 299.8 0H20C9 0 0 9 0 20V220C0 231 9 240 20 240C31 240 40 231 40 220V128.2L85.8 174.2C89.4 177.8 94.4 180 100 180C105.6 180 110.6 177.8 114.2 174.2L180 108.2L198.8 127.2zM293.4 256H311.8C316.2 256 319.8 252.4 319.8 248V232C319.8 227.6 316.2 224 311.8 224H293.2C292 220 290.4 216.4 288.4 213L301.6 200C304.6 197 304.6 192 301.6 189L290.8 178C287.8 175 282.8 175 279.8 178L266.8 191C263.4 189 259.6 187.4 255.8 186.2V168C255.8 163.6 252.2 160 247.8 160H231.8C227.3999999999999 160 223.7999999999999 163.6 223.7999999999999 168V186.6C220.1999999999999 187.8 216.5999999999999 189.2 213.3999999999999 191L199.8 177.4C196.8 174.2 191.6 174.2 188.4 177.4L177.2 188.6C174.2 191.8 174.2 196.8 177.2 200L190.8 213.6C189.2 216.8 187.6 220.2 186.4 224H167.8C163.4 224 159.8 227.6 159.8 232V248C159.8 252.4 163.4 256 167.8 256H186.4C187.6 260 189.2 263.6 191.2 267L178.2 279.8C175.2 282.8 175.2 287.8 178.2 290.8L189 301.8C192 304.8 196.8 304.8 199.8 301.8L212.8 288.8C216.4 290.8 220 292.4 223.8 293.6V312C223.8 316.4 227.4 320 231.8 320H247.8C252.2 320 255.8 316.4 255.8 312V293.4C259.4000000000001 292.2 262.8 290.6 266.2 289L279.8 302.6C282.8 305.8 288 305.8 291.2 302.6L302.6 291.2C305.6 288 305.6 283 302.6 279.8L289 266.2C290.8 263 292.2 259.6 293.4 256zM209.8 240C209.8 223.4 223.2 210 239.8 210C256.4 210 269.8 223.4 269.8 240C269.8 256.6 256.4 270 239.8 270C223.4 270 209.8 256.6 209.8 240z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="series-configuration"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-series-configuration`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="series-configuration" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SeriesConfiguration: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="series-configuration" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M198.8 127.2C211.8 122.6 225.6 120 240 120C242.8 120 245.8 120.2 248.6 120.2L194 65.8C190.4 62.2 185.4 60 179.8 60C174.2 60 169.2 62.2 165.6 66L100 131.8L40 71.8V40H299.8C310.8 40 319.8 31 319.8 20S310.8 0 299.8 0H20C9 0 0 9 0 20V220C0 231 9 240 20 240C31 240 40 231 40 220V128.2L85.8 174.2C89.4 177.8 94.4 180 100 180C105.6 180 110.6 177.8 114.2 174.2L180 108.2L198.8 127.2zM293.4 256H311.8C316.2 256 319.8 252.4 319.8 248V232C319.8 227.6 316.2 224 311.8 224H293.2C292 220 290.4 216.4 288.4 213L301.6 200C304.6 197 304.6 192 301.6 189L290.8 178C287.8 175 282.8 175 279.8 178L266.8 191C263.4 189 259.6 187.4 255.8 186.2V168C255.8 163.6 252.2 160 247.8 160H231.8C227.3999999999999 160 223.7999999999999 163.6 223.7999999999999 168V186.6C220.1999999999999 187.8 216.5999999999999 189.2 213.3999999999999 191L199.8 177.4C196.8 174.2 191.6 174.2 188.4 177.4L177.2 188.6C174.2 191.8 174.2 196.8 177.2 200L190.8 213.6C189.2 216.8 187.6 220.2 186.4 224H167.8C163.4 224 159.8 227.6 159.8 232V248C159.8 252.4 163.4 256 167.8 256H186.4C187.6 260 189.2 263.6 191.2 267L178.2 279.8C175.2 282.8 175.2 287.8 178.2 290.8L189 301.8C192 304.8 196.8 304.8 199.8 301.8L212.8 288.8C216.4 290.8 220 292.4 223.8 293.6V312C223.8 316.4 227.4 320 231.8 320H247.8C252.2 320 255.8 316.4 255.8 312V293.4C259.4000000000001 292.2 262.8 290.6 266.2 289L279.8 302.6C282.8 305.8 288 305.8 291.2 302.6L302.6 291.2C305.6 288 305.6 283 302.6 279.8L289 266.2C290.8 263 292.2 259.6 293.4 256zM209.8 240C209.8 223.4 223.2 210 239.8 210C256.4 210 269.8 223.4 269.8 240C269.8 256.6 256.4 270 239.8 270C223.4 270 209.8 256.6 209.8 240z"
+                        : "M238.2 186.6C248.6 177.6 260.8 170.6 274.2000000000001 166L234.0000000000001 125.8C230.4 122.2 225.4 120 219.8 120C214.2 120 209.2 122.2 205.6 126L140 191.8L40 91.8V60H379.8C390.8 60 399.8 51 399.8 40S390.8 20 379.8 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340C31 340 40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240C145.6 240 150.6 237.8 154.2 234.2L220 168.2L238.2 186.6zM370 308H390.8C395.8 308 399.8 304 400 299.2V281.2C400 276.2 396 272.2 391 272.2H370.2000000000001C368.8 267.8 367 263.8 364.8000000000001 259.8L379.4000000000001 245.2C382.8000000000001 241.8 382.8000000000001 236.4 379.4000000000001 233L367.2000000000001 220.8C363.8 217.4 358.4000000000001 217.4 355.0000000000001 220.8L340.4000000000001 235.4000000000001C336.4000000000001 233.2000000000001 332.4000000000001 231.4000000000001 328.0000000000001 230.2000000000001V209.2C328.0000000000001 204.2 324.0000000000001 200.2000000000001 319.0000000000001 200.2000000000001H301.0000000000001C296.0000000000001 200.2000000000001 292.0000000000001 204.2 292.0000000000001 209.2V229.8C287.8000000000001 231 284.0000000000001 232.8 280.4000000000001 234.8L265.2000000000001 219.4C261.8000000000001 216 256.0000000000001 216 252.4000000000001 219.4L239.6000000000001 232.2C236.2000000000001 235.6 236.2000000000001 241.4000000000001 239.6000000000001 245.0000000000001L254.8000000000001 260.4000000000001C252.8000000000001 264.2000000000001 251.0000000000001 268 249.8000000000001 272.2000000000001H229.0000000000001C224.0000000000001 272.2000000000001 220.0000000000001 276.2000000000001 220.0000000000001 281.2000000000001V299.2000000000001C220.0000000000001 304.2000000000001 224.0000000000001 308.2000000000001 229.0000000000001 308.2000000000001H249.8000000000001C251.2000000000001 312.6 253.0000000000001 316.6 255.2000000000001 320.4000000000001L240.6 335C237.2 338.4000000000001 237.2 343.8 240.6 347.2000000000001L252.8 359.4000000000001C256.2 362.8 261.6 362.8 265 359.4000000000001L279.6 344.8C283.6 347 287.6 348.8 292 350.0000000000001V371C291.8 376 296 380 300.8 380H318.8C323.8 380 327.8 376 327.8 371V350C332 348.8 335.8 347 339.4 345L354.6 360.4C358.0000000000001 363.8 363.8 363.8 367.4000000000001 360.4L380.2000000000001 347.6C383.6000000000001 344.2 383.6000000000001 338.4 380.2000000000001 334.8L365 319.4C367 316 368.8 312.2 370 308zM276.2 290C276.2 271.4 291.2 256.2000000000001 310 256.2000000000001C328.6 256.2000000000001 343.8 271.2000000000001 343.8 290S328.8 323.8 310.0000000000001 323.8C291.2 323.8 276.2 308.6 276.2 290z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SeriesConfiguration.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SeriesConfiguration.displayName = `Blueprint5.Icon.SeriesConfiguration`;
 export default SeriesConfiguration;

package/src/generated/components/series-derived.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
-import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const SeriesDerived: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M376.4 268.4C375.8 267.4 375 266.6 374.2000000000001 265.8C374.2000000000001 265.8 374.2000000000001 266 374 266L334 226C330 222 326 220 320 220C308 220 300 228 300 240C300 246 302 250 306 254L332 280H220C208 280 200 288 200 300S208 320 220 320H332L306 346C302 350 300 354 300 360C300 372 308 380 320 380C326 380 330 378 334 374L394 314C398 310 400 306 400 300S398 290 394 286L376.4 268.4zM265.8 214.2C271.8 201.8000000000001 281.8 191.8 294.2 185.8L234.2 125.8C230.6 122.2 225.6 120 220 120S209.4 122.2 205.8 126L140 191.8L40 91.8V60H380C391 60 400 51 400 40S391 20 380 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2L265.8 214.2z"
-                    : "M213.2 161.6C222 150.8 234.6 143.4 249.2 141L194.2 86C190.6 82.2 185.6 80 180 80S169.4 82.2 165.8 86L100 151.8L40 91.8V60H300C311 60 320 51 320 40S311 20 300 20H20C9 20 0 29 0 40V240C0 251 9 260 20 260S40 251 40 240V148.2L85.8 194.2C89.4 197.8 94.4 200 100 200S110.6 197.8 114.2 194.2L180 128.2L213.2 161.6zM246 214L252 220H160C148 220 140 228 140 240S148 260 160 260H252L246 266C242 270 240 274 240 280C240 292 250 300 260 300C266 300 270 298 274 294L314 254C318 250 320 246 320 240S318 230 314 226L274 186C270 182 266 180 260 180C248 180 240 188 240 200C240 206 242 210 246 214z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="series-derived"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-series-derived`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="series-derived" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SeriesDerived: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="series-derived" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M213.2 161.6C222 150.8 234.6 143.4 249.2 141L194.2 86C190.6 82.2 185.6 80 180 80S169.4 82.2 165.8 86L100 151.8L40 91.8V60H300C311 60 320 51 320 40S311 20 300 20H20C9 20 0 29 0 40V240C0 251 9 260 20 260S40 251 40 240V148.2L85.8 194.2C89.4 197.8 94.4 200 100 200S110.6 197.8 114.2 194.2L180 128.2L213.2 161.6zM246 214L252 220H160C148 220 140 228 140 240S148 260 160 260H252L246 266C242 270 240 274 240 280C240 292 250 300 260 300C266 300 270 298 274 294L314 254C318 250 320 246 320 240S318 230 314 226L274 186C270 182 266 180 260 180C248 180 240 188 240 200C240 206 242 210 246 214z"
+                        : "M376.4 268.4C375.8 267.4 375 266.6 374.2000000000001 265.8C374.2000000000001 265.8 374.2000000000001 266 374 266L334 226C330 222 326 220 320 220C308 220 300 228 300 240C300 246 302 250 306 254L332 280H220C208 280 200 288 200 300S208 320 220 320H332L306 346C302 350 300 354 300 360C300 372 308 380 320 380C326 380 330 378 334 374L394 314C398 310 400 306 400 300S398 290 394 286L376.4 268.4zM265.8 214.2C271.8 201.8000000000001 281.8 191.8 294.2 185.8L234.2 125.8C230.6 122.2 225.6 120 220 120S209.4 122.2 205.8 126L140 191.8L40 91.8V60H380C391 60 400 51 400 40S391 20 380 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2L265.8 214.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SeriesDerived.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SeriesDerived.displayName = `Blueprint5.Icon.SeriesDerived`;
 export default SeriesDerived;

package/src/generated/components/series-filtered.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
-import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const SeriesFiltered: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M242.8 191C247.0000000000001 177.6 255.8 166.4 267.2000000000001 158.8L234.2 125.8C230.6 122.2 225.6 120 220 120S209.4 122.2 205.8 126L140 191.8L40 91.8V60H380C391 60 400 51 400 40S391 20 380 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2L242.8 191zM387 380C394.2000000000001 380 400 374.2 400 367.2C400 363.6 398.6 360.4 396.2 358L335.6 297.4V238.4C335.6 234.8 334.2 231.6 331.8 229.2L306.2 203.4C304 201.4 300.8 200 297.2 200C290.2 200 284.4 205.8 284.4 212.8V297.4L223.8 358C221.4 360.4 220 363.6 220 367.2C220 374.2 225.8 380 232.8 380H387z"
-                    : "M185.8 134C191.8 121.6 201.8 111.6 214.2 105.8L194.2 85.8C190.6 82.2 185.6 80 180 80S169.4 82.2 165.8 86L100 151.8L40 91.8V60H300C311 60 320 51 320 40S311 20 300 20H20C9 20 0 29 0 40V240C0 251 9 260 20 260S40 251 40 240V148.2L85.8 194.2C89.4 197.8 94.4 200 100 200S110.6 197.8 114.2 194.2L180 128.2L185.8 134zM309.6 300C315.8 300 320 294.8 320 288.6C320 285.4 318.8 282.6 316.6 280.4L259.4000000000001 225.8V173.2C259.4000000000001 170 258.2 167.2 256 165L239.6 143C237.6 141 234.6 139.6 231.4 139.6C225.2 139.6 220 144.8 220 151V225.8L163.4 280.4C161.2 282.6 160 285.4 160 288.6C160 294.8 165.2 300 171.4 300H309.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="series-filtered"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-series-filtered`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="series-filtered" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SeriesFiltered: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="series-filtered" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M185.8 134C191.8 121.6 201.8 111.6 214.2 105.8L194.2 85.8C190.6 82.2 185.6 80 180 80S169.4 82.2 165.8 86L100 151.8L40 91.8V60H300C311 60 320 51 320 40S311 20 300 20H20C9 20 0 29 0 40V240C0 251 9 260 20 260S40 251 40 240V148.2L85.8 194.2C89.4 197.8 94.4 200 100 200S110.6 197.8 114.2 194.2L180 128.2L185.8 134zM309.6 300C315.8 300 320 294.8 320 288.6C320 285.4 318.8 282.6 316.6 280.4L259.4000000000001 225.8V173.2C259.4000000000001 170 258.2 167.2 256 165L239.6 143C237.6 141 234.6 139.6 231.4 139.6C225.2 139.6 220 144.8 220 151V225.8L163.4 280.4C161.2 282.6 160 285.4 160 288.6C160 294.8 165.2 300 171.4 300H309.6z"
+                        : "M242.8 191C247.0000000000001 177.6 255.8 166.4 267.2000000000001 158.8L234.2 125.8C230.6 122.2 225.6 120 220 120S209.4 122.2 205.8 126L140 191.8L40 91.8V60H380C391 60 400 51 400 40S391 20 380 20H20C11.8 20 4.6 25 1.6 32.2C0.6 34.6 0 37.2 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2L242.8 191zM387 380C394.2000000000001 380 400 374.2 400 367.2C400 363.6 398.6 360.4 396.2 358L335.6 297.4V238.4C335.6 234.8 334.2 231.6 331.8 229.2L306.2 203.4C304 201.4 300.8 200 297.2 200C290.2 200 284.4 205.8 284.4 212.8V297.4L223.8 358C221.4 360.4 220 363.6 220 367.2C220 374.2 225.8 380 232.8 380H387z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SeriesFiltered.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SeriesFiltered.displayName = `Blueprint5.Icon.SeriesFiltered`;
 export default SeriesFiltered;

package/src/generated/components/series-search.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
-import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const SeriesSearch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M225.6 173.8L220 168.2L154.2 234.2C150.6 237.8 145.6 240 140 240S129.4 237.8 125.8 234.2L40 148.2V320C40 331 31 340 20 340S0 331 0 320V40C0 37.2 0.6 34.6 1.6 32.2C4.6 25 11.8 20 20 20H380C391 20 400 29 400 40C400 51 391 60 380 60H40V91.8L140 191.8L205.8 126C209.4 122.2 214.4 120 220 120S230.6 122.2 234.2 125.8L276 167.6C272.6 167.2 269.2000000000001 167.2 265.8 167.2C251.8 167.2 238.2 169.6 225.6 173.8zM207 293.8C207 326.2000000000001 233.2 352.4000000000001 265.6 352.4000000000001S324.2000000000001 326.2000000000001 324.2000000000001 293.8S298 235.2 265.6 235.2S207 261.4 207 293.8zM336.4 245.2C338.6 248.6 340.6 251.8 342.2 255.4C342.4000000000001 256 342.8 256.6 343 257.2C344.5999999999999 260.8 346.2 264.2 347.2 268C348.4 272 349.2000000000001 275.6 350 279.6C350.2000000000001 280.6 350.2000000000001 281.4 350.4 282.4C351 286.4 351.4 290.2 351.4 294.4C351.4 341.8 312.8 380.4 265.4 380.4C218 380.2 179.4 341.8 179.4 294.2S218 208.2 265.4 208.2C269.6 208.2 273.4 208.6 277.4 209.2C278.2 209.2 279.2 209.4 280.2 209.6C284.2 210.2 287.8 211.2 291.6 212.4C295.6 213.6 299 215.2000000000001 302.6 216.6C303.2 216.8000000000001 303.8 217.2 304.4000000000001 217.4C308 219.2 311.2 221.2 314.6 223.2L372 165.8C374.8000000000001 163 378.6 161.4 383.2 161.4C391.8 161.4 398.8 168.4 398.8 177C398.6 181.2 396.8 185.2 394.2000000000001 188.2L336.4 245.2z"
-                    : "M192 141.2C198.2 140 204.4 139.4 211 139.4C215 139.4 219 139.6 223 140.2C224.8 140.4 226.2 140.6 228.4 141C230.4 141.2 232.8 141.8 236.2 142.6L240.8 144C241.6 144.2 242.4 144.4 243 144.8L247.4 140.4L193.4 85.9999999999999C189.8 82.2 184.8 80 179.2 80S168.6 82.2 165 86L99.6 151.8L39.8 91.8V60H298.6C309.6 60 318.6 51 318.6 40C318.6 29 309.6 20 298.6 20H20C9 20 0 29 0 40V240.2C0 251.2 9 260.2 20 260.2S40 251.2 40 240.2V148.4L85.6 194.4C89 198 94 200.2 99.6 200.2S110.2 198 113.6 194.4L179.2 128.4L192 141.2zM316.4 149.4C318.4 147 319.8 144 320 140.6C320 133.8 314.6 128.4 307.8 128.4C304.2000000000001 128.4 301.2 129.8 299.2000000000001 132L254.4 177C251.8 175.4 249.2 173.8 246.4 172.4C246 172.2 245.4 172 245 171.8C242.2 170.6 239.6 169.4 236.6 168.4H236.4C233.6 167.4 230.6 166.8 227.6 166.2C226.8000000000001 166 226 165.8 225.4000000000001 165.8C222.4 165.4 219.4 165 216.2 165C179.2 165 149.2 195.2 149.2 232.4S179.2 299.8 216.2 300C253.2 300 283.2 269.8 283.2 232.6C283.2 229.4 282.8 226.4 282.4000000000001 223.2C282.2000000000001 222.4 282.2000000000001 221.8 282 221C281.6 218 281 215.2 280 212.2V212C279 209 277.8 206.4 276.6 203.6C276.4 203.2 276.2 202.6 276 202.2C274.6 199.4 273.2 196.8 271.4 194.2L316.4 149.4zM216.2 188.2C240.6 188.2 260.4 208 260.4 232.6C260.4 257.2000000000001 240.6 277 216.2 277C191.8 277 172 257.2000000000001 172 232.6C172 208.2 191.8 188.2 216.2 188.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="series-search"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-series-search`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="series-search" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SeriesSearch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="series-search" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M192 141.2C198.2 140 204.4 139.4 211 139.4C215 139.4 219 139.6 223 140.2C224.8 140.4 226.2 140.6 228.4 141C230.4 141.2 232.8 141.8 236.2 142.6L240.8 144C241.6 144.2 242.4 144.4 243 144.8L247.4 140.4L193.4 85.9999999999999C189.8 82.2 184.8 80 179.2 80S168.6 82.2 165 86L99.6 151.8L39.8 91.8V60H298.6C309.6 60 318.6 51 318.6 40C318.6 29 309.6 20 298.6 20H20C9 20 0 29 0 40V240.2C0 251.2 9 260.2 20 260.2S40 251.2 40 240.2V148.4L85.6 194.4C89 198 94 200.2 99.6 200.2S110.2 198 113.6 194.4L179.2 128.4L192 141.2zM316.4 149.4C318.4 147 319.8 144 320 140.6C320 133.8 314.6 128.4 307.8 128.4C304.2000000000001 128.4 301.2 129.8 299.2000000000001 132L254.4 177C251.8 175.4 249.2 173.8 246.4 172.4C246 172.2 245.4 172 245 171.8C242.2 170.6 239.6 169.4 236.6 168.4H236.4C233.6 167.4 230.6 166.8 227.6 166.2C226.8000000000001 166 226 165.8 225.4000000000001 165.8C222.4 165.4 219.4 165 216.2 165C179.2 165 149.2 195.2 149.2 232.4S179.2 299.8 216.2 300C253.2 300 283.2 269.8 283.2 232.6C283.2 229.4 282.8 226.4 282.4000000000001 223.2C282.2000000000001 222.4 282.2000000000001 221.8 282 221C281.6 218 281 215.2 280 212.2V212C279 209 277.8 206.4 276.6 203.6C276.4 203.2 276.2 202.6 276 202.2C274.6 199.4 273.2 196.8 271.4 194.2L316.4 149.4zM216.2 188.2C240.6 188.2 260.4 208 260.4 232.6C260.4 257.2000000000001 240.6 277 216.2 277C191.8 277 172 257.2000000000001 172 232.6C172 208.2 191.8 188.2 216.2 188.2z"
+                        : "M225.6 173.8L220 168.2L154.2 234.2C150.6 237.8 145.6 240 140 240S129.4 237.8 125.8 234.2L40 148.2V320C40 331 31 340 20 340S0 331 0 320V40C0 37.2 0.6 34.6 1.6 32.2C4.6 25 11.8 20 20 20H380C391 20 400 29 400 40C400 51 391 60 380 60H40V91.8L140 191.8L205.8 126C209.4 122.2 214.4 120 220 120S230.6 122.2 234.2 125.8L276 167.6C272.6 167.2 269.2000000000001 167.2 265.8 167.2C251.8 167.2 238.2 169.6 225.6 173.8zM207 293.8C207 326.2000000000001 233.2 352.4000000000001 265.6 352.4000000000001S324.2000000000001 326.2000000000001 324.2000000000001 293.8S298 235.2 265.6 235.2S207 261.4 207 293.8zM336.4 245.2C338.6 248.6 340.6 251.8 342.2 255.4C342.4000000000001 256 342.8 256.6 343 257.2C344.5999999999999 260.8 346.2 264.2 347.2 268C348.4 272 349.2000000000001 275.6 350 279.6C350.2000000000001 280.6 350.2000000000001 281.4 350.4 282.4C351 286.4 351.4 290.2 351.4 294.4C351.4 341.8 312.8 380.4 265.4 380.4C218 380.2 179.4 341.8 179.4 294.2S218 208.2 265.4 208.2C269.6 208.2 273.4 208.6 277.4 209.2C278.2 209.2 279.2 209.4 280.2 209.6C284.2 210.2 287.8 211.2 291.6 212.4C295.6 213.6 299 215.2000000000001 302.6 216.6C303.2 216.8000000000001 303.8 217.2 304.4000000000001 217.4C308 219.2 311.2 221.2 314.6 223.2L372 165.8C374.8000000000001 163 378.6 161.4 383.2 161.4C391.8 161.4 398.8 168.4 398.8 177C398.6 181.2 396.8 185.2 394.2000000000001 188.2L336.4 245.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SeriesSearch.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SeriesSearch.displayName = `Blueprint5.Icon.SeriesSearch`;
 export default SeriesSearch;

package/src/generated/components/settings.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
-import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const Settings: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M80 380C80 391 71 400 60 400S40 391 40 380V280H80V380zM40 20C40 9 49 0 60 0S80 9 80 20V140H40V20zM220 380C220 391 211 400 200 400S180 391 180 380V220H220V380zM360 380C360 391 351 400 340 400S320 391 320 380V320H360V380zM180 20C180 9 189 0 200 0S220 9 220 20V80H180V20zM360 300H320C309 300 300 291 300 280V220C300 209 309 200 320 200H360C371 200 380 209 380 220V280C380 291 371 300 360 300zM320 20C320 9 329 0 340 0S360 9 360 20V180H320V20zM80 260H40C29 260 20 251 20 240V180C20 169 29 160 40 160H80C91 160 100 169 100 180V240C100 251 91 260 80 260zM220 200H180C169 200 160 191 160 180V120C160 109 169 100 180 100H220C231 100 240 109 240 120V180C240 191 231 200 220 200z"
-                    : "M60 300C60 311 51 320 40 320S20 311 20 300V240H60V300zM60 220H20C9 220 0 211 0 200V160C0 149 9 140 20 140H60C71 140 80 149 80 160V200C80 211 71 220 60 220zM300 300C300 311 291 320 280 320S260 311 260 300V260H300V300zM180 300C180 311 171 320 160 320S140 311 140 300V180H180V300zM20 20C20 9 29 0 40 0S60 9 60 20V120H20V20zM300 240H260C249 240 240 231 240 220V180C240 169 249 160 260 160H300C311 160 320 169 320 180V220C320 231 311 240 300 240zM260 20C260 9 269 0 280 0S300 9 300 20V140H260V20zM180 160H140C129 160 120 151 120 140V100C120 89 129 80 140 80H180C191 80 200 89 200 100V140C200 151 191 160 180 160zM140 20C140 9 149 0 160 0S180 9 180 20V60H140V20z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="settings"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-settings`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="settings" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Settings: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="settings" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M60 300C60 311 51 320 40 320S20 311 20 300V240H60V300zM60 220H20C9 220 0 211 0 200V160C0 149 9 140 20 140H60C71 140 80 149 80 160V200C80 211 71 220 60 220zM300 300C300 311 291 320 280 320S260 311 260 300V260H300V300zM180 300C180 311 171 320 160 320S140 311 140 300V180H180V300zM20 20C20 9 29 0 40 0S60 9 60 20V120H20V20zM300 240H260C249 240 240 231 240 220V180C240 169 249 160 260 160H300C311 160 320 169 320 180V220C320 231 311 240 300 240zM260 20C260 9 269 0 280 0S300 9 300 20V140H260V20zM180 160H140C129 160 120 151 120 140V100C120 89 129 80 140 80H180C191 80 200 89 200 100V140C200 151 191 160 180 160zM140 20C140 9 149 0 160 0S180 9 180 20V60H140V20z"
+                        : "M80 380C80 391 71 400 60 400S40 391 40 380V280H80V380zM40 20C40 9 49 0 60 0S80 9 80 20V140H40V20zM220 380C220 391 211 400 200 400S180 391 180 380V220H220V380zM360 380C360 391 351 400 340 400S320 391 320 380V320H360V380zM180 20C180 9 189 0 200 0S220 9 220 20V80H180V20zM360 300H320C309 300 300 291 300 280V220C300 209 309 200 320 200H360C371 200 380 209 380 220V280C380 291 371 300 360 300zM320 20C320 9 329 0 340 0S360 9 360 20V180H320V20zM80 260H40C29 260 20 251 20 240V180C20 169 29 160 40 160H80C91 160 100 169 100 180V240C100 251 91 260 80 260zM220 200H180C169 200 160 191 160 180V120C160 109 169 100 180 100H220C231 100 240 109 240 120V180C240 191 231 200 220 200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Settings.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Settings.displayName = `Blueprint5.Icon.Settings`;
 export default Settings;