@blueprintjs/icons 6.9.0 → 6.9.1

package/src/generated/components/locomotive.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M0 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4h3V4L9.854 2.854A.5.5 0 0 1 10.207 2h3.586a.5.5 0 0 1 .353.854L13 4v2c1.833 1 4.4 3.6 0 6l1.488 1.488a.3.3 0 0 1-.212.512h-.982a.53.53 0 0 1-.444-.253c-.898-1.423-2.854-3.06-4.701-.004a.52.52 0 0 1-.443.257h-.412a.53.53 0 0 1-.444-.253c-.898-1.423-2.854-3.06-4.701-.004a.52.52 0 0 1-.443.257H0zm1 5h3V2H1zm6 0V2H5v5zm-2.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0-1a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m7.5-.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M9.988 2a1 1 0 0 1 .999 1v4h3.995V5l-1.145-1.146A.5.5 0 0 1 14.19 3h3.581a.5.5 0 0 1 .353.854L16.979 5v2c2.996 1.333 4.494 4 .999 7l1.145 1.146a.5.5 0 0 1-.353.854h-2.496a.53.53 0 0 1-.444-.252c-.925-1.433-3.111-3.084-5.687.058a.52.52 0 0 1-.399.194h-.488a.53.53 0 0 1-.42-.218c-1.061-1.429-3.359-3.043-5.684.008a.52.52 0 0 1-.412.21H1V3a1 1 0 0 1 .998-1zm-6.99 2-.001 5h2.996V4zM8.99 4H6.992v5H8.99zM5.993 19a2 2 0 0 1-1.997-2 1.999 1.999 0 1 1 3.995 0 2 2 0 0 1-1.998 2m0-1a1.001 1.001 0 1 0 .063-2.001A1.001 1.001 0 0 0 5.993 18m6.991 1a2 2 0 0 1-1.997-2 1.999 1.999 0 1 1 3.995 0 2 2 0 0 1-1.998 2m0-1a1.001 1.001 0 0 0 .392-1.932 1.001 1.001 0 0 0-1.079 1.628 1 1 0 0 0 .687.304"] as readonly string[];
+
 export const Locomotive: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="locomotive" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M199.76 360A20 20 0 0 0 219.74 340V260H299.64V300L276.74 322.92A10 10 0 0 0 283.8 340H355.42A10 10 0 0 0 362.48 322.92L339.58 300V260C399.5 233.34 429.46 180 359.56 120L382.4599999999999 97.08A10 10 0 0 0 375.3999999999999 80H325.48A10.6 10.6 0 0 0 316.5999999999999 85.04C298.0999999999999 113.7 254.3799999999999 146.72 202.86 83.88A10.4 10.4 0 0 0 194.88 80H185.12A10.6 10.6 0 0 0 176.72 84.36C155.5 112.94 109.5399999999999 145.22 63.0399999999999 84.2000000000001A10.4 10.4 0 0 0 54.7999999999999 80H20V340A20 20 0 0 0 39.96 360zM59.96 320L59.94 220H119.86V320zM179.8 320H139.84V220H179.8zM119.86 20A40 40 0 0 0 79.92 60A39.98 39.98 0 1 0 159.82 60A40 40 0 0 0 119.86 20M119.86 40A20.02 20.02 0 1 1 121.12 80.02A20.02 20.02 0 0 1 119.86 40M259.68 20A40 40 0 0 0 219.74 60A39.98 39.98 0 1 0 299.64 60A40 40 0 0 0 259.68 20M259.68 40A20.02 20.02 0 0 1 267.52 78.64A20.02 20.02 0 0 1 245.94 46.08A20 20 0 0 1 259.68 40" : "M0 280A20 20 0 0 0 20 300H140A20 20 0 0 0 160 280V200H220V240L197.08 262.92A10 10 0 0 0 204.14 280H275.86A10 10 0 0 0 282.92 262.92L260 240V200C296.6600000000001 180 348 128 260 80L289.76 50.24A6 6 0 0 0 285.52 40H265.88A10.6 10.6 0 0 0 257 45.06C239.04 73.52 199.92 106.26 162.98 45.14A10.4 10.4 0 0 0 154.12 40H145.88A10.6 10.6 0 0 0 137 45.06C119.04 73.52 79.92 106.26 42.98 45.14A10.4 10.4 0 0 0 34.12 40H0zM20 180H80V280H20zM140 180V280H100V180zM90 0A30 30 0 1 1 90 60A30 30 0 0 1 90 0M90 20A10 10 0 1 0 90 40A10 10 0 0 0 90 20M240 30A30 30 0 1 0 180 30A30 30 0 0 0 240 30M220 30A10 10 0 1 1 200 30A10 10 0 0 1 220 30"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Locomotive.displayName = `Blueprint6.Icon.Locomotive`;
 export default Locomotive;

package/src/generated/components/log-in.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M11 8c0-.28-.11-.53-.29-.71l-3-3a1.003 1.003 0 0 0-1.42 1.42L7.59 7H1c-.55 0-1 .45-1 1s.45 1 1 1h6.59L6.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71m4-8H9c-.55 0-1 .45-1 1s.45 1 1 1h5v12H9c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 0h-8c-.55 0-1 .45-1 1s.45 1 1 1h7v16h-7c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-4 10c0-.28-.11-.53-.29-.71l-5-5a1.003 1.003 0 0 0-1.42 1.42L11.59 9H1c-.55 0-1 .45-1 1s.45 1 1 1h10.59L8.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l5-5c.18-.18.29-.43.29-.71"] as readonly string[];
+
 export const LogIn: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="log-in" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400H220C209 400 200 391 200 380S209 360 220 360H360V40H220C209 40 200 31 200 20S209 0 220 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400M300 200C300 205.6 297.8 210.6 294.2000000000001 214.2L194.2 314.2000000000001A20.06 20.06 0 0 1 165.8 285.8L231.8 220H20C9 220 0 211 0 200S9 180 20 180H231.8L166 114.2000000000001C162.2 110.6 160 105.6 160 100A20.06 20.06 0 0 1 194.2 85.8L294.2000000000001 185.8C297.8 189.4 300 194.4 300 200" : "M220 160C220 165.6 217.8 170.6 214.2 174.2L154.2 234.2A20.06 20.06 0 0 1 125.8 205.8L151.8 180H20C9 180 0 171 0 160S9 140 20 140H151.8L126 114.2C122.2 110.6 120 105.6 120 100A20.06 20.06 0 0 1 154.2 85.8L214.2 145.8C217.8 149.4 220 154.4 220 160M300 320H180C169 320 160 311 160 300S169 280 180 280H280V40H180C169 40 160 31 160 20S169 0 180 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 LogIn.displayName = `Blueprint6.Icon.LogIn`;
 export default LogIn;

package/src/generated/components/log-out.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M7 14H2V2h5c.55 0 1-.45 1-1s-.45-1-1-1H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1m8.71-6.71-3-3a1.003 1.003 0 0 0-1.42 1.42L12.59 7H6c-.55 0-1 .45-1 1s.45 1 1 1h6.59l-1.29 1.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71s-.11-.53-.29-.71"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m19.71 9.29-5-5a1.003 1.003 0 0 0-1.42 1.42L16.59 9H6c-.55 0-1 .45-1 1s.45 1 1 1h10.59l-3.29 3.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l5-5c.18-.18.29-.43.29-.71s-.11-.53-.29-.71M9 18H2V2h7c.55 0 1-.45 1-1s-.45-1-1-1H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const LogOut: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="log-out" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M394.2000000000001 214.2L294.2000000000001 314.2000000000001A20.06 20.06 0 0 1 265.8 285.8L331.8 220H120C109 220 100 211 100 200S109 180 120 180H331.8L266 114.2000000000001C262.2000000000001 110.6 260 105.6 260 100A20.06 20.06 0 0 1 294.2000000000001 85.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200S397.8 210.6 394.2000000000001 214.2M180 40H40V360H180C191 360 200 369 200 380S191 400 180 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H180C191 0 200 9 200 20S191 40 180 40" : "M140 40H40V280H140C151 280 160 289 160 300S151 320 140 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H140C151 0 160 9 160 20S151 40 140 40M314.2000000000001 174.2L254.2 234.2A20.06 20.06 0 0 1 225.8 205.8L251.8 180H120C109 180 100 171 100 160S109 140 120 140H251.8L226 114.2C222.2 110.6 220 105.6 220 100A20.06 20.06 0 0 1 254.2 85.8L314.2000000000001 145.8C317.8 149.4 320 154.4 320 160S317.8 170.6 314.2000000000001 174.2"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 LogOut.displayName = `Blueprint6.Icon.LogOut`;
 export default LogOut;

package/src/generated/components/low-voltage-pole.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M8 0a1 1 0 0 0-1 1v1H3v-.5a.5.5 0 0 0-1 0V2a1 1 0 0 0 0 2v1h-.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H3V4h4v11a1 1 0 1 0 2 0V4h4v1h-.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H14V4a1 1 0 1 0 0-2v-.5a.5.5 0 0 0-1 0V2H9V1a1 1 0 0 0-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 0a1 1 0 0 0-1 1v2H5V2a1 1 0 0 0-2 0v1H2a1 1 0 0 0 0 2h1v2H2a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2H5V5h4v14a1 1 0 1 0 2 0V5h4v2h-1a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-1V5h1a1 1 0 1 0 0-2h-1V2a1 1 0 1 0-2 0v1h-4V1a1 1 0 0 0-1-1"] as readonly string[];
+
 export const LowVoltagePole: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="low-voltage-pole" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 400A20 20 0 0 1 180 380V340H100V360A20 20 0 0 1 60 360V340H40A20 20 0 0 1 40 300H60V260H40A20 20 0 0 1 40 220H120A20 20 0 0 1 120 260H100V300H180V20A20 20 0 1 1 220 20V300H300V260H280A20 20 0 1 1 280 220H360A20 20 0 1 1 360 260H340V300H360A20 20 0 1 1 360 340H340V360A20 20 0 1 1 300 360V340H220V380A20 20 0 0 1 200 400" : "M160 320A20 20 0 0 1 140 300V280H60V290A10 10 0 0 1 40 290V280A20 20 0 0 1 40 240V220H30A10 10 0 0 1 30 200H70A10 10 0 0 1 70 220H60V240H140V20A20 20 0 1 1 180 20V240H260V220H250A10 10 0 0 1 250 200H290A10 10 0 0 1 290 220H280V240A20 20 0 1 1 280 280V290A10 10 0 0 1 260 290V280H180V300A20 20 0 0 1 160 320"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 LowVoltagePole.displayName = `Blueprint6.Icon.LowVoltagePole`;
 export default LowVoltagePole;

package/src/generated/components/manual.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M15.99 1.13c-.02-.41-.33-.77-.78-.87C12.26-.36 9.84.13 8 1.7 6.16.13 3.74-.36.78.26.33.35.03.72.01 1.13H0v12c0 .08 0 .17.02.26.12.51.65.82 1.19.71 2.63-.55 4.59-.04 6.01 1.57.02.03.06.04.08.06s.03.04.05.06c.04.03.09.04.13.07.05.03.09.05.14.07.11.04.23.07.35.07h.04c.12 0 .24-.03.35-.07.05-.02.09-.05.14-.07.04-.02.09-.04.13-.07.02-.02.03-.04.05-.06.03-.02.06-.03.08-.06 1.42-1.6 3.39-2.12 6.01-1.57.54.11 1.07-.21 1.19-.71.04-.09.04-.18.04-.26zM7 12.99c-1.4-.83-3.07-1.14-5-.93V1.96c2.11-.28 3.75.2 5 1.46zm7-.92c-1.93-.21-3.6.1-5 .93V3.42c1.25-1.26 2.89-1.74 5-1.46z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M20 1.1a.976.976 0 0 0-.83-.88C15.15-.43 12.07.34 10 2.5 7.93.34 4.85-.43.84.22.37.3.03.67 0 1.1v15.01c0 .07 0 .14.01.21.09.52.61.88 1.15.79 3.85-.62 6.4.16 8 2.46.02.02.03.04.05.07.02.02.04.04.06.07l.01.01a1 1 0 0 0 .28.19c.01 0 .01.01.02.01.03.01.07.03.1.04.01 0 .02.01.04.01.03.01.07.02.1.02.01 0 .02 0 .04.01H10c.04 0 .09 0 .13-.01.01 0 .03 0 .04-.01.03-.01.06-.01.1-.02.01 0 .03-.01.04-.01.03-.01.07-.02.1-.04.01 0 .02-.01.03-.01.07-.03.13-.07.19-.11.01 0 .01-.01.02-.01.02-.02.04-.03.06-.05.01-.01.02-.02.03-.02l.05-.05c.01-.01.02-.02.02-.03.01-.02.02-.03.04-.05 1.61-2.3 4.15-3.09 8-2.46.54.09 1.06-.26 1.15-.79-.01-.05 0-.09 0-.13zM9 16.63c-1.78-1.31-4.12-1.83-7-1.55V2c3.26-.37 5.51.39 7 2.35zm9-1.56c-2.88-.28-5.22.24-7 1.55V4.34c1.49-1.96 3.74-2.71 7-2.35z"] as readonly string[];
+
 export const Manual: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="manual" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M400 378A19.52 19.52 0 0 1 383.4000000000001 395.6C303 408.6 241.4 393.2 200 350C158.6 393.2 97 408.6 16.8 395.6C7.4 394 0.6 386.6 0 378V77.8C0 76.4 0 75 0.2 73.6C2 63.2 12.4 56 23.2 57.8C100.2 70.2000000000001 151.2 54.6 183.2 8.6C183.6 8.2 183.8 7.8 184.2 7.2C184.6 6.8 185 6.4 185.4 5.8L185.6 5.6A20 20 0 0 1 191.2 1.8C191.4 1.8 191.4 1.5999999999999 191.6 1.5999999999999C192.2 1.3999999999999 193 0.9999999999999 193.6 0.7999999999999C193.8 0.7999999999999 194 0.5999999999999 194.4 0.5999999999999C195 0.3999999999999 195.8 0.1999999999999 196.4 0.1999999999999C196.6 0.1999999999999 196.8 0.1999999999999 197.2 -1e-13H200C200.8 -1e-13 201.8 -1e-13 202.6 0.1999999999999C202.8 0.1999999999999 203.2 0.1999999999999 203.4 0.3999999999999C204 0.6 204.6 0.6 205.4 0.7999999999999C205.6 0.7999999999999 206 0.9999999999999 206.2 0.9999999999999C206.8 1.2 207.6 1.3999999999999 208.2 1.8C208.4 1.8 208.6 1.9999999999999 208.8 1.9999999999999C210.2 2.6 211.4 3.4 212.5999999999999 4.1999999999999C212.8 4.1999999999999 212.8 4.4 213 4.4C213.3999999999999 4.8 213.7999999999999 5 214.1999999999999 5.4C214.4 5.6 214.5999999999999 5.8 214.7999999999999 5.8L215.8 6.8C216 7 216.1999999999999 7.2 216.1999999999999 7.4C216.3999999999999 7.8 216.5999999999999 8.0000000000001 216.9999999999999 8.4C249.1999999999999 54.4 300 70.2000000000001 376.9999999999999 57.6C387.7999999999999 55.8000000000001 398.1999999999999 62.8000000000001 399.9999999999999 73.4C399.7999999999999 74.4 399.9999999999999 75.2000000000001 399.9999999999999 76zM180 67.4C144.4 93.6 97.6 104 40 98.4V360C105.2 367.4 150.2 352.2 180 313zM360 98.6C302.4000000000001 104.2000000000001 255.6 93.8 220 67.6V313.2C249.8 352.4 294.8 367.4 360 360.2z" : "M319.8 297.4C319.4000000000001 305.6 313.2 312.8 304.2000000000001 314.8C245.2 327.2 196.8 317.4 160 286C123.2 317.4 74.8 327.2 15.6 314.8C6.6 313 0.6 305.6 0.2 297.4H0V57.4C0 55.8 0 54 0.4 52.2C2.8 42 13.4 35.8 24.2 38.0000000000001C76.8 49.0000000000001 116 38.8 144.4 6.6C144.8 6.0000000000001 145.6 5.8000000000001 146 5.4S146.6 4.6 147 4.2C147.8 3.6 148.8 3.4 149.6 2.8C150.6 2.2 151.4 1.8 152.4 1.4C154.6 0.6 157 0 159.4 0H160.2C162.5999999999999 0 165 0.6 167.2 1.4C168.2 1.8 169 2.4 170 2.8C170.8 3.2 171.8 3.6 172.6 4.2C173 4.6 173.2 5 173.6 5.4C174.2 5.8 174.8 6 175.2 6.6C203.6 38.6 243 49.0000000000001 295.4 38.0000000000001C306.2 35.8000000000001 316.8 42.2 319.2 52.2C320 54.0000000000001 320 55.8000000000001 320 57.4zM140 60.2C112 76.8 78.6 83 40 78.8V280.8C82.2 286.4 115 276.8 140 251.6zM280 78.6C241.4 82.8 208 76.6 180 60V251.6C205 276.8 237.8 286.4 280 280.8z"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Manual.displayName = `Blueprint6.Icon.Manual`;
 export default Manual;

package/src/generated/components/manually-entered-data.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M1 8h3.76l2-2H1c-.55 0-1 .45-1 1s.45 1 1 1m14.49-4.01c.31-.32.51-.76.51-1.24C16 1.78 15.22 1 14.25 1c-.48 0-.92.2-1.24.51l-1.44 1.44 2.47 2.47zM1 4h7.76l2-2H1c-.55 0-1 .45-1 1s.45 1 1 1m0 6c-.55 0-1 .45-1 1 0 .48.35.86.8.96L2.76 10zm9.95-6.43-6.69 6.69 2.47 2.47 6.69-6.69zm4.25 2.47L13.24 8H15c.55 0 1-.45 1-1 0-.48-.35-.86-.8-.96M2 15l3.86-1.39-2.46-2.44zm13-5h-3.76l-2 2H15c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M1 12h4.34l2-2H1c-.55 0-1 .45-1 1s.45 1 1 1m16.77-3.94 1.65-1.65c.36-.36.58-.86.58-1.41 0-1.1-.9-2-2-2-.55 0-1.05.22-1.41.59l-1.65 1.65zM1 4h12.34l2-2H1c-.55 0-1 .45-1 1s.45 1 1 1M0 15c0 .55.45 1 1 1h.34l2-2H1c-.55 0-1 .45-1 1m1-7h8.34l2-2H1c-.55 0-1 .45-1 1s.45 1 1 1m18 2h-.34l-2 2H19c.55 0 1-.45 1-1s-.45-1-1-1m0 4h-4.34l-2 2H19c.55 0 1-.45 1-1s-.45-1-1-1M4 19l4.41-1.59-2.81-2.79zM14.23 5.94l-7.65 7.65 2.83 2.83 7.65-7.65z"] as readonly string[];
+
 export const ManuallyEnteredData: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="manually-entered-data" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M20 160H106.8L146.8 200H20C9 200 0 191 0 180S9 160 20 160M355.4 238.8L388.4 271.8C395.6 279 400 289 400 300C400 322 382 340 360 340C348.9999999999999 340 338.9999999999999 335.6 331.8 328.2L298.7999999999999 295.2zM20 320H266.8L306.8 360H20C9 360 0 351 0 340S9 320 20 320M0 100C0 89 9 80 20 80H26.8L66.8 120H20C9 120 0 111 0 100M20 240H186.8L226.8 280H20C9 280 0 271 0 260S9 240 20 240M380 200H373.2L333.2 160H380C391 160 400 169 400 180S391 200 380 200M380 120H293.2L253.2 80H380C391 80 400 89 400 100S391 120 380 120M80 20L168.2 51.8L112 107.6zM284.6 281.2L131.6 128.2L188.2 71.6L341.2000000000001 224.6z" : "M20 160H95.2L135.2 200H20C9 200 0 191 0 180S9 160 20 160M309.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.6zM20 240H175.2L215.2 280H20C9 280 0 271 0 260S9 240 20 240M20 120C9 120 0 111 0 100C0 90.4 7 82.8 16 80.8L55.2 120zM219 248.6L85.2 114.8L134.6 65.4L268.4 199.2zM304 199.2L264.8 160H300C311 160 320 169 320 180C320 189.6 313 197.2 304 199.2M40 20L117.2 47.8L68 96.6zM300 120H224.8L184.8 80H300C311 80 320 89 320 100S311 120 300 120"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 ManuallyEnteredData.displayName = `Blueprint6.Icon.ManuallyEnteredData`;
 export default ManuallyEnteredData;

package/src/generated/components/many-to-many.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M3 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2m3 1q0 .07-.003.14c.255.081.538.209.832.41.406.28.8.676 1.171 1.225.37-.549.765-.945 1.171-1.224a3.1 3.1 0 0 1 .832-.411L10 4a3 3 0 1 1 .773 2.01 1.04 1.04 0 0 0-.47.19c-.291.2-.752.672-1.227 1.8.475 1.128.936 1.6 1.227 1.8.183.126.336.173.47.19a3 3 0 1 1-.77 1.87 3.1 3.1 0 0 1-.832-.41c-.406-.28-.8-.676-1.171-1.225-.37.549-.765.945-1.171 1.224-.294.202-.577.33-.832.411Q6 11.93 6 12a3 3 0 1 1-.773-2.01c.134-.017.287-.064.47-.19.291-.2.752-.672 1.227-1.8-.475-1.128-.936-1.6-1.227-1.8a1.04 1.04 0 0 0-.47-.19A3 3 0 1 1 6 4m6 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-9 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2m9 1a1 1 0 1 0 2 0 1 1 0 0 0-2 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M17 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 2a3 3 0 0 1-2.73-1.754 4 4 0 0 0-.617.264c-.884.465-1.92 1.418-2.605 3.49.685 2.072 1.721 3.025 2.605 3.49q.315.164.617.264a3 3 0 1 1-.165 2.034 6.3 6.3 0 0 1-1.383-.528c-.983-.518-1.948-1.364-2.722-2.705-.774 1.34-1.739 2.187-2.722 2.705a6.3 6.3 0 0 1-1.383.528A3 3 0 0 1 0 15a3 3 0 0 1 5.73-1.246q.302-.1.617-.264c.884-.465 1.92-1.418 2.605-3.49-.685-2.072-1.721-3.025-2.605-3.49a4 4 0 0 0-.617-.264 3 3 0 1 1 .165-2.034c.433.11.904.276 1.383.528.983.518 1.948 1.364 2.722 2.705.774-1.34 1.739-2.187 2.722-2.705a6.3 6.3 0 0 1 1.383-.528A3 3 0 0 1 20 5a3 3 0 0 1-3 3M4 5a1 1 0 1 0-2 0 1 1 0 0 0 2 0m12 10a1 1 0 1 0 2 0 1 1 0 0 0-2 0M3 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2"] as readonly string[];
+
 export const ManyToMany: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="many-to-many" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M340 280A20 20 0 1 1 340 320A20 20 0 0 1 340 280M340 240A60 60 0 0 0 285.4 275.08A80 80 0 0 1 273.06 269.8C255.38 260.5 234.66 241.44 220.96 200C234.66 158.56 255.38 139.5 273.06 130.2Q279.36 126.92 285.4 124.92A60 60 0 1 0 282.1 84.24A126 126 0 0 0 254.4400000000001 94.8C234.7800000000001 105.16 215.48 122.0800000000001 200 148.9C184.5200000000001 122.1 165.22 105.16 145.5600000000001 94.8A126 126 0 0 0 117.9000000000001 84.24A60 60 0 0 0 0 100A60 60 0 0 0 114.6 124.92Q120.64 126.92 126.94 130.2C144.62 139.5 165.34 158.56 179.04 200C165.34 241.44 144.62 260.5 126.94 269.8A80 80 0 0 1 114.6 275.0800000000001A60 60 0 1 0 117.9 315.76C126.56 313.56 135.98 310.24 145.56 305.2C165.22 294.8400000000001 184.52 277.92 200 251.1C215.48 277.9 234.7800000000001 294.84 254.44 305.2A126 126 0 0 0 282.1 315.76A60 60 0 0 0 400 300A60 60 0 0 0 340 240M80 300A20 20 0 1 1 40 300A20 20 0 0 1 80 300M320 100A20 20 0 1 1 360 100A20 20 0 0 1 320 100M60 120A20 20 0 1 1 60 80A20 20 0 0 1 60 120" : "M60 260A20 20 0 1 1 60 220A20 20 0 0 1 60 260M120 240Q120 238.6 119.94 237.2C125.04 235.58 130.7 233.02 136.58 229C144.7 223.4 152.58 215.48 160 204.5C167.4 215.48 175.3 223.4 183.42 228.98A62 62 0 0 0 200.06 237.2L200 240A60 60 0 1 0 215.46 199.8A20.8 20.8 0 0 1 206.06 196C200.24 192 191.02 182.56 181.52 160C191.02 137.44 200.24 128 206.06 124C209.72 121.48 212.78 120.54 215.46 120.2A60 60 0 1 0 200.06 82.8A62 62 0 0 0 183.42 91C175.3 96.6 167.42 104.52 160 115.5C152.6 104.52 144.7 96.6 136.58 91.02C130.7 86.98 125.04 84.42 119.94 82.8Q120 81.4 120 80A60 60 0 1 0 104.54 120.2C107.22 120.54 110.28 121.48 113.94 124C119.76 128 128.98 137.44 138.48 160C128.98 182.56 119.76 192 113.94 196A20.8 20.8 0 0 1 104.54 199.8A60 60 0 1 0 120 240M240 240A20 20 0 1 1 280 240A20 20 0 0 1 240 240M60 100A20 20 0 1 1 60 60A20 20 0 0 1 60 100M240 80A20 20 0 1 1 280 80A20 20 0 0 1 240 80"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 ManyToMany.displayName = `Blueprint6.Icon.ManyToMany`;
 export default ManyToMany;

package/src/generated/components/many-to-one.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M3 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2m0-2c1.385 0 2.551.94 2.896 2.215q.253.066.51.158c1.076.394 2.237 1.242 2.575 2.93.161.809.664 1.211 1.293 1.443a3 3 0 1 1 0 2.508c-.629.232-1.132.634-1.293 1.442-.338 1.69-1.499 2.537-2.575 2.93a5 5 0 0 1-.51.159A3.001 3.001 0 0 1 0 13a3 3 0 0 1 5.726-1.254c.629-.232 1.132-.634 1.293-1.442.216-1.076.765-1.81 1.413-2.304-.648-.493-1.197-1.228-1.413-2.304-.161-.808-.664-1.21-1.293-1.442A3 3 0 1 1 3 0m1 13a1 1 0 1 0-2 0 1 1 0 0 0 2 0m8-5a1 1 0 1 0 2 0 1 1 0 0 0-2 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2m0 4a3 3 0 1 1 2.838-3.976c.633.042 1.491.158 2.347.476 1.402.523 2.868 1.625 3.296 3.807.259 1.318 1.085 1.966 2.032 2.318q.353.132.722.21a3 3 0 1 1 0 2.33c-.238.052-.482.12-.722.21-.947.352-1.773 1-2.032 2.318-.429 2.182-1.894 3.284-3.296 3.807-.856.318-1.714.434-2.347.476a3.001 3.001 0 1 1-.019-2.004 6.2 6.2 0 0 0 1.668-.347c.947-.352 1.773-1 2.032-2.318.323-1.644 1.234-2.675 2.264-3.307-1.03-.632-1.941-1.663-2.264-3.307-.259-1.318-1.085-1.966-2.032-2.318a6.2 6.2 0 0 0-1.667-.347A3 3 0 0 1 3 6m13 4a1 1 0 1 0 2 0 1 1 0 0 0-2 0M2 17a1 1 0 1 0 2 0 1 1 0 0 0-2 0"] as readonly string[];
+
 export const ManyToOne: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="many-to-one" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M60 360A20 20 0 1 1 60 320A20 20 0 0 1 60 360M60 280A60 60 0 1 0 116.76 359.52C129.42 358.68 146.58 356.36 163.7 350C191.74 339.54 221.06 317.5 229.62 273.86C234.8 247.5 251.32 234.54 270.26 227.5Q277.32 224.86 284.7 223.3A60 60 0 1 0 284.7 176.7C279.94 175.66 275.06 174.3 270.26 172.5C251.32 165.46 234.8 152.5 229.62 126.14C221.04 82.4999999999999 191.74 60.46 163.7 50C146.58 43.64 129.42 41.32 116.76 40.48A60.02 60.02 0 1 0 116.38 80.56A124 124 0 0 1 149.74 87.5C168.68 94.54 185.2000000000001 107.5 190.3800000000001 133.86C196.84 166.74 215.06 187.36 235.6600000000001 200C215.06 212.64 196.84 233.26 190.3800000000001 266.14C185.2000000000001 292.5 168.68 305.4600000000001 149.7400000000001 312.5A124 124 0 0 1 116.4 319.44A60 60 0 0 0 60 280M320 200A20 20 0 1 1 360 200A20 20 0 0 1 320 200M40 60A20 20 0 1 1 80 60A20 20 0 0 1 40 60" : "M60 280A20 20 0 1 1 60 240A20 20 0 0 1 60 280M60 320C87.7 320 111.02 301.2 117.92 275.7Q122.98 274.38 128.12 272.54C149.64 264.6600000000001 172.86 247.7 179.62 213.94C182.84 197.76 192.9 189.72 205.48 185.08A60 60 0 1 0 205.48 134.92C192.9 130.28 182.84 122.24 179.62 106.08C172.86 72.28 149.64 55.34 128.12 47.48A100 100 0 0 0 117.92 44.3A60.02 60.02 0 0 0 0 60A60 60 0 0 0 114.52 85.08C127.1 89.72 137.16 97.76 140.38 113.92C144.7 135.44 155.68 150.12 168.64 160C155.68 169.86 144.7 184.56 140.38 206.08C137.16 222.24 127.1 230.28 114.52 234.92A60 60 0 1 0 60 320M80 60A20 20 0 1 1 40 60A20 20 0 0 1 80 60M240 160A20 20 0 1 1 280 160A20 20 0 0 1 240 160"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 ManyToOne.displayName = `Blueprint6.Icon.ManyToOne`;
 export default ManyToOne;

package/src/generated/components/map-create.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M14 6.82v6.32l-2.94-1.96c-.02-.01-.04-.02-.05-.03V6.22c-.08-.07-.15-.16-.22-.24-.28-.02-.54-.08-.79-.16v5.32s-.01 0-.01.01L6 13.53V4.86s.01 0 .01-.01l2.05-1.23C8.02 3.42 8 3.21 8 3c0-.98.47-1.84 1.2-2.39l-3.67 2.2L1.56.17A1.003 1.003 0 0 0 0 1v11c0 .35.18.65.45.83l4.49 3a.98.98 0 0 0 1.07.02l4.46-2.67 3.97 2.65A1.003 1.003 0 0 0 16 15V5.82c-.25.09-.52.14-.8.16-.33.36-.73.67-1.2.84m-9 6.64-3-2v-8.6l2.94 1.96c.02.02.04.03.06.04zM11 4h1v1c0 .55.45 1 1 1s1-.45 1-1V4h1c.55 0 1-.45 1-1s-.45-1-1-1h-1V1c0-.55-.45-1-1-1s-1 .45-1 1v1h-1c-.55 0-1 .45-1 1s.45 1 1 1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 9.22v7.91l-4-2.67V9.22c-.61-.55-1-1.33-1-2.22-.35 0-.69-.07-1-.18v7.65l-4 2.67V5.54l2.02-1.35c0-.06-.02-.13-.02-.19 0-1.66 1.34-3 3-3 0-.34.07-.66.17-.97C13.12.02 13.06 0 13 0c-.21 0-.39.08-.54.18l-.01-.02L7 3.8 1.55.17l-.01.01A.97.97 0 0 0 1 0C.45 0 0 .45 0 1v14c0 .35.19.64.46.82l-.01.02 6 4 .01-.02c.15.1.33.18.54.18s.39-.08.54-.18l.01.02L13 16.2l5.45 3.63.01-.02c.15.11.33.19.54.19.55 0 1-.45 1-1V6.82c-.31.11-.65.18-1 .18 0 .89-.39 1.67-1 2.22M6 17.13l-4-2.67V2.87l4 2.67zM12 4c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V5h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V1c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1"] as readonly string[];
+
 export const MapCreate: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="map-create" ref={ref} {...props}>
-            <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.4000000000001C262.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.4A19.4 19.4 0 0 1 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.6M120 57.4L40 110.8V342.6L120 289.2zM240 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 320" : "M280 183.6V57.2L221.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.2S199.8 97.2 199.8 97L120 49.4V222.8S120.2 222.8 120.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.6A20.06 20.06 0 0 1 0 300V80C0 73 3.6 67 9 63.4L98.8 3.4A19.6 19.6 0 0 1 120.2 3L209.4 56.4L288.8 3.4A20.06 20.06 0 0 1 320 20V203.6C315 201.8 309.6 200.8 304 200.4C297.4 193.2 289.4 187 280 183.6M100 50.8L40 90.8V262.8L98.8 223.6C99.2 223.2 99.6 223 100 222.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 240"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 MapCreate.displayName = `Blueprint6.Icon.MapCreate`;
 export default MapCreate;

package/src/generated/components/map-marker.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M8 0C4.96 0 2.49 2.39 2.49 5.33 2.49 8.28 8 16 8 16s5.51-7.72 5.51-10.67C13.5 2.39 11.04 0 8 0m0 8a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 0C6.13 0 3 2.98 3 6.67 3 10.35 10 20 10 20s7-9.65 7-13.33S13.86 0 10 0m0 10c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3"] as readonly string[];
+
 export const MapMarker: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="map-marker" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 400C122.6 400 60 340.4 60 266.6C60 193 200 0 200 0S340 193 340 266.6S277.2 400 200 400M200 200C166.8 200 140 226.8 140 260S166.8 320 200 320S260 293.2 260 260S233.2 200 200 200" : "M160 320C99.2 320 49.8 272.2 49.8 213.4C49.8 154.4 160 0 160 0S270.2 154.4 270.2 213.4C270 272.2 220.8 320 160 320M160 160A50 50 0 0 0 160 260A50 50 0 0 0 160 160"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 MapMarker.displayName = `Blueprint6.Icon.MapMarker`;
 export default MapMarker;

package/src/generated/components/map.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["m15.55 3.17-4.49-3A.98.98 0 0 0 9.99.15L5.53 2.82 1.56.17A1.003 1.003 0 0 0 0 1v11c0 .35.18.65.45.83l4.49 3a.98.98 0 0 0 1.07.02l4.46-2.67 3.97 2.65A1.003 1.003 0 0 0 16 15V4c0-.35-.18-.65-.45-.83M5 13.46l-3-2v-8.6l2.94 1.96c.02.02.04.03.06.04zm5-2.32s-.01 0-.01.01L6 13.53V4.86s.01 0 .01-.01L10 2.47zm4 1.99-2.94-1.96c-.02-.01-.04-.02-.05-.03v-8.6l3 2v8.59z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m19.54 4.18.01-.02-6-4-.01.02C13.39.08 13.21 0 13 0s-.39.08-.54.18l-.01-.02L7 3.8 1.55.17l-.01.01A.97.97 0 0 0 1 0C.45 0 0 .45 0 1v14c0 .35.19.64.46.82l-.01.02 6 4 .01-.02c.15.1.33.18.54.18s.39-.08.54-.18l.01.02L13 16.2l5.45 3.63.01-.02c.15.11.33.19.54.19.55 0 1-.45 1-1V5c0-.35-.19-.64-.46-.82M6 17.13l-4-2.67V2.87l4 2.67zm6-2.67-4 2.67V5.54l4-2.67zm6 2.67-4-2.67V2.87l4 2.67z"] as readonly string[];
+
 export const Map: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="map" ref={ref} {...props}>
-            <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.4A19.4 19.4 0 0 1 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.4M120 57.4L40 110.8V342.6L120 289.2zM240 110.8L160 57.4V289.2L240 342.6zM360 57.4L280 110.8V342.6L360 289.2z" : "M311 256.6L221.2 316.6A19.6 19.6 0 0 1 199.8 317L110.6 263.6L31.2 316.6A20.06 20.06 0 0 1 0 300V80C0 73 3.6 67 9 63.4L98.8 3.4A19.6 19.6 0 0 1 120.2 3L209.4 56.4L288.8 3.4A20.06 20.06 0 0 1 320 20V240C320 247 316.4 253 311 256.6M100 50.8L40 90.8V262.8L98.8 223.6C99.2 223.2 99.6 223 100 222.8zM200 97.2S199.8 97.2 199.8 97L120 49.4V222.8S120.2 222.8 120.2 223L200 270.6zM280 57.4L221.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) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Map.displayName = `Blueprint6.Icon.Map`;
 export default Map;

package/src/generated/components/markdown.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M14 2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zM8 5.848c0-.693-.875-.943-1.257-.427l-.07.113L5.5 7.882 4.326 5.534l-.07-.113C3.877 4.905 3 5.155 3 5.848V10.5a.5.5 0 0 0 1 0V7.118l.605 1.211a1 1 0 0 0 1.79 0L7 7.12v3.38a.5.5 0 0 0 1 0zM11.5 5a.5.5 0 0 0-.5.5v3.793l-.646-.647-.079-.064a.5.5 0 0 0-.693.693l.064.079 1.43 1.43a.6.6 0 0 0 .848 0l1.43-1.43a.5.5 0 1 0-.707-.708L12 9.293V5.5a.5.5 0 0 0-.5-.5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm-8 4.818c0-1.043-1.303-1.484-1.943-.707l-.06.08L6.5 8.34 5.003 6.19l-.06-.079C4.303 5.334 3 5.775 3 6.818V13a1 1 0 1 0 2 0V9.687l.269.386.12.15a1.5 1.5 0 0 0 2.342-.15L8 9.687V13a1 1 0 1 0 2 0zM14 6a1 1 0 0 0-1 1v3.236l-.731-.877-.07-.075a1.001 1.001 0 0 0-1.53 1.275l.062.082 2.347 2.815.084.089a1 1 0 0 0 1.671.007q.045-.045.089-.096l2.347-2.815.061-.082a1.001 1.001 0 0 0-1.53-1.275l-.069.075-.731.877V7a1 1 0 0 0-1-1"] as readonly string[];
+
 export const Markdown: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="markdown" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 360A40 40 0 0 0 400 320V80A40 40 0 0 0 360 40H40A40 40 0 0 0 0 80V320A40 40 0 0 0 40 360zM200 263.64C200 284.5 173.94 293.32 161.14 277.78L159.94 276.18L130 233.2L100.06 276.2L98.86 277.78C86.06 293.32 60 284.5 60 263.64V140A20 20 0 1 1 100 140V206.26L105.38 198.54L107.78 195.54A30 30 0 0 1 154.62 198.54L160 206.26V140A20 20 0 1 1 200 140zM280 280A20 20 0 0 1 260 260V195.28L245.38 212.82L243.98 214.32A20.02 20.02 0 0 1 213.38 188.82L214.62 187.18L261.56 130.88L263.24 129.1A20 20 0 0 1 296.66 128.96Q297.56 129.86 298.44 130.88L345.38 187.18L346.6 188.82A20.02 20.02 0 0 1 316 214.32L314.62 212.82L300 195.28V260A20 20 0 0 1 280 280" : "M280 280A40 40 0 0 0 320 240V80A40 40 0 0 0 280 40H40A40 40 0 0 0 0 80V240A40 40 0 0 0 40 280zM160 203.04C160 216.9 142.5 221.9 134.86 211.58L133.46 209.32L110 162.36L86.52 209.32L85.12 211.58C77.54 221.9 60 216.9 60 203.04V110A10 10 0 0 1 80 110V177.64L92.1 153.42A20 20 0 0 1 127.9 153.42L140 177.6V110A10 10 0 0 1 160 110zM230 220A10 10 0 0 1 220 210V134.14L207.08 147.08L205.5 148.36A10 10 0 0 1 191.64 134.5L192.92 132.92L221.52 104.32A12 12 0 0 1 238.48 104.32L267.08 132.92A10 10 0 1 1 252.94 147.08L240 134.14V210A10 10 0 0 1 230 220"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Markdown.displayName = `Blueprint6.Icon.Markdown`;
 export default Markdown;

package/src/generated/components/maximize.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M5.99 8.99c-.28 0-.53.11-.71.29l-3.29 3.29v-1.59c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1H3.41L6.7 10.7a1.003 1.003 0 0 0-.71-1.71m9-9h-4c-.55 0-1 .45-1 1s.45 1 1 1h1.59l-3.3 3.3a1 1 0 0 0-.29.7 1.003 1.003 0 0 0 1.71.71l3.29-3.29V5c0 .55.45 1 1 1s1-.45 1-1V1c0-.56-.45-1.01-1-1.01"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 0h-5c-.55 0-1 .45-1 1s.45 1 1 1h2.59L11.3 7.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L18 3.41V6c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1M8 11c-.28 0-.53.11-.71.29L2 16.59V14c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55.45 1 1 1h5c.55 0 1-.45 1-1s-.45-1-1-1H3.41l5.29-5.29c.19-.18.3-.43.3-.71 0-.55-.45-1-1-1"] as readonly string[];
+
 export const Maximize: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="maximize" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400H280C269 400 260 391 260 380S269 360 280 360H331.8L226 254.2C222.2 250.6 220 245.6 220 240A20.06 20.06 0 0 1 254.2 225.8L360 331.8V280C360 269 369 260 380 260S400 269 400 280V380C400 391 391 400 380 400M160 180C154.4 180 149.4 177.8 145.8 174.2L40 68.2V120C40 131 31 140 20 140S0 131 0 120V20C0 9 9 0 20 0H120C131 0 140 9 140 20S131 40 120 40H68.2L174 145.8C177.8 149.4 180 154.4 180 160C180 171 171 180 160 180" : "M119.8 140.2C114.2 140.2 109.2 138 105.6 134.4L39.8 68.6V100.4C39.8 111.4 30.8 120.4 19.8 120.4S-0.2 111.4 -0.2 100.4V20.4C-0.2 9.4 8.8 0.4 19.8 0.4H99.8C110.8 0.4 119.8 9.4 119.8 20.4S110.8 40.4 99.8 40.4H68.2L134 106A20.06 20.06 0 0 1 119.8 140.2000000000001M299.8 320.2000000000001H219.8C208.8 320.2000000000001 199.8 311.2000000000001 199.8 300.2000000000001S208.8 280.2000000000001 219.8 280.2000000000001H251.6L185.6 214.2000000000001A20 20 0 0 1 179.8000000000001 200.2000000000001A20.06 20.06 0 0 1 214.0000000000001 186L279.8000000000001 251.8000000000001V220C279.8000000000001 209 288.8 200 299.8000000000001 200S319.8000000000001 209 319.8000000000001 220V300C319.8000000000001 311.2 310.8000000000001 320.2 299.8000000000001 320.2"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Maximize.displayName = `Blueprint6.Icon.Maximize`;
 export default Maximize;

package/src/generated/components/media.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M11.99 6.99c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1m3-5h-14c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-10c0-.55-.45-1-1-1m-1 9-5-3-1 2-3-4-3 5v-7h12z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15 9c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m4-7H1c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1m-1 13-6-5-2 2-4-5-4 8V4h16z"] as readonly string[];
+
 export const Media: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="media" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 220C322 220 340 238 340 260S322 300 300 300S260 282 260 260S278 220 300 220M380 360H20C9 360 0 351 0 340V60C0 49 9 40 20 40H380C391 40 400 49 400 60V340C400 351 391 360 380 360M360 100L240 200L200 160L120 260L40 100V320H360z" : "M239.8 180.2C250.8 180.2 259.8 189.2 259.8 200.2S250.8 220.2 239.8 220.2S219.8 211.2 219.8 200.2S228.8 180.2 239.8 180.2M299.8 280.2H19.8C8.8 280.2 -0.2 271.2 -0.2 260.2V60.2C-0.2 49.2 8.8 40.2 19.8 40.2H299.8C310.8 40.2 319.8 49.2 319.8 60.2V260.2C319.8 271.2 310.8 280.2 299.8 280.2M279.8 100.2L179.8 160.2L159.8 120.2L99.8 200.2L39.8 100.2V240.2H279.8z"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Media.displayName = `Blueprint6.Icon.Media`;
 export default Media;

package/src/generated/components/menu-closed.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M14.99 6.99h-9c-.55 0-1 .45-1 1s.45 1 1 1h9c.55 0 1-.45 1-1s-.45-1-1-1m-12-2c-.28 0-.53.11-.71.29l-2 2a1.014 1.014 0 0 0 0 1.42l2 2a1.003 1.003 0 0 0 1.71-.71v-4c0-.55-.45-1-1-1m3-1h9c.55 0 1-.45 1-1s-.45-1-1-1h-9c-.55 0-1 .45-1 1s.45 1 1 1m9 8h-9c-.55 0-1 .45-1 1s.45 1 1 1h9c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M8 6h11c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1s.45 1 1 1M4 6c-.28 0-.53.11-.71.29l-3 3C.11 9.47 0 9.72 0 10s.11.53.29.71l3 3A1.003 1.003 0 0 0 5 13V7c0-.55-.45-1-1-1m15 8H8c-.55 0-1 .45-1 1s.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1m0-5H8c-.55 0-1 .45-1 1s.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const MenuClosed: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="menu-closed" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M160 280H380C391 280 400 289 400 300S391 320 380 320H160C149 320 140 311 140 300S149 280 160 280M80 280C74.4 280 69.4 277.8 65.8 274.2L5.8 214.2C2.2 210.6 0 205.6 0 200S2.2 189.4 5.8 185.8L65.8 125.8A20.06 20.06 0 0 1 100 140V260C100 271 91 280 80 280M380 120H160C149 120 140 111 140 100S149 80 160 80H380C391 80 400 89 400 100S391 120 380 120M380 220H160C149 220 140 211 140 200S149 180 160 180H380C391 180 400 189 400 200S391 220 380 220" : "M299.8 180.2H119.8C108.8 180.2 99.8 171.2 99.8 160.2S108.8 140.2 119.8 140.2H299.8C310.8 140.2 319.8 149.2 319.8 160.2S310.8 180.2 299.8 180.2M59.8 220.2C54.2 220.2 49.2 218 45.6 214.4L5.6 174.4A20.28 20.28 0 0 1 5.6 146L45.6 106A20.06 20.06 0 0 1 79.8 120.2000000000001V200.2000000000001C79.8 211.2000000000001 70.8 220.2000000000001 59.8 220.2000000000001M119.8 240.2000000000001H299.8C310.8 240.2000000000001 319.8 249.2000000000001 319.8 260.2000000000001S310.8 280.2000000000001 299.8 280.2000000000001H119.8C108.8 280.2000000000001 99.8 271.2000000000001 99.8 260.2000000000001S108.8 240.2000000000001 119.8 240.2000000000001M299.8 80.2000000000001H119.8C108.8 80.2000000000001 99.8 71.2000000000001 99.8 60.2000000000001S108.8 40.2 119.8 40.2H299.8C310.8 40.2 319.8 49.2 319.8 60.2000000000001S310.8 80.2000000000001 299.8 80.2000000000001"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 MenuClosed.displayName = `Blueprint6.Icon.MenuClosed`;
 export default MenuClosed;

package/src/generated/components/menu-open.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M9.99 11.99h-9c-.55 0-1 .45-1 1s.45 1 1 1h9c.55 0 1-.45 1-1s-.45-1-1-1m0-5h-9c-.55 0-1 .45-1 1s.45 1 1 1h9c.55 0 1-.45 1-1s-.45-1-1-1m0-5h-9c-.55 0-1 .45-1 1s.45 1 1 1h9c.55 0 1-.45 1-1s-.45-1-1-1m5.71 5.3-2-2a1.003 1.003 0 0 0-1.71.71v4a1.003 1.003 0 0 0 1.71.71l2-2c.18-.18.29-.43.29-.71s-.11-.53-.29-.71"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M12 9H1c-.55 0-1 .45-1 1s.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1m0 5H1c-.55 0-1 .45-1 1s.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1m0-10H1c-.55 0-1 .45-1 1s.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1m7.71 5.29-3-3A1.003 1.003 0 0 0 15 7v6a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71s-.11-.53-.29-.71"] as readonly string[];
+
 export const MenuOpen: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
     const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE;
-    const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
-    const style = { transformOrigin: "center" };
+    const paths = isLarge ? PATHS_20 : PATHS_16;
     return (
         <SVGIconContainer iconName="menu-open" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M240 220H20C9 220 0 211 0 200S9 180 20 180H240C251 180 260 189 260 200S251 220 240 220M240 120H20C9 120 0 111 0 100S9 80 20 80H240C251 80 260 89 260 100S251 120 240 120M240 320H20C9 320 0 311 0 300S9 280 20 280H240C251 280 260 289 260 300S251 320 240 320M394.2000000000001 214.2L334.2000000000001 274.2000000000001A20.06 20.06 0 0 1 300 260V140A20.06 20.06 0 0 1 334.2000000000001 125.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200S397.8 210.6 394.2000000000001 214.2" : "M199.8 80.2H19.8C8.8 80.2 -0.2 71.2 -0.2 60.2S8.8 40.2 19.8 40.2H199.8C210.8 40.2 219.8 49.2 219.8 60.2S210.8 80.2 199.8 80.2M199.8 180.2H19.8C8.8 180.2 -0.2 171.2 -0.2 160.2S8.8 140.2 19.8 140.2H199.8C210.8 140.2 219.8 149.2 219.8 160.2S210.8 180.2 199.8 180.2M199.8 280.2H19.8C8.8 280.2 -0.2 271.2 -0.2 260.2S8.8 240.2 19.8 240.2H199.8C210.8 240.2 219.8 249.2 219.8 260.2S210.8 280.2 199.8 280.2M314 174.2L274 214.2A20.06 20.06 0 0 1 239.8 200V120A20.06 20.06 0 0 1 274 105.8L314 145.8C317.6 149.4 319.8 154.4 319.8 160S317.6 170.6 314 174.2"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 MenuOpen.displayName = `Blueprint6.Icon.MenuOpen`;
 export default MenuOpen;