@blueprintjs/icons 5.0.0-alpha.4 → 5.0.0-beta.0

package/src/generated/components/manually-entered-data.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 { SVGIconContainer } from "../../svgIconContainer";
 
-export const ManuallyEnteredData: 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
-                    ? "M20 160H106.8L146.8 200H20C9 200 0 191 0 180C0 169 9 160 20 160zM355.4 238.8L388.4 271.8C395.6 279 400 289 400 300C400 322 382 340 360 340C349 340 339 335.6 331.8 328.2L298.8 295.2L355.4 238.8zM20 320H266.8L306.8 360H20C9 360 0 351 0 340C0 329 9 320 20 320zM0 100C0 89 9 80 20 80H26.8L66.8 120H20C9 120 0 111 0 100zM20 240H186.8L226.8 280H20C9 280 0 271 0 260C0 249 9 240 20 240zM380 200H373.2L333.2 160H380C391 160 400 169 400 180C400 191 391 200 380 200zM380 120H293.2L253.2 80H380C391 80 400 89 400 100C400 111 391 120 380 120zM80 20L168.2 51.8L112 107.6L80 20zM284.6 281.2L131.6 128.2L188.2 71.6L341.2000000000001 224.6L284.6 281.2z"
-                    : "M20 160H95.2L135.2 200H20C9 200 0 191 0 180C0 169 9 160 20 160zM309.8 240.2C316 246.6 320 255.4 320 265C320 284.4 304.4000000000001 300 285 300C275.4 300 266.6 296 260.2 289.8L231.4 261L280.8 211.6L309.8 240.2zM20 240H175.2L215.2 280H20C9 280 0 271 0 260C0 249 9 240 20 240zM20 120C9 120 0 111 0 100C0 90.4 7 82.8 16 80.8L55.2 120H20zM219 248.6L85.2 114.8L134.6 65.4L268.4 199.2L219 248.6zM304 199.2L264.8 160H300C311 160 320 169 320 180C320 189.6 313 197.2 304 199.2zM40 20L117.2 47.8L68 96.6L40 20zM300 120H224.8L184.8 80H300C311 80 320 89 320 100C320 111 311 120 300 120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="manually-entered-data"
-                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}-manually-entered-data`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="manually-entered-data" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const ManuallyEnteredData: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="manually-entered-data" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M20 160H95.2L135.2 200H20C9 200 0 191 0 180C0 169 9 160 20 160zM309.8 240.2C316 246.6 320 255.4 320 265C320 284.4 304.4000000000001 300 285 300C275.4 300 266.6 296 260.2 289.8L231.4 261L280.8 211.6L309.8 240.2zM20 240H175.2L215.2 280H20C9 280 0 271 0 260C0 249 9 240 20 240zM20 120C9 120 0 111 0 100C0 90.4 7 82.8 16 80.8L55.2 120H20zM219 248.6L85.2 114.8L134.6 65.4L268.4 199.2L219 248.6zM304 199.2L264.8 160H300C311 160 320 169 320 180C320 189.6 313 197.2 304 199.2zM40 20L117.2 47.8L68 96.6L40 20zM300 120H224.8L184.8 80H300C311 80 320 89 320 100C320 111 311 120 300 120z"
+                        : "M20 160H106.8L146.8 200H20C9 200 0 191 0 180C0 169 9 160 20 160zM355.4 238.8L388.4 271.8C395.6 279 400 289 400 300C400 322 382 340 360 340C349 340 339 335.6 331.8 328.2L298.8 295.2L355.4 238.8zM20 320H266.8L306.8 360H20C9 360 0 351 0 340C0 329 9 320 20 320zM0 100C0 89 9 80 20 80H26.8L66.8 120H20C9 120 0 111 0 100zM20 240H186.8L226.8 280H20C9 280 0 271 0 260C0 249 9 240 20 240zM380 200H373.2L333.2 160H380C391 160 400 169 400 180C400 191 391 200 380 200zM380 120H293.2L253.2 80H380C391 80 400 89 400 100C400 111 391 120 380 120zM80 20L168.2 51.8L112 107.6L80 20zM284.6 281.2L131.6 128.2L188.2 71.6L341.2000000000001 224.6L284.6 281.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+ManuallyEnteredData.defaultProps = {
+    size: IconSize.STANDARD,
+};
 ManuallyEnteredData.displayName = `Blueprint5.Icon.ManuallyEnteredData`;
 export default ManuallyEnteredData;

package/src/generated/components/many-to-many.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 { SVGIconContainer } from "../../svgIconContainer";
 
-export const ManyToMany: 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
-                    ? "M340 280C351.046 280 360 288.9544 360 300C360 311.0456 351.046 320 340 320C328.954 320 320 311.0456 320 300C320 288.9544 328.954 280 340 280zM340 240C315.752 240 294.864 254.383 285.402 275.0826C281.388 273.729 277.248 272.0028 273.064 269.8016C255.388 260.4976 234.668 241.4436 220.968 200C234.668 158.556 255.388 139.502 273.064 130.198C277.248 127.998 281.388 126.272 285.402 124.918C294.864 145.618 315.752 160 340 160C373.1380000000001 160 400 133.138 400 100C400 66.862 373.1380000000001 40 340 40C312.318 40 289.016 58.746 282.092 84.234C273.436 86.4260000000001 264.028 89.752 254.436 94.802C234.77 105.152 215.484 122.088 200 148.9C184.5162 122.088 165.2294 105.152 145.565 94.802C135.9722 89.752 126.5642 86.4260000000001 117.9072 84.234C110.984 58.746 87.681 40 60 40C26.863 40 0 66.862 0 100C0 133.138 26.863 160 60 160C84.2472 160 105.135 145.618 114.5974 124.918C118.6128 126.272 122.7528 127.998 126.935 130.198C144.6126 139.502 165.3324 158.556 179.033 200C165.3322 241.4436 144.6126 260.4976 126.935 269.8016C122.7528 272.0028 118.6128 273.729 114.5974 275.0826C105.1352 254.383 84.2472 240 60 240C26.863 240 0 266.863 0 300C0 333.137 26.863 360 60 360C87.681 360 110.9838 341.2548 117.9072 315.766C126.5642 313.574 135.9722 310.2472 145.565 305.1984C165.2294 294.8486 184.5162 277.9120000000001 200 251.1006C215.484 277.9120000000001 234.77 294.8486 254.436 305.1984C264.028 310.2472 273.436 313.5738 282.092 315.766C289.016 341.2548 312.318 360 340 360C373.1380000000001 360 400 333.137 400 300C400 266.863 373.1380000000001 240 340 240zM80 300C80 311.0456 71.0456 320 60 320C48.9544 320 40 311.0456 40 300C40 288.9544 48.9544 280 60 280C71.0456 280 80 288.9544 80 300zM320 100C320 88.954 328.954 80 340 80C351.046 80 360 88.954 360 100C360 111.046 351.046 120 340 120C328.954 120 320 111.046 320 100zM60 120C71.0456 120 80 111.046 80 100C80 88.954 71.0456 80 60 80C48.9544 80 40 88.954 40 100C40 111.046 48.9544 120 60 120z"
-                    : "M60 260C48.9544 260 40 251.0456 40 240C40 228.9544 48.9544 220 60 220C71.0456 220 80 228.9544 80 240C80 251.0456 71.0456 260 60 260zM120 240C120 239.0612 119.9784 238.1274 119.9358 237.1992C125.0488 235.5792 130.7036 233.022 136.58 228.9856C144.7084 223.4022 152.5844 215.4734 160 204.4992C167.4156 215.4734 175.2916 223.4022 183.42 228.9856C189.2964 233.022 194.9512 235.5792 200.064 237.1992C200.022 238.1276 200 239.0612 200 240C200 273.137 226.862 300 260 300C293.1380000000001 300 320 273.137 320 240C320 206.863 293.1380000000001 180 260 180C242.328 180 226.442 187.6396 215.462 199.796C212.772 199.4506 209.716 198.52 206.068 196.0144C200.232 192.0064 191.0236 182.5694 181.5252 160C191.0236 137.4306 200.232 127.9936 206.068 123.9856C209.716 121.48 212.772 120.5494 215.462 120.204C226.442 132.3604 242.328 140 260 140C293.1380000000001 140 320 113.138 320 80C320 46.862 293.1380000000001 20 260 20C226.862 20 200 46.862 200 80C200 80.938 200.022 81.872 200.064 82.8C194.9512 84.42 189.2964 86.978 183.42 91.014C175.2916 96.598 167.4156 104.526 160 115.5C152.5844 104.526 144.7084 96.598 136.58 91.014C130.7036 86.978 125.0488 84.42 119.9358 82.8C119.9784 81.872 120 80.938 120 80C120 46.862 93.137 20 60 20C26.863 20 0 46.862 0 80C0 113.138 26.863 140 60 140C77.6714 140 93.5584 132.3604 104.5388 120.204C107.2284 120.5494 110.2848 121.48 113.9324 123.9856C119.7676 127.9936 128.9764 137.4306 138.4748 160C128.9764 182.5694 119.7676 192.0064 113.9324 196.0144C110.2848 198.52 107.2284 199.4506 104.5388 199.796C93.5584 187.6396 77.6714 180 60 180C26.863 180 0 206.863 0 240C0 273.137 26.863 300 60 300C93.137 300 120 273.137 120 240zM240 240C240 251.0456 248.954 260 260 260C271.046 260 280 251.0456 280 240C280 228.9544 271.046 220 260 220C248.954 220 240 228.9544 240 240zM60 100C48.9544 100 40 91.046 40 80C40 68.954 48.9544 60 60 60C71.0456 60 80 68.954 80 80C80 91.046 71.0456 100 60 100zM240 80C240 91.046 248.954 100 260 100C271.046 100 280 91.046 280 80C280 68.954 271.046 60 260 60C248.954 60 240 68.954 240 80z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="many-to-many"
-                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}-many-to-many`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="many-to-many" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const ManyToMany: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="many-to-many" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M60 260C48.9544 260 40 251.0456 40 240C40 228.9544 48.9544 220 60 220C71.0456 220 80 228.9544 80 240C80 251.0456 71.0456 260 60 260zM120 240C120 239.0612 119.9784 238.1274 119.9358 237.1992C125.0488 235.5792 130.7036 233.022 136.58 228.9856C144.7084 223.4022 152.5844 215.4734 160 204.4992C167.4156 215.4734 175.2916 223.4022 183.42 228.9856C189.2964 233.022 194.9512 235.5792 200.064 237.1992C200.022 238.1276 200 239.0612 200 240C200 273.137 226.862 300 260 300C293.1380000000001 300 320 273.137 320 240C320 206.863 293.1380000000001 180 260 180C242.328 180 226.442 187.6396 215.462 199.796C212.772 199.4506 209.716 198.52 206.068 196.0144C200.232 192.0064 191.0236 182.5694 181.5252 160C191.0236 137.4306 200.232 127.9936 206.068 123.9856C209.716 121.48 212.772 120.5494 215.462 120.204C226.442 132.3604 242.328 140 260 140C293.1380000000001 140 320 113.138 320 80C320 46.862 293.1380000000001 20 260 20C226.862 20 200 46.862 200 80C200 80.938 200.022 81.872 200.064 82.8C194.9512 84.42 189.2964 86.978 183.42 91.014C175.2916 96.598 167.4156 104.526 160 115.5C152.5844 104.526 144.7084 96.598 136.58 91.014C130.7036 86.978 125.0488 84.42 119.9358 82.8C119.9784 81.872 120 80.938 120 80C120 46.862 93.137 20 60 20C26.863 20 0 46.862 0 80C0 113.138 26.863 140 60 140C77.6714 140 93.5584 132.3604 104.5388 120.204C107.2284 120.5494 110.2848 121.48 113.9324 123.9856C119.7676 127.9936 128.9764 137.4306 138.4748 160C128.9764 182.5694 119.7676 192.0064 113.9324 196.0144C110.2848 198.52 107.2284 199.4506 104.5388 199.796C93.5584 187.6396 77.6714 180 60 180C26.863 180 0 206.863 0 240C0 273.137 26.863 300 60 300C93.137 300 120 273.137 120 240zM240 240C240 251.0456 248.954 260 260 260C271.046 260 280 251.0456 280 240C280 228.9544 271.046 220 260 220C248.954 220 240 228.9544 240 240zM60 100C48.9544 100 40 91.046 40 80C40 68.954 48.9544 60 60 60C71.0456 60 80 68.954 80 80C80 91.046 71.0456 100 60 100zM240 80C240 91.046 248.954 100 260 100C271.046 100 280 91.046 280 80C280 68.954 271.046 60 260 60C248.954 60 240 68.954 240 80z"
+                        : "M340 280C351.046 280 360 288.9544 360 300C360 311.0456 351.046 320 340 320C328.954 320 320 311.0456 320 300C320 288.9544 328.954 280 340 280zM340 240C315.752 240 294.864 254.383 285.402 275.0826C281.388 273.729 277.248 272.0028 273.064 269.8016C255.388 260.4976 234.668 241.4436 220.968 200C234.668 158.556 255.388 139.502 273.064 130.198C277.248 127.998 281.388 126.272 285.402 124.918C294.864 145.618 315.752 160 340 160C373.1380000000001 160 400 133.138 400 100C400 66.862 373.1380000000001 40 340 40C312.318 40 289.016 58.746 282.092 84.234C273.436 86.4260000000001 264.028 89.752 254.436 94.802C234.77 105.152 215.484 122.088 200 148.9C184.5162 122.088 165.2294 105.152 145.565 94.802C135.9722 89.752 126.5642 86.4260000000001 117.9072 84.234C110.984 58.746 87.681 40 60 40C26.863 40 0 66.862 0 100C0 133.138 26.863 160 60 160C84.2472 160 105.135 145.618 114.5974 124.918C118.6128 126.272 122.7528 127.998 126.935 130.198C144.6126 139.502 165.3324 158.556 179.033 200C165.3322 241.4436 144.6126 260.4976 126.935 269.8016C122.7528 272.0028 118.6128 273.729 114.5974 275.0826C105.1352 254.383 84.2472 240 60 240C26.863 240 0 266.863 0 300C0 333.137 26.863 360 60 360C87.681 360 110.9838 341.2548 117.9072 315.766C126.5642 313.574 135.9722 310.2472 145.565 305.1984C165.2294 294.8486 184.5162 277.9120000000001 200 251.1006C215.484 277.9120000000001 234.77 294.8486 254.436 305.1984C264.028 310.2472 273.436 313.5738 282.092 315.766C289.016 341.2548 312.318 360 340 360C373.1380000000001 360 400 333.137 400 300C400 266.863 373.1380000000001 240 340 240zM80 300C80 311.0456 71.0456 320 60 320C48.9544 320 40 311.0456 40 300C40 288.9544 48.9544 280 60 280C71.0456 280 80 288.9544 80 300zM320 100C320 88.954 328.954 80 340 80C351.046 80 360 88.954 360 100C360 111.046 351.046 120 340 120C328.954 120 320 111.046 320 100zM60 120C71.0456 120 80 111.046 80 100C80 88.954 71.0456 80 60 80C48.9544 80 40 88.954 40 100C40 111.046 48.9544 120 60 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+ManyToMany.defaultProps = {
+    size: IconSize.STANDARD,
+};
 ManyToMany.displayName = `Blueprint5.Icon.ManyToMany`;
 export default ManyToMany;

package/src/generated/components/many-to-one.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 { SVGIconContainer } from "../../svgIconContainer";
 
-export const ManyToOne: 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
-                    ? "M60 360C48.9544 360 40 351.0456 40 340C40 328.9544 48.9544 320 60 320C71.0456 320 80 328.9544 80 340C80 351.0456 71.0456 360 60 360zM60 280C85.9136 280 107.9904 296.428 116.3838 319.4374000000001C126.1326 318.666 138.1134 316.838 149.7374 312.508C168.6742 305.454 185.1998 292.492 190.375 266.145C196.8354 233.2560000000001 215.064 212.6364 235.654 200C215.064 187.364 196.8354 166.744 190.375 133.854C185.1998 107.508 168.6742 94.546 149.7374 87.492C138.1134 83.162 126.1326 81.334 116.3838 80.562C107.9904 103.572 85.9136 120 60 120C26.863 120 0 93.138 0 60C0 26.862 26.863 0 60 0C86.3026 0 108.6522 16.924 116.7524 40.478C129.4234 41.318 146.5832 43.632 163.7002 50.008C191.7426 60.454 221.05 82.492 229.624 126.146C234.8 152.492 251.326 165.454 270.262 172.508C275.072 174.3 279.944 175.664 284.692 176.7C293.788 155.136 315.126 140 340 140C373.1380000000001 140 400 166.862 400 200C400 233.137 373.1380000000001 260 340 260C315.126 260 293.788 244.8638 284.692 223.2996C279.944 224.337 275.072 225.7002 270.262 227.4918C251.326 234.546 234.8 247.5078 229.624 273.8548C221.05 317.5078 191.7426 339.546 163.7002 349.9918C146.5832 356.368 129.4236 358.6824000000001 116.7524 359.5222C108.6522 383.07528 86.3026 400 60 400C26.863 400 0 373.137 0 340C0 306.863 26.863 280 60 280zM320 200C320 188.954 328.954 180 340 180C351.046 180 360 188.954 360 200C360 211.0456 351.046 220 340 220C328.954 220 320 211.0456 320 200zM40 60C40 71.046 48.9544 80 60 80C71.0456 80 80 71.046 80 60C80 48.954 71.0456 40 60 40C48.9544 40 40 48.954 40 60z"
-                    : "M60 280C48.9544 280 40 271.0456 40 260C40 248.9544 48.9544 240 60 240C71.0456 240 80 248.9544 80 260C80 271.0456 71.0456 280 60 280zM60 320C87.7076 320 111.0286 301.21884 117.927 275.6926C121.2824 274.8254 124.7012 273.7838 128.1216 272.5324C149.6428 264.6588 172.8556 247.7026 179.6116 213.9222C182.8434 197.7636 192.9002 189.7192 205.48 185.0846C214.978 205.6944 235.818 220 260 220C293.1380000000001 220 320 193.137 320 160C320 126.863 293.1380000000001 100 260 100C235.818 100 214.978 114.306 205.48 134.9154C192.9002 130.2808 182.8434 122.2364 179.6116 106.078C172.8556 72.298 149.6428 55.342 128.1216 47.468C124.7012 46.216 121.2822 45.174 117.927 44.308C111.0286 18.782 87.7076 0 60 0C26.863 0 0 26.862 0 60C0 93.138 26.863 120 60 120C84.1818 120 105.0224 105.694 114.5206 85.084C127.0996 89.72 137.1566 97.764 140.3884 113.922C144.6924 135.4424 155.675 150.1344 168.6444 160C155.675 169.8656 144.6924 184.5576 140.3884 206.0776C137.1566 222.2364 127.0998 230.2806 114.5206 234.9152C105.0224 214.3054 84.1818 200 60 200C26.863 200 0 226.863 0 260C0 293.137 26.863 320 60 320zM80 60C80 71.046 71.0456 80 60 80C48.9544 80 40 71.046 40 60C40 48.954 48.9544 40 60 40C71.0456 40 80 48.954 80 60zM240 160C240 148.9544 248.954 140 260 140C271.046 140 280 148.9544 280 160C280 171.0456 271.046 180 260 180C248.954 180 240 171.0456 240 160z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="many-to-one"
-                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}-many-to-one`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="many-to-one" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const ManyToOne: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="many-to-one" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M60 280C48.9544 280 40 271.0456 40 260C40 248.9544 48.9544 240 60 240C71.0456 240 80 248.9544 80 260C80 271.0456 71.0456 280 60 280zM60 320C87.7076 320 111.0286 301.21884 117.927 275.6926C121.2824 274.8254 124.7012 273.7838 128.1216 272.5324C149.6428 264.6588 172.8556 247.7026 179.6116 213.9222C182.8434 197.7636 192.9002 189.7192 205.48 185.0846C214.978 205.6944 235.818 220 260 220C293.1380000000001 220 320 193.137 320 160C320 126.863 293.1380000000001 100 260 100C235.818 100 214.978 114.306 205.48 134.9154C192.9002 130.2808 182.8434 122.2364 179.6116 106.078C172.8556 72.298 149.6428 55.342 128.1216 47.468C124.7012 46.216 121.2822 45.174 117.927 44.308C111.0286 18.782 87.7076 0 60 0C26.863 0 0 26.862 0 60C0 93.138 26.863 120 60 120C84.1818 120 105.0224 105.694 114.5206 85.084C127.0996 89.72 137.1566 97.764 140.3884 113.922C144.6924 135.4424 155.675 150.1344 168.6444 160C155.675 169.8656 144.6924 184.5576 140.3884 206.0776C137.1566 222.2364 127.0998 230.2806 114.5206 234.9152C105.0224 214.3054 84.1818 200 60 200C26.863 200 0 226.863 0 260C0 293.137 26.863 320 60 320zM80 60C80 71.046 71.0456 80 60 80C48.9544 80 40 71.046 40 60C40 48.954 48.9544 40 60 40C71.0456 40 80 48.954 80 60zM240 160C240 148.9544 248.954 140 260 140C271.046 140 280 148.9544 280 160C280 171.0456 271.046 180 260 180C248.954 180 240 171.0456 240 160z"
+                        : "M60 360C48.9544 360 40 351.0456 40 340C40 328.9544 48.9544 320 60 320C71.0456 320 80 328.9544 80 340C80 351.0456 71.0456 360 60 360zM60 280C85.9136 280 107.9904 296.428 116.3838 319.4374000000001C126.1326 318.666 138.1134 316.838 149.7374 312.508C168.6742 305.454 185.1998 292.492 190.375 266.145C196.8354 233.2560000000001 215.064 212.6364 235.654 200C215.064 187.364 196.8354 166.744 190.375 133.854C185.1998 107.508 168.6742 94.546 149.7374 87.492C138.1134 83.162 126.1326 81.334 116.3838 80.562C107.9904 103.572 85.9136 120 60 120C26.863 120 0 93.138 0 60C0 26.862 26.863 0 60 0C86.3026 0 108.6522 16.924 116.7524 40.478C129.4234 41.318 146.5832 43.632 163.7002 50.008C191.7426 60.454 221.05 82.492 229.624 126.146C234.8 152.492 251.326 165.454 270.262 172.508C275.072 174.3 279.944 175.664 284.692 176.7C293.788 155.136 315.126 140 340 140C373.1380000000001 140 400 166.862 400 200C400 233.137 373.1380000000001 260 340 260C315.126 260 293.788 244.8638 284.692 223.2996C279.944 224.337 275.072 225.7002 270.262 227.4918C251.326 234.546 234.8 247.5078 229.624 273.8548C221.05 317.5078 191.7426 339.546 163.7002 349.9918C146.5832 356.368 129.4236 358.6824000000001 116.7524 359.5222C108.6522 383.07528 86.3026 400 60 400C26.863 400 0 373.137 0 340C0 306.863 26.863 280 60 280zM320 200C320 188.954 328.954 180 340 180C351.046 180 360 188.954 360 200C360 211.0456 351.046 220 340 220C328.954 220 320 211.0456 320 200zM40 60C40 71.046 48.9544 80 60 80C71.0456 80 80 71.046 80 60C80 48.954 71.0456 40 60 40C48.9544 40 40 48.954 40 60z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+ManyToOne.defaultProps = {
+    size: IconSize.STANDARD,
+};
 ManyToOne.displayName = `Blueprint5.Icon.ManyToOne`;
 export default ManyToOne;

package/src/generated/components/map-create.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 { SVGIconContainer } from "../../svgIconContainer";
 
-export const MapCreate: 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
-                    ? "M360 215.6V57.4L280 110.8V215.6C267.8 226.6 260 242.2 260 260C253 260 246.2 261.4 240 263.6V110.6L160 57.2V289.2L200.4 316.2000000000001C200.4 317.4 200 318.8 200 320C200 353.2 226.8 380 260 380C260 386.8 261.4 393.2 263.4 399.4C262.4 399.6 261.2 400 260 400C255.8 400 252.2 398.4 249.2 396.4L249.0000000000001 396.8L140 324L31 396.6L30.8 396.4C27.8 398.4 24.2 400 20 400C9 400 0 391 0 380V100C0 93 3.8 87.2 9.2 83.6L9 83.2L129 3.2L129.2 3.6C132.2 1.6 135.8 0 140 0S147.8 1.6 150.8 3.6L151 3.2L260 76L369 3.4L369.2000000000001 3.8C372.2 1.6 375.8 0 380 0C391 0 400 9 400 20V263.6C393.8 261.4 387 260 380 260C380 242.2 372.2 226.6 360 215.6zM120 57.4L40 110.8V342.6L120 289.2V57.4zM240 320C240 309 249 300 260 300H300V260C300 249 309 240 320 240S340 249 340 260V300H380C391 300 400 309 400 320S391 340 380 340H340V380C340 391 331 400 320 400S300 391 300 380V340H260C249 340 240 331 240 320z"
-                    : "M280 183.6V57.2L221.2 96.4C221.2 96.4 221.2 96.4 221.2 96.4L221.2 96.4L221.2 96.4C220.8 96.6 220.4 96.8 220.2 97V195.6C218.6 197 217.2 198.8 215.8 200.4C210.2 200.8 205 202 200 203.6V97.2C200 97.2 199.8 97.2 199.8 97L199.8 97L120 49.4V222.8C120 222.8 120.2 222.8 120.2 223L120.2 223L161.2 247.6C160.4 251.6 160 255.8 160 260C160 279.6 169.4 296.8 184 307.8L110.6 263.8L31.2 316.6C31.2 316.6 31.2 316.6 31.2 316.6L31.2 316.6L31.2 316.6C28 318.8 24.2 320 20 320C9 320 0 311 0 300V80C0 73 3.6 67 9 63.4L9 63.4L98.8 3.4C98.8 3.4 98.8 3.4 98.8 3.4L98.8 3.4L98.8 3.4C102 1.2 105.8 0 110 0C113.8 0 117.2 1.2 120.2 3L120.2 3L209.4 56.4L288.8 3.4C288.8 3.4 288.8 3.4 288.8 3.4L288.8 3.4L288.8 3.4C292 1.2 295.8 0 300 0C311 0 320 9 320 20V203.6C315 201.8 309.6 200.8 304 200.4C297.4 193.2 289.4000000000001 187 280 183.6zM100 50.8L40 90.8V262.8L98.8 223.6C98.8 223.6 98.8 223.6 98.8 223.6L98.8 223.6L98.8 223.6C99.2 223.2 99.6 223 100 222.8V50.8zM220 240H240V220C240 209 249 200 260 200S280 209 280 220V240H300C311 240 320 249 320 260S311 280 300 280H280V300C280 311 271 320 260 320S240 311 240 300V280H220C209 280 200 271 200 260S209 240 220 240z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="map-create"
-                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}-map-create`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="map-create" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const MapCreate: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="map-create" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M280 183.6V57.2L221.2 96.4C221.2 96.4 221.2 96.4 221.2 96.4L221.2 96.4L221.2 96.4C220.8 96.6 220.4 96.8 220.2 97V195.6C218.6 197 217.2 198.8 215.8 200.4C210.2 200.8 205 202 200 203.6V97.2C200 97.2 199.8 97.2 199.8 97L199.8 97L120 49.4V222.8C120 222.8 120.2 222.8 120.2 223L120.2 223L161.2 247.6C160.4 251.6 160 255.8 160 260C160 279.6 169.4 296.8 184 307.8L110.6 263.8L31.2 316.6C31.2 316.6 31.2 316.6 31.2 316.6L31.2 316.6L31.2 316.6C28 318.8 24.2 320 20 320C9 320 0 311 0 300V80C0 73 3.6 67 9 63.4L9 63.4L98.8 3.4C98.8 3.4 98.8 3.4 98.8 3.4L98.8 3.4L98.8 3.4C102 1.2 105.8 0 110 0C113.8 0 117.2 1.2 120.2 3L120.2 3L209.4 56.4L288.8 3.4C288.8 3.4 288.8 3.4 288.8 3.4L288.8 3.4L288.8 3.4C292 1.2 295.8 0 300 0C311 0 320 9 320 20V203.6C315 201.8 309.6 200.8 304 200.4C297.4 193.2 289.4000000000001 187 280 183.6zM100 50.8L40 90.8V262.8L98.8 223.6C98.8 223.6 98.8 223.6 98.8 223.6L98.8 223.6L98.8 223.6C99.2 223.2 99.6 223 100 222.8V50.8zM220 240H240V220C240 209 249 200 260 200S280 209 280 220V240H300C311 240 320 249 320 260S311 280 300 280H280V300C280 311 271 320 260 320S240 311 240 300V280H220C209 280 200 271 200 260S209 240 220 240z"
+                        : "M360 215.6V57.4L280 110.8V215.6C267.8 226.6 260 242.2 260 260C253 260 246.2 261.4 240 263.6V110.6L160 57.2V289.2L200.4 316.2000000000001C200.4 317.4 200 318.8 200 320C200 353.2 226.8 380 260 380C260 386.8 261.4 393.2 263.4 399.4C262.4 399.6 261.2 400 260 400C255.8 400 252.2 398.4 249.2 396.4L249.0000000000001 396.8L140 324L31 396.6L30.8 396.4C27.8 398.4 24.2 400 20 400C9 400 0 391 0 380V100C0 93 3.8 87.2 9.2 83.6L9 83.2L129 3.2L129.2 3.6C132.2 1.6 135.8 0 140 0S147.8 1.6 150.8 3.6L151 3.2L260 76L369 3.4L369.2000000000001 3.8C372.2 1.6 375.8 0 380 0C391 0 400 9 400 20V263.6C393.8 261.4 387 260 380 260C380 242.2 372.2 226.6 360 215.6zM120 57.4L40 110.8V342.6L120 289.2V57.4zM240 320C240 309 249 300 260 300H300V260C300 249 309 240 320 240S340 249 340 260V300H380C391 300 400 309 400 320S391 340 380 340H340V380C340 391 331 400 320 400S300 391 300 380V340H260C249 340 240 331 240 320z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+MapCreate.defaultProps = {
+    size: IconSize.STANDARD,
+};
 MapCreate.displayName = `Blueprint5.Icon.MapCreate`;
 export default MapCreate;

package/src/generated/components/map-marker.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 { SVGIconContainer } from "../../svgIconContainer";
 
-export const MapMarker: 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
-                    ? "M199.6 400C122.2 400 59.6 340.4 59.6 266.6C59.6 193 199.6 0 199.6 0S339.6 193 339.6 266.6C339.6 340.2 276.8 400 199.6 400zM199.6 200C166.4 200 139.6 226.8 139.6 260S166.4 320 199.6 320S259.6 293.2 259.6 260S232.8 200 199.6 200z"
-                    : "M169.2 320C108.4 320 59 272.2 59 213.4C59 154.4 169.2 0 169.2 0S279.4000000000001 154.4 279.4000000000001 213.4C279.2000000000001 272.2 230 320 169.2 320zM169.2 160C141.6 160 119.2 182.4 119.2 210C119.2 237.6 141.6 260 169.2 260C196.8 260 219.2 237.6 219.2 210C219.2 182.4 196.8 160 169.2 160z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="map-marker"
-                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}-map-marker`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="map-marker" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const MapMarker: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="map-marker" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M169.2 320C108.4 320 59 272.2 59 213.4C59 154.4 169.2 0 169.2 0S279.4000000000001 154.4 279.4000000000001 213.4C279.2000000000001 272.2 230 320 169.2 320zM169.2 160C141.6 160 119.2 182.4 119.2 210C119.2 237.6 141.6 260 169.2 260C196.8 260 219.2 237.6 219.2 210C219.2 182.4 196.8 160 169.2 160z"
+                        : "M199.6 400C122.2 400 59.6 340.4 59.6 266.6C59.6 193 199.6 0 199.6 0S339.6 193 339.6 266.6C339.6 340.2 276.8 400 199.6 400zM199.6 200C166.4 200 139.6 226.8 139.6 260S166.4 320 199.6 320S259.6 293.2 259.6 260S232.8 200 199.6 200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+MapMarker.defaultProps = {
+    size: IconSize.STANDARD,
+};
 MapMarker.displayName = `Blueprint5.Icon.MapMarker`;
 export default MapMarker;

package/src/generated/components/map.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 { SVGIconContainer } from "../../svgIconContainer";
 
-export const Map: 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
-                    ? "M390.8 316.4L391 316.8L271 396.8L270.8 396.4C267.8 398.4 264.2000000000001 400 260 400S252.2 398.4 249.2 396.4L249.0000000000001 396.8L140 324L31 396.6L30.8 396.4C27.8 398.4 24.2 400 20 400C9 400 0 391 0 380V100C0 93 3.8 87.2 9.2 83.6L9 83.2L129 3.2L129.2 3.6C132.2 1.6 135.8 0 140 0S147.8 1.6 150.8 3.6L151 3.2L260 76L369 3.4L369.2000000000001 3.8C372.2 1.6 375.8 0 380 0C391 0 400 9 400 20V300C400 307 396.2 312.8 390.8 316.4zM120 57.4L40 110.8V342.6L120 289.2V57.4zM240 110.8L160 57.4V289.2L240 342.6V110.8zM360 57.4L280 110.8V342.6L360 289.2V57.4z"
-                    : "M311 256.6L311 256.6L221.2 316.6C221.2 316.6 221.2 316.6 221.2 316.6L221.2 316.6L221.2 316.6C218 318.8 214.2 320 210 320C206.2 320 202.8 318.8 199.8 317L199.8 317L110.6 263.6L31.2 316.6C31.2 316.6 31.2 316.6 31.2 316.6L31.2 316.6L31.2 316.6C28 318.8 24.2 320 20 320C9 320 0 311 0 300V80C0 73 3.6 67 9 63.4L9 63.4L98.8 3.4C98.8 3.4 98.8 3.4 98.8 3.4L98.8 3.4L98.8 3.4C102 1.2 105.8 0 110 0C113.8 0 117.2 1.2 120.2 3L120.2 3L209.4 56.4L288.8 3.4C288.8 3.4 288.8 3.4 288.8 3.4L288.8 3.4L288.8 3.4C292 1.2 295.8 0 300 0C311 0 320 9 320 20V240C320 247 316.4 253 311 256.6zM100 50.8L40 90.8V262.8L98.8 223.6C98.8 223.6 98.8 223.6 98.8 223.6L98.8 223.6L98.8 223.6C99.2 223.2 99.6 223 100 222.8V50.8zM200 97.2C200 97.2 199.8 97.2 199.8 97L199.8 97L120 49.4V222.8C120 222.8 120.2 222.8 120.2 223L120.2 223L200 270.6V97.2zM280 57.4L221.2 96.6C221.2 96.6 221.2 96.6 221.2 96.6L221.2 96.6L221.2 96.6C220.8 96.8 220.4 96.9999999999999 220.2 97.2V269.2L280.2 229.2V57.4z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="map"
-                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}-map`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="map" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Map: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="map" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M311 256.6L311 256.6L221.2 316.6C221.2 316.6 221.2 316.6 221.2 316.6L221.2 316.6L221.2 316.6C218 318.8 214.2 320 210 320C206.2 320 202.8 318.8 199.8 317L199.8 317L110.6 263.6L31.2 316.6C31.2 316.6 31.2 316.6 31.2 316.6L31.2 316.6L31.2 316.6C28 318.8 24.2 320 20 320C9 320 0 311 0 300V80C0 73 3.6 67 9 63.4L9 63.4L98.8 3.4C98.8 3.4 98.8 3.4 98.8 3.4L98.8 3.4L98.8 3.4C102 1.2 105.8 0 110 0C113.8 0 117.2 1.2 120.2 3L120.2 3L209.4 56.4L288.8 3.4C288.8 3.4 288.8 3.4 288.8 3.4L288.8 3.4L288.8 3.4C292 1.2 295.8 0 300 0C311 0 320 9 320 20V240C320 247 316.4 253 311 256.6zM100 50.8L40 90.8V262.8L98.8 223.6C98.8 223.6 98.8 223.6 98.8 223.6L98.8 223.6L98.8 223.6C99.2 223.2 99.6 223 100 222.8V50.8zM200 97.2C200 97.2 199.8 97.2 199.8 97L199.8 97L120 49.4V222.8C120 222.8 120.2 222.8 120.2 223L120.2 223L200 270.6V97.2zM280 57.4L221.2 96.6C221.2 96.6 221.2 96.6 221.2 96.6L221.2 96.6L221.2 96.6C220.8 96.8 220.4 96.9999999999999 220.2 97.2V269.2L280.2 229.2V57.4z"
+                        : "M390.8 316.4L391 316.8L271 396.8L270.8 396.4C267.8 398.4 264.2000000000001 400 260 400S252.2 398.4 249.2 396.4L249.0000000000001 396.8L140 324L31 396.6L30.8 396.4C27.8 398.4 24.2 400 20 400C9 400 0 391 0 380V100C0 93 3.8 87.2 9.2 83.6L9 83.2L129 3.2L129.2 3.6C132.2 1.6 135.8 0 140 0S147.8 1.6 150.8 3.6L151 3.2L260 76L369 3.4L369.2000000000001 3.8C372.2 1.6 375.8 0 380 0C391 0 400 9 400 20V300C400 307 396.2 312.8 390.8 316.4zM120 57.4L40 110.8V342.6L120 289.2V57.4zM240 110.8L160 57.4V289.2L240 342.6V110.8zM360 57.4L280 110.8V342.6L360 289.2V57.4z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Map.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Map.displayName = `Blueprint5.Icon.Map`;
 export default Map;