@blueprintjs/icons 6.9.0 → 6.9.1

package/src/generated/components/key-enter.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 2c-.55 0-1 .45-1 1v3c0 1.66-1.34 3-3 3H4.41L5.7 7.71c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-3 3c-.18.18-.29.43-.29.71s.11.53.29.71l3 3a1.003 1.003 0 0 0 1.42-1.42L4.41 11H10c2.76 0 5-2.24 5-5V3c0-.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 = ["M18 2c-.55 0-1 .45-1 1v5c0 2.21-1.79 4-4 4H4.41L6.7 9.71c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-4 4c-.18.18-.29.43-.29.71s.11.53.29.71l4 4a1.003 1.003 0 0 0 1.42-1.42L4.41 14H13c3.31 0 6-2.69 6-6V3c0-.55-.45-1-1-1"] as readonly string[];
+
 export const KeyEnter: 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="key-enter" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 360C349 360 340 351 340 340V240C340 195.8 304.2000000000001 160 260 160H88.2L134 205.8C137.8 209.4 140 214.4 140 220A20.06 20.06 0 0 1 105.8 234.2L25.8 154.2C22.2 150.6 20 145.6 20 140S22.2 129.4 25.8 125.8L105.8 45.8A20.06 20.06 0 0 1 134.2 74.2000000000001L88.2 120H260C326.2 120 380 173.8 380 240V340C380 351 371 360 360 360" : "M280 280C269 280 260 271 260 260V200C260 166.8 233.2 140 200 140H88.2L114 165.8C117.8 169.4 120 174.4 120 180A20.06 20.06 0 0 1 85.8 194.2L25.8 134.2C22.2 130.6 20 125.6 20 120S22.2 109.4 25.8 105.8L85.8 45.8A20.06 20.06 0 0 1 114.2 74.2L88.2 100H200C255.2 100 300 144.8 300 200V260C300 271 291 280 280 280"}
-                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>
-   );
+    );
 });
 KeyEnter.displayName = `Blueprint6.Icon.KeyEnter`;
 export default KeyEnter;

package/src/generated/components/key-escape.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 = ["M2 7c.55 0 1-.45 1-1V4.41L7.29 8.7c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L4.41 3H6c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1m7-5.9v2A5 5 0 1 1 3.1 9h-2c.49 3.39 3.38 6 6.9 6 3.87 0 7-3.13 7-7 0-3.52-2.61-6.41-6-6.9"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M2 8c.55 0 1-.45 1-1V4.41l6.29 6.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L4.41 3H7c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1v5c0 .55.45 1 1 1m9-6.94V3.1c3.39.49 6 3.38 6 6.9 0 3.87-3.13 7-7 7-3.52 0-6.41-2.61-6.9-6H1.06c.5 4.5 4.31 8 8.94 8a9 9 0 0 0 9-9c0-4.63-3.5-8.44-8-8.94"] as readonly string[];
+
 export const KeyEscape: 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="key-escape" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M40 240C51 240 60 249 60 260V311.8L185.8 186C189.4 182.2 194.4 180 200 180A20.06 20.06 0 0 1 214.2 214.2L88.2 340H140C151 340 160 349 160 360S151 380 140 380H40C29 380 20 371 20 360V260C20 249 29 240 40 240M220 378.8V338C287.8 328.2 340 270.4 340 200C340 122.6 277.4000000000001 60 200 60C129.6 60 71.8 112.2 62 180H21.2C31.2 90 107.4 20 200 20A180 180 0 0 1 380 200C380 292.6 310 368.8 220 378.8" : "M40 180C51 180 60 189 60 200V231.8L145.8 146C149.4 142.2 154.4 140 160 140A20.06 20.06 0 0 1 174.2 174.2L88.2 260H120C131 260 140 269 140 280S131 300 120 300H40C29 300 20 291 20 280V200C20 189 29 180 40 180M180 298V258A100 100 0 1 0 62 140H22C31.8 72.2 89.6 20 160 20C237.4000000000001 20 300 82.6 300 160C300 230.4 247.8 288.2 180 298"}
-                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>
-   );
+    );
 });
 KeyEscape.displayName = `Blueprint6.Icon.KeyEscape`;
 export default KeyEscape;

package/src/generated/components/key-option.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 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1m4 8h-3.43L5.86 2.49h-.02A.98.98 0 0 0 5 2H1c-.55 0-1 .45-1 1s.45 1 1 1h3.43l5.71 9.51.01-.01c.18.3.49.5.85.5h4c.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 = ["M13 4h6c.55 0 1-.45 1-1s-.45-1-1-1h-6c-.55 0-1 .45-1 1s.45 1 1 1m6 12h-4.42L6.87 2.5l-.02.01A.98.98 0 0 0 6 2H1c-.55 0-1 .45-1 1s.45 1 1 1h4.42l7.71 13.5.01-.01c.18.3.49.51.86.51h5c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const KeyOption: 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="key-option" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M260 320H380C391 320 400 329 400 340S391 360 380 360H260C249 360 240 351 240 340S249 320 260 320M380 80H291.6L137.4 350L137 349.8A19.6 19.6 0 0 1 120 360H20C9 360 0 351 0 340S9 320 20 320H108.4L262.6 50L262.8 50.2C266.4 44.2 272.6 40 280 40H380C391 40 400 49 400 60S391 80 380 80" : "M220 240H300C311 240 320 249 320 260S311 280 300 280H220C209 280 200 271 200 260S209 240 220 240M300 80H231.4L117.2 270.2H116.8A19.6 19.6 0 0 1 100 280H20C9 280 0 271 0 260S9 240 20 240H88.6L202.8 49.8L203 50C206.6 44 212.8 40 220 40H300C311 40 320 49 320 60S311 80 300 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>
-   );
+    );
 });
 KeyOption.displayName = `Blueprint6.Icon.KeyOption`;
 export default KeyOption;

package/src/generated/components/key-shift.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 = ["m13.71 7.29-5-5C8.53 2.11 8.28 2 8 2s-.53.11-.71.29l-5 5A1.003 1.003 0 0 0 3 9h2v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1V9h2a1.003 1.003 0 0 0 .71-1.71"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m17.74 10.35-6.99-8.01-.01.01C10.56 2.14 10.3 2 10 2s-.56.14-.74.35l-.01-.01-7 8 .01.01A.95.95 0 0 0 2 11c0 .55.45 1 1 1h3v5c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-5h3c.55 0 1-.45 1-1 0-.25-.1-.48-.26-.65"] as readonly string[];
+
 export const KeyShift: 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="key-shift" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M354.8 193L215 353.2L214.8 353C211.2 357.2 206 360 200 360S188.8 357.2 185.2 353L185 353.2L45 193.2L45.2 193A19 19 0 0 1 40 180C40 169 49 160 60 160H120V60C120 49 129 40 140 40H260C271 40 280 49 280 60V160H340C351 160 360 169 360 180C360 185 358 189.6 354.8 193" : "M274.2000000000001 174.2L174.2 274.2C170.6 277.8 165.6 280 160 280S149.4 277.8 145.8 274.2L45.8 174.2A20.06 20.06 0 0 1 60 140H100V60C100 49 109 40 120 40H200C211 40 220 49 220 60V140H260A20.06 20.06 0 0 1 274.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>
-   );
+    );
 });
 KeyShift.displayName = `Blueprint6.Icon.KeyShift`;
 export default KeyShift;

package/src/generated/components/key-tab.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 10H4.41L5.7 8.71c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L2 9.59V8c0-.55-.45-1-1-1s-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1v-1.59l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L4.41 12H15c.55 0 1-.45 1-1s-.45-1-1-1m0-9c-.55 0-1 .45-1 1v1.59L11.71 1.3A.97.97 0 0 0 11 1a1.003 1.003 0 0 0-.71 1.71L11.59 4H1c-.55 0-1 .45-1 1s.45 1 1 1h10.59L10.3 7.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L14 6.41V8c0 .55.45 1 1 1s1-.45 1-1V2c0-.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 13H4.41l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L2 12.59V10c0-.55-.45-1-1-1s-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1v-2.59l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L4.41 15H19c.55 0 1-.45 1-1s-.45-1-1-1m0-12c-.55 0-1 .45-1 1v2.59L14.71 1.3A.97.97 0 0 0 14 1a1.003 1.003 0 0 0-.71 1.71L15.59 5H1c-.55 0-1 .45-1 1s.45 1 1 1h14.59L13.3 9.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L18 7.41V10c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1"] as readonly string[];
+
 export const KeyTab: 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="key-tab" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 140H88.2L134 185.8C137.8 189.4 140 194.4 140 200A20.06 20.06 0 0 1 105.8 214.2L40 148.2V200C40 211 31 220 20 220S0 211 0 200V40C0 29 9 20 20 20S40 29 40 40V91.8L105.8 26C109.4 22.2 114.4 20 120 20A20.06 20.06 0 0 1 134.2 54.2L88.2 100H380C391 100 400 109 400 120S391 140 380 140M380 380C369 380 360 371 360 360V308.2L294.2000000000001 374A19.4 19.4 0 0 1 280 380A20.06 20.06 0 0 1 265.8 345.8L311.8 300H20C9 300 0 291 0 280S9 260 20 260H311.8L266 214.2C262.2000000000001 210.6 260 205.6 260 200A20.06 20.06 0 0 1 294.2000000000001 185.8L360 251.8V200C360 189 369 180 380 180S400 189 400 200V360C400 371 391 380 380 380" : "M300 120H88.2L114 145.8C117.8 149.4 120 154.4 120 160A20.06 20.06 0 0 1 85.8 174.2L40 128.2V160C40 171 31 180 20 180S0 171 0 160V40C0 29 9 20 20 20S40 29 40 40V71.8L85.8 26C89.4 22.2 94.4 20 100 20A20.06 20.06 0 0 1 114.2 54.2L88.2 80H300C311 80 320 89 320 100S311 120 300 120M300 300C289 300 280 291 280 280V248.2L234.2 294A19.4 19.4 0 0 1 220 300A20.06 20.06 0 0 1 205.8 265.8L231.8 240H20C9 240 0 231 0 220S9 200 20 200H231.8L206 174.2C202.2 170.6 200 165.6 200 160A20.06 20.06 0 0 1 234.2 145.8L280 191.8V160C280 149 289 140 300 140S320 149 320 160V280C320 291 311 300 300 300"}
-                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>
-   );
+    );
 });
 KeyTab.displayName = `Blueprint6.Icon.KeyTab`;
 export default KeyTab;

package/src/generated/components/key.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 0C8.24 0 6 2.24 6 5c0 1.02.31 1.96.83 2.75L.29 14.29a1.003 1.003 0 0 0 1.42 1.42L3 14.41l1.29 1.29c.18.19.43.3.71.3s.53-.11.71-.29l2-2c.18-.18.29-.43.29-.71s-.11-.53-.29-.71L6.41 11l1.83-1.83c.8.52 1.74.83 2.76.83 2.76 0 5-2.24 5-5s-2.24-5-5-5m0 8c-.23 0-.45-.03-.66-.08-.01 0-.02-.01-.03-.01q-.315-.075-.6-.21a3.01 3.01 0 0 1-1.62-2c0-.01-.01-.02-.01-.03C8.03 5.45 8 5.23 8 5c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M14 0c-3.31 0-6 2.69-6 6 0 1.11.32 2.14.85 3.03L.44 17.44a1.498 1.498 0 1 0 2.12 2.12l.79-.79.94.94c.18.18.43.29.71.29s.53-.11.71-.29l3-3c.18-.18.29-.43.29-.71s-.11-.53-.29-.71l-.94-.94 3.2-3.2A5.9 5.9 0 0 0 14 12c3.31 0 6-2.69 6-6s-2.69-6-6-6m0 9c-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 Key: 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="key" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M280 400C213.8 400 160 346.2 160 280C160 257.8 166.4 237.2 177 219.4L8.8 51.2A29.96 29.96 0 1 1 51.2 8.8L67 24.5999999999999L85.8 5.7999999999999C89.4 2.1999999999999 94.4 -1e-13 100 -1e-13S110.6 2.1999999999999 114.2 5.7999999999999L174.2 65.7999999999999C177.8 69.3999999999999 180 74.3999999999999 180 79.9999999999999S177.8 90.5999999999999 174.2 94.1999999999999L155.4 113L219.4 177A118 118 0 0 1 280 160C346.2 160 400 213.8 400 280S346.2 400 280 400M280 220C246.8 220 220 246.8 220 280S246.8 340 280 340S340 313.2 340 280S313.2 220 280 220" : "M220 320C164.8 320 120 275.2 120 220C120 199.6 126.2 180.8 136.6 165L5.8 34.2A20.06 20.06 0 0 1 34.2 5.8L60 31.8L85.8 6C89.4 2.2 94.4 0 100 0S110.6 2.2 114.2 5.8L154.2 45.8C157.8 49.4 160 54.4 160 60S157.8 70.6 154.2 74.2L128.2 100L164.8 136.6C180.8 126.2 199.6 120 220 120C275.2 120 320 164.8 320 220S275.2 320 220 320M220 160C215.4 160 211 160.6 206.8 161.6C206.6 161.6 206.4 161.8 206.2 161.8Q199.9 163.3 194.2 166A60.2 60.2 0 0 0 161.8 206C161.8 206.2 161.6 206.4 161.6 206.6C160.6 211 160 215.4 160 220C160 253.2 186.8 280 220 280S280 253.2 280 220S253.2 160 220 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>
-   );
+    );
 });
 Key.displayName = `Blueprint6.Icon.Key`;
 export default Key;

package/src/generated/components/known-vehicle.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 3a1 1 0 0 0-.707.293L12 5.586l-1.293-1.293a1 1 0 1 0-1.414 1.414l2 2a.997.997 0 0 0 1.414 0l3-3A1 1 0 0 0 15 3m-.879 6.121-.007-.007A3 3 0 0 1 13 9.816V10h-2v-.184c-.424-.15-.8-.395-1.112-.704l-.01.01-2-2 .012-.012A3 3 0 0 1 7.184 6H3c-.176 0-.06-.824 0-1l.73-1.63C3.79 3.192 3.823 3 4 3h3.78c.548-.61 1.335-1 2.22-1 .768 0 1.461.293 1.987.77l.844-.844c-.238-.244-.524-.442-.794-.524C12.037 1.402 10.72 1 8 1s-4.037.402-4.037.402c-.508.155-1.078.711-1.268 1.237l-.763 2.117H.88c-.484 0-.88.423-.88.939s.396.939.88.939h.375L1 7c-.034.685 0 1.436 0 2v5c0 .657.384 1 1 1s1-.343 1-1v-1h10v1c0 .657.384 1 1 1s1-.343 1-1V9l-.003-.754zM5.001 10H3V8h2z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 4a1 1 0 0 0-.707.293L14 8.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 0 0 19 4m-2.048 7.291c.011.072.048.134.048.209a1.5 1.5 0 0 1-1.5 1.5c-.225 0-.433-.057-.624-.145-.279.085-.57.145-.876.145a3 3 0 0 1-2.121-.879l-3-3 .007-.007A3 3 0 0 1 8.184 8H4V7l1-3h10l.19.568 1.307-1.308c-.336-.356-.758-.658-1.165-.772 0 0-1.74-.488-5.332-.488s-5.332.488-5.332.488c-.67.188-1.424.864-1.674 1.502L2.99 4H3L2 7H1a1 1 0 0 0 0 2h.333l-.28.84L1 10v7.5a1.5 1.5 0 1 0 3 0V17h12v.5a1.5 1.5 0 0 0 3 0V10l-.19-.568zM4.5 13a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"] as readonly string[];
+
 export const KnownVehicle: 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="known-vehicle" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 320A20 20 0 0 1 365.86 314.14L280 228.28L234.14 274.14A20 20 0 0 1 205.86 245.86L265.86 185.86A19.94 19.94 0 0 1 294.14 185.86L394.14 285.86A20 20 0 0 1 380 320M339.04 174.18C339.26 172.74 340 171.5 340 170A30 30 0 0 0 310 140C305.5 140 301.3399999999999 141.14 297.5199999999999 142.9C291.94 141.2 286.1199999999999 140 280 140A60 60 0 0 0 237.58 157.58L177.5799999999999 217.58L177.7199999999999 217.72A60 60 0 0 0 163.68 240H80V260L100 320H300L303.8 308.64L329.94 334.8C323.2200000000001 341.92 314.7800000000001 347.96 306.64 350.24C306.64 350.24 271.8400000000001 360 200 360S93.36 350.24 93.36 350.24C79.96 346.48 64.88 332.9600000000001 59.88 320.2000000000001L59.8 320H60L40 260H20A20 20 0 0 1 20 220H26.66L21.06 203.2L20 200V50A30 30 0 1 1 80 50V60H320V50A30 30 0 0 1 380 50V200L376.2 211.36zM90 140A30 30 0 1 0 90 200A30 30 0 0 0 90 140" : "M300 260A20 20 0 0 1 285.86 254.14L240 208.28L214.14 234.14A20 20 0 1 1 185.86 205.86L225.86 165.86A19.94 19.94 0 0 1 254.14 165.86L314.14 225.86A20 20 0 0 1 300 260M282.42 137.58L282.2800000000001 137.72A60 60 0 0 0 260 123.68V120H220V123.68C211.52 126.68 204 131.58 197.76 137.76L197.56 137.56L157.56 177.56L157.8 177.8A60 60 0 0 0 143.68 200H60C56.48 200 58.8 216.48 60 220L74.6 252.6C75.8 256.16 76.46 260 80 260H155.6C166.56 272.2 182.3 280 200 280C215.36 280 229.22 274.14 239.74 264.6L256.62 281.48C251.86 286.36 246.14 290.32 240.74 291.96C240.74 291.96 214.4 300 160 300S79.26 291.96 79.26 291.96C69.1 288.86 57.7 277.74 53.9 267.2200000000001L38.64 224.88H17.6C7.92 224.88 0 216.42 0 206.1S7.92 187.32 17.6 187.32H25.1L20 180C19.32 166.3 20 151.28 20 140V40C20 26.86 27.68 20 40 20S60 26.86 60 40V60H260V40C260 26.86 267.68 20 280 20S300 26.86 300 40V140L299.94 155.08zM100.02 120H60V160H100z"}
-                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>
-   );
+    );
 });
 KnownVehicle.displayName = `Blueprint6.Icon.KnownVehicle`;
 export default KnownVehicle;

package/src/generated/components/lab-test.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 1a1 1 0 0 1 0 2v3l3 7v1.25a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75V13l3-7V3a1 1 0 1 1 0-2zM9 3H7v3l-1.714 4h5.428L9 6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M13 2a1 1 0 0 1 0 2v4l4 8v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-1l4-8V4a1 1 0 1 1 0-2zm-2 2H9v4l-2 4h6l-2-4z"] as readonly string[];
+
 export const LabTest: 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="lab-test" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M260 360A20 20 0 0 0 260 320V240L340 80V60A20 20 0 0 0 320 40H80A20 20 0 0 0 60 60V80L140 240V320A20 20 0 1 0 140 360zM220 320H180V240L140 160H260L220 240z" : "M220 300A20 20 0 0 0 220 260V200L280 60V35A15 15 0 0 0 265 20H55A15 15 0 0 0 40 35V60L100 200V260A20 20 0 1 0 100 300zM180 260H140V200L105.72 120H214.28L180 200z"}
-                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>
-   );
+    );
 });
 LabTest.displayName = `Blueprint6.Icon.LabTest`;
 export default LabTest;

package/src/generated/components/label.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 2H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V7zm3 10H2V4h8v2H3v1h7v1h4zm-3-5V4l3 3zm-8 3h10V9H3z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3 12h14v-1H3zm11-9H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V9zm4 12H2V5h11v3H3v1h10v1h5zm-4-6V5l4 4z"] as readonly string[];
+
 export const Label: 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="label" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M60 160H340V180H60zM280 340H20C9 340 0 331 0 320V80C0 69 9 60 20 60H380C391 60 400 69 400 80V220zM360 100H40V300H260V240H60V220H260V200H360zM280 220V300L360 220z" : "M220 280H20C9 280 0 271 0 260V60C0 49 9 40 20 40H300C311 40 320 49 320 60V180zM280 80H40V240H200V200H60V180H200V160H280zM220 180V240L280 180zM60 120H260V140H60z"}
-                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>
-   );
+    );
 });
 Label.displayName = `Blueprint6.Icon.Label`;
 export default Label;

package/src/generated/components/layer-outline.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.504 3.132-7 4a1 1 0 0 0 0 1.736l7 4a1 1 0 0 0 .992 0l7-4a1 1 0 0 0 0-1.736l-7-4a1 1 0 0 0-.992 0M8 5.152 12.983 8 8 10.847 3.016 8z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m9.514 4.126-9 5a1 1 0 0 0 0 1.748l9 5a1 1 0 0 0 .972 0l9-5a1 1 0 0 0 0-1.748l-9-5a1 1 0 0 0-.972 0M10 6.144l6.94 3.855L10 13.855 3.059 9.999z"] as readonly string[];
+
 export const LayerOutline: 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="layer-outline" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M190.28 317.48L10.28 217.48A20 20 0 0 1 10.28 182.52L190.28 82.52A20 20 0 0 1 209.72 82.52L389.7199999999999 182.52A20 20 0 0 1 389.7199999999999 217.48L209.72 317.48A20 20 0 0 1 190.28 317.48M200 277.12L338.8 200.02L200 122.9L61.18 200.02z" : "M150.08 257.36L10.08 177.36A20 20 0 0 1 10.08 142.64L150.08 62.64A20 20 0 0 1 169.92 62.64L309.92 142.64A20 20 0 0 1 309.92 177.36L169.92 257.36A20 20 0 0 1 150.08 257.36M160 216.96L259.6600000000001 160L160 103.06L60.32 160z"}
-                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>
-   );
+    );
 });
 LayerOutline.displayName = `Blueprint6.Icon.LayerOutline`;
 export default LayerOutline;

package/src/generated/components/layer.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 = ["M16 8c0-.37-.21-.68-.51-.85l.01-.01-7-4-.01.01C8.34 3.06 8.18 3 8 3s-.34.06-.49.15l-.01-.02-7 4 .01.01C.21 7.32 0 7.63 0 8s.21.68.51.85l-.01.01 7 4 .01-.01c.15.09.31.15.49.15s.34-.06.49-.15l.01.01 7-4-.01-.01c.3-.17.51-.48.51-.85"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m19.5 9.1-9-5c-.2-.1-.3-.1-.5-.1s-.3 0-.5.1l-9 5c-.3.2-.5.5-.5.9s.2.7.5.9l9 5c.2.1.3.1.5.1s.3 0 .5-.1l9-5c.3-.2.5-.5.5-.9s-.2-.7-.5-.9"] as readonly string[];
+
 export const Layer: 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="layer" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M390 218L210 318C206 320 204 320 200 320S194 320 190 318L10 218C4 214 0 208 0 200S4 186 10 182L190 82C194 80 196 80 200 80S206 80 210 82L390 182C396 186 400 192 400 200S396 214 390 218" : "M320 160C320 167.4 315.8 173.6 309.8 177L310 177.2L170 257.2L169.8 257C166.8 258.8 163.6 260 160 260S153.2 258.8 150.2 257L150 257.4L10 177.4L10.2 177.2C4.2 173.6 0 167.4 0 160S4.2 146.4 10.2 143L10 142.8L150 62.8L150.2 63C153.2 61.2 156.4 60 160 60S166.8 61.2 169.8 63L170 62.8L310 142.8L309.8 143C315.8 146.4 320 152.6 320 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>
-   );
+    );
 });
 Layer.displayName = `Blueprint6.Icon.Layer`;
 export default Layer;

package/src/generated/components/layers.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 = ["m.55 4.89 7 3c.14.07.29.11.45.11s.31-.04.45-.11l7-3a.998.998 0 0 0-.06-1.81L8.4.08a1 1 0 0 0-.79 0l-6.99 3a.992.992 0 0 0-.07 1.81M15 11c-.16 0-.31.04-.45.11L8 14l-6.55-2.9c-.14-.06-.29-.1-.45-.1-.55 0-1 .45-1 1 0 .39.23.73.55.89l7 3c.14.07.29.11.45.11s.31-.04.45-.11l7-3c.32-.16.55-.5.55-.89 0-.55-.45-1-1-1m0-4c-.16 0-.31.04-.45.11L8 10 1.45 7.11A1 1 0 0 0 1 7c-.55 0-1 .45-1 1 0 .39.23.73.55.89l7 3c.14.07.29.11.45.11s.31-.04.45-.11l7-3c.32-.16.55-.5.55-.89 0-.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 = ["m.5 6.9 9 5c.2.1.3.1.5.1s.3 0 .5-.1l9-5c.3-.2.5-.5.5-.9s-.2-.7-.5-.9l-9-5c-.2-.1-.3-.1-.5-.1s-.3 0-.5.1l-9 5c-.3.2-.5.5-.5.9s.2.7.5.9M19 9c-.2 0-.3 0-.5.1L10 13.9 1.5 9.1C1.3 9 1.2 9 1 9c-.6 0-1 .4-1 1 0 .4.2.7.5.9l9 5c.2.1.3.1.5.1s.3 0 .5-.1l9-5c.3-.2.5-.5.5-.9 0-.6-.4-1-1-1m0 4c-.2 0-.3 0-.5.1L10 17.9l-8.5-4.7c-.2-.2-.3-.2-.5-.2-.6 0-1 .4-1 1 0 .4.2.7.5.9l9 5c.2.1.3.1.5.1s.3 0 .5-.1l9-5c.3-.2.5-.5.5-.9 0-.6-.4-1-1-1"] as readonly string[];
+
 export const Layers: 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="layers" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M10 262L190 162C194 160 196 160 200 160S206 160 210 162L390 262C396 266 400 272 400 280S396 294 390 298L210 398C206 400 204 400 200 400S194 400 190 398L10 298C4 294 0 288 0 280S4 266 10 262M380 220C376 220 374 220 370 218L200 122L30 218C26 220 24 220 20 220C8 220 0 212 0 200C0 192 4 186 10 182L190 82C194 80 196 80 200 80S206 80 210 82L390 182C396 186 400 192 400 200C400 212 392 220 380 220M380 140C376 140 374 140 370 138L200 42L30 136C26 140 24 140 20 140C8 140 0 132 0 120C0 112 4 106 10 102L190 2C194 0 196 0 200 0S206 0 210 2L390 102C396 106 400 112 400 120.0000000000001C400 132 392 140.0000000000001 380 140.0000000000001" : "M11 222.2L151 162.2C153.8 160.8 156.8 160 160 160S166.2 160.8 169 162.2L309 222.2A19.96 19.96 0 0 1 307.8 258.4L168 318.4A20 20 0 0 1 152.2 318.4L12.4 258.4A19.84 19.84 0 0 1 11 222.2M300 100C296.8 100 293.8 99.2 291 97.8L160 40L29 98C26.2 99.2 23.2 100 20 100C9 100 0 91 0 80C0 72.2 4.6 65.4 11 62.2L151 2.2C153.8 0.8 156.8 0 160 0S166.2 0.8 169 2.2L309 62.2C315.4 65.4 320 72.2 320 80C320 91 311 100 300 100M300 180C296.8 180 293.8 179.2 291 177.8L160 120L29 177.8A20 20 0 0 1 20 180C9 180 0 171 0 160C0 152.2 4.6 145.4 11 142.2L151 82.2C153.8 80.8 156.8 80 160 80S166.2 80.8 169 82.2L309 142.2C315.4 145.4 320 152.2 320 160C320 171 311 180 300 180"}
-                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>
-   );
+    );
 });
 Layers.displayName = `Blueprint6.Icon.Layers`;
 export default Layers;

package/src/generated/components/layout-auto.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 9.5c-.56 0-1.06.23-1.42.59L8.99 8l3.59-2.09A2.002 2.002 0 0 0 16 4.5c0-1.1-.9-2-2-2s-2 .9-2 2c0 .19.03.37.08.54L8.5 7.13v-3.2c.86-.22 1.5-1 1.5-1.93 0-1.1-.9-2-2-2S6 .9 6 2c0 .93.64 1.71 1.5 1.93v3.2L3.92 5.04c.05-.17.08-.35.08-.54 0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2c.56 0 1.06-.23 1.42-.59L7.01 8l-3.59 2.09A2.002 2.002 0 0 0 0 11.5c0 1.1.9 2 2 2s2-.9 2-2c0-.19-.03-.37-.08-.54L7.5 8.87v3.2c-.86.22-1.5 1-1.5 1.93 0 1.1.9 2 2 2s2-.9 2-2c0-.93-.64-1.71-1.5-1.93v-3.2l3.58 2.09c-.05.17-.08.35-.08.54 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 13c-.53 0-1.01.21-1.37.55L11.9 10.6c.06-.19.1-.39.1-.6s-.04-.41-.1-.6l4.72-2.95c.37.34.85.55 1.38.55 1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2c0 .21.04.41.1.6l-4.73 2.96c-.24-.23-.54-.4-.87-.48V3.93c.86-.22 1.5-1 1.5-1.93 0-1.1-.9-2-2-2S8 .9 8 2c0 .93.64 1.71 1.5 1.93v4.14c-.33.09-.63.26-.87.48L3.9 5.6c.06-.19.1-.39.1-.6 0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2c.53 0 1.01-.21 1.37-.55L8.1 9.4c-.06.19-.1.39-.1.6s.04.41.1.6l-4.72 2.95C3.01 13.21 2.53 13 2 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2c0-.21-.04-.41-.1-.6l4.73-2.96c.24.23.54.4.87.48v4.14C8.64 16.29 8 17.07 8 18c0 1.1.9 2 2 2s2-.9 2-2c0-.93-.64-1.71-1.5-1.93v-4.14c.33-.09.63-.26.87-.48l4.73 2.96c-.06.18-.1.38-.1.59 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2"] as readonly string[];
+
 export const LayoutAuto: 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="layout-auto" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 140C349.4 140 339.8 135.8 332.6 129L238 188C239.2 191.8 240 195.8 240 200S239.2 208.2 238 212L332.4000000000001 271C339.8000000000001 264.2 349.4000000000001 260 360 260C382 260 400 278 400 300S382 340 360 340S320 322 320 300C320 295.8 320.8 291.8 322 288L227.4000000000001 228.8C222.6 233.4000000000001 216.6 236.8000000000001 210 238.4000000000001V321.4C227.2 325.8 240.0000000000001 341.4 240.0000000000001 360C240.0000000000001 382 222 400 200 400S160 382 160 360C160 341.4 172.8 325.8 190 321.4V238.6C183.4 236.8 177.4 233.4 172.6 229L78 288C79.2 291.8 80 295.8 80 300C80 322 62 340 40 340S0 322 0 300S18 260 40 260C50.6 260 60.2 264.2 67.4 271L162 212C160.8 208.2 160 204.2 160 200S160.8 191.8 162 188L67.6 129C60.2 135.8 50.6 140 40 140C18 140 0 122 0 100S18 60 40 60S80 78 80 100C80 104.2000000000001 79.2 108.2 78 112L172.6 171.2C177.4 166.6 183.4 163.2 190 161.6V78.8C172.8 74.2000000000001 160 58.6 160 40C160 18 178 0 200 0S240 18 240 40C240 58.6 227.2 74.2000000000001 210 78.6V161.4C216.6 163.2 222.6 166.6 227.4 171L322 111.8C320.8000000000001 108.2 320 104.2 320 100C320 78 338 60 360 60S400 78 400 100S382 140 360 140" : "M280 130C268.8 130 258.8 125.4 251.6 118.2L179.8 160L251.6 201.8A40.04 40.04 0 0 1 320 230C320 252 302 270 280 270S240 252 240 230C240 226.2 240.6 222.6 241.6 219.2L170 177.4V241.4C187.2 245.8 200 261.4 200 280C200 302 182 320 160 320S120 302 120 280C120 261.4 132.8 245.8 150 241.4V177.4L78.4 219.2C79.4 222.6 80 226.2 80 230C80 252 62 270 40 270S0 252 0 230S18 190 40 190C51.2 190 61.2 194.6 68.4 201.8L140.2 160L68.4 118.2A40.04 40.04 0 0 1 0 90C0 68 18 50 40 50S80 68 80 90C80 93.8 79.4 97.4 78.4 100.8L150 142.6V78.6C132.8 74.2 120 58.6 120 40C120 18 138 0 160 0S200 18 200 40C200 58.6 187.2 74.2 170 78.6V142.6L241.6 100.8C240.6 97.4 240 93.8 240 90C240 68 258 50 280 50S320 68 320 90S302 130 280 130"}
-                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>
-   );
+    );
 });
 LayoutAuto.displayName = `Blueprint6.Icon.LayoutAuto`;
 export default LayoutAuto;

package/src/generated/components/layout-balloon.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 11c-.2 0-.38.04-.56.09L12.42 9.4c.36-.36.58-.85.58-1.4s-.22-1.04-.58-1.4l1.01-1.69c.19.05.37.09.57.09 1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2c0 .55.22 1.04.58 1.4l-1.01 1.69C11.38 6.04 11.2 6 11 6c-.93 0-1.71.64-1.93 1.5H6.93C6.71 6.64 5.93 6 5 6c-.2 0-.38.04-.56.09L3.42 4.4C3.78 4.04 4 3.55 4 3c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2c.2 0 .38-.04.56-.09L3.58 6.6C3.22 6.96 3 7.45 3 8s.22 1.04.58 1.4l-1.01 1.69C2.38 11.04 2.2 11 2 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2c0-.55-.22-1.04-.58-1.4l1.01-1.69c.19.05.37.09.57.09.93 0 1.71-.64 1.93-1.5h2.14c.22.86 1 1.5 1.93 1.5.2 0 .38-.04.56-.09l1.01 1.69c-.35.36-.57.85-.57 1.4 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 16c-.14 0-.28.02-.42.05l-1.73-3.45c.69-.45 1.14-1.22 1.14-2.1s-.46-1.65-1.14-2.1l1.73-3.45c.14.03.28.05.42.05 1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2c0 .6.27 1.13.69 1.5l-1.77 3.54c-.14-.02-.28-.04-.42-.04a2.5 2.5 0 0 0-2.45 2h-4.1A2.5 2.5 0 0 0 5.5 8c-.14 0-.28.02-.42.04L3.31 4.5C3.73 4.13 4 3.6 4 3c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2c.14 0 .28-.02.42-.05L4.14 8.4C3.46 8.85 3 9.62 3 10.5s.46 1.65 1.14 2.1l-1.73 3.45A2 2 0 0 0 2 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2c0-.6-.27-1.13-.69-1.5l1.77-3.54c.14.02.28.04.42.04a2.5 2.5 0 0 0 2.45-2h4.1a2.5 2.5 0 0 0 2.45 2c.14 0 .28-.02.42-.04l1.77 3.54c-.42.37-.69.9-.69 1.5 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2"] as readonly string[];
+
 export const LayoutBalloon: 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="layout-balloon" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 80C357.2 80 354.4 79.6 351.6 79L317 148C330.8 157 339.8 172.4 339.8 190S330.6 223 317 232L351.6 301C354.4 300.4 357.2 300 360 300C382 300 400 318 400 340S382 380 360 380S320 362 320 340C320 328 325.4 317.4 333.8 310L298.4000000000001 239.2C295.6 239.6 292.8000000000001 240 290.0000000000001 240A50 50 0 0 1 241 200H159A50 50 0 0 1 110 240C107.2 240 104.4 239.6 101.6 239.2L66.2 310C74.6 317.4 80 328 80 340C80 362 62 380 40 380S0 362 0 340S18 300 40 300C42.8 300 45.6 300.4 48.4 301L82.8 232C69.2 223 60 207.6 60 190S69.2 157 82.8 148L48.2 79A40 40 0 0 1 40 80C18 80 0 62 0 40S18 0 40 0S80 18 80 40C80 52 74.6 62.6 66.2 70L101.6 140.8C104.4 140.4 107.2 140 110 140A50 50 0 0 1 159 180H241A50 50 0 0 1 290 140C292.8 140 295.6 140.4 298.4 140.8L333.8 70C325.4 62.6 320 52 320 40C320 18 338 0 360 0S400 18 400 40S382 80 360 80" : "M280 100C276 100 272.4 99.2 268.8 98.2L248.4 132C255.6 139.2 260 149 260 160S255.6 180.8 248.4 188L268.6 221.8C272.4 220.8 276 220 280 220C302 220 320 238 320 260S302 300 280 300S240 282 240 260C240 249 244.4 239.2 251.6 232L231.4 198.2C227.6 199.2 224 200 220 200C201.4 200 185.8 187.2 181.4 170H138.6C134.2 187.2 118.6 200 100 200C96 200 92.4 199.2 88.8 198.2L68.4 232C75.6 239.2 80 249 80 260C80 282 62 300 40 300S0 282 0 260S18 220 40 220C44 220 47.6 220.8 51.2 221.8L71.6 188C64.4 180.8 60 171 60 160S64.4 139.2 71.6 132L51.4 98.2C47.6 99.2 44 100 40 100C18 100 0 82 0 60S18 20 40 20S80 38 80 60C80 71 75.6 80.8 68.4 88L88.6 121.8C92.4 120.8 96 120 100 120C118.6 120 134.2 132.8 138.6 150H181.4C185.8 132.8 201.4 120 220 120C224 120 227.6 120.8 231.2 121.8L251.4 88C244.4 80.8 240 71 240 60C240 38 258 20 280 20S320 38 320 60S302 100 280 100"}
-                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>
-   );
+    );
 });
 LayoutBalloon.displayName = `Blueprint6.Icon.LayoutBalloon`;
 export default LayoutBalloon;

package/src/generated/components/layout-bottom-row-three-tiles.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 9a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zM1 9a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm12 0a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zM1 0a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M0 1a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm0 11a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm7 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm8 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1z"] as readonly string[];
+
 export const LayoutBottomRowThreeTiles: 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="layout-bottom-row-three-tiles" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0 380A20 20 0 0 0 20 400H380A20 20 0 0 0 400 380V240A20 20 0 0 0 380 220H20A20 20 0 0 0 0 240zM0 160A20 20 0 0 0 20 180H80A20 20 0 0 0 100 160V20A20 20 0 0 0 80 0H20A20 20 0 0 0 0 20zM140 160A20 20 0 0 0 160 180H240A20 20 0 0 0 260 160V20A20 20 0 0 0 240 0H160A20 20 0 0 0 140 20zM300 160A20 20 0 0 0 320 180H380A20 20 0 0 0 400 160V20A20 20 0 0 0 380 0H320A20 20 0 0 0 300 20z" : "M140 140A20 20 0 0 1 120 120V20A20 20 0 0 1 140 0H180A20 20 0 0 1 200 20V120A20 20 0 0 1 180 140zM20 140A20 20 0 0 1 0 120V20A20 20 0 0 1 20 0H60A20 20 0 0 1 80 20V120A20 20 0 0 1 60 140zM260 140A20 20 0 0 1 240 120V20A20 20 0 0 1 260 0H300A20 20 0 0 1 320 20V120A20 20 0 0 1 300 140zM20 320A20 20 0 0 1 0 300V200A20 20 0 0 1 20 180H300A20 20 0 0 1 320 200V300A20 20 0 0 1 300 320z"}
-                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>
-   );
+    );
 });
 LayoutBottomRowThreeTiles.displayName = `Blueprint6.Icon.LayoutBottomRowThreeTiles`;
 export default LayoutBottomRowThreeTiles;

package/src/generated/components/layout-bottom-row-two-tiles.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 = ["M6 9a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1zm9 0a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M0 12a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm11 0a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zM0 1a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1z"] as readonly string[];
+
 export const LayoutBottomRowTwoTiles: 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="layout-bottom-row-two-tiles" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0 160A20 20 0 0 0 20 180H160A20 20 0 0 0 180 160V20A20 20 0 0 0 160 0H20A20 20 0 0 0 0 20zM220 160A20 20 0 0 0 240 180H380A20 20 0 0 0 400 160V20A20 20 0 0 0 380 0H240A20 20 0 0 0 220 20zM0 380A20 20 0 0 0 20 400H380A20 20 0 0 0 400 380V240A20 20 0 0 0 380 220H20A20 20 0 0 0 0 240z" : "M120 140A20 20 0 0 0 140 120V20A20 20 0 0 0 120 0H20A20 20 0 0 0 0 20V120A20 20 0 0 0 20 140zM300 140A20 20 0 0 0 320 120V20A20 20 0 0 0 300 0H200A20 20 0 0 0 180 20V120A20 20 0 0 0 200 140zM300 320A20 20 0 0 0 320 300V200A20 20 0 0 0 300 180H20A20 20 0 0 0 0 200V300A20 20 0 0 0 20 320z"}
-                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>
-   );
+    );
 });
 LayoutBottomRowTwoTiles.displayName = `Blueprint6.Icon.LayoutBottomRowTwoTiles`;
 export default LayoutBottomRowTwoTiles;