@blueprintjs/icons 6.9.0 → 6.9.1

package/src/generated/components/camera.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 3h-2.59L10.7 1.29A.96.96 0 0 0 10 1H6c-.28 0-.53.11-.71.29L3.59 3H1c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h2.56c1.1 1.22 2.67 2 4.44 2s3.34-.78 4.44-2H15c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1M3 6H1V5h2zm5 6c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.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 = ["M10 8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m9-4h-3.59L13.7 2.29A.96.96 0 0 0 13 2H7c-.28 0-.53.11-.71.29L4.59 4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h4.11c1.26 1.24 2.99 2 4.89 2s3.63-.76 4.89-2H19c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1M4 8H2V6h2zm6 8c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5"] as readonly string[];
+
 export const Camera: 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="camera" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 240C166.8 240 140 213.2 140 180S166.8 120 200 120S260 146.8 260 180S233.2 240 200 240M380 320H308.2L274 354.2A19.2 19.2 0 0 1 260 360H140C134.4 360 129.4 357.8 125.8 354.2L91.8 320H20C9 320 0 311 0 300V100C0 89 9 80 20 80H102.2C127.4 55.2 162 40 200 40S272.6 55.2 297.8 80H380C391 80 400 89 400 100V300C400 311 391 320 380 320M80 240H40V280H80zM200 80C144.8 80 100 124.8 100 180S144.8 280 200 280S300 235.2 300 180S255.2 80 200 80" : "M300 260H248.2L214 294.2A19.2 19.2 0 0 1 200 300H120C114.4 300 109.4 297.8 105.8 294.2L71.8 260H20C9 260 0 251 0 240V100C0 89 9 80 20 80H71.2C93.2 55.6 124.6 40 160 40S226.8 55.6 248.8 80H300C311 80 320 89 320 100V240C320 251 311 260 300 260M60 200H20V220H60zM160 80C115.8 80 80 115.8 80 160S115.8 240 160 240S240 204.2 240 160S204.2 80 160 80M160 200C138 200 120 182 120 160S138 120 160 120S200 138 200 160S182 200 160 200"}
-                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>
-   );
+    );
 });
 Camera.displayName = `Blueprint6.Icon.Camera`;
 export default Camera;

package/src/generated/components/caret-down.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 = ["M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 0 0-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M16 7c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1 0 .24.1.46.24.63l-.01.01 5 6 .01-.01c.19.22.45.37.76.37s.57-.15.76-.37l.01.01 5-6-.01-.01c.14-.17.24-.39.24-.63"] as readonly string[];
+
 export const CaretDown: 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="caret-down" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M320 260C320 271 311 280 300 280H100C89 280 80 271 80 260C80 255.2 82 250.8 84.8 247.4L84.6 247.2L184.6 127.2L184.8 127.4C188.6 123 193.8 120 200 120S211.4 123 215.2 127.4L215.4 127.2L315.4 247.2L315.2 247.4C318 250.8 320 255.2 320 260" : "M240 190C240 195.6 235.6 200 230 200H90A9.9 9.9 0 0 1 82.6 183.4L152.6 103.4C154.4 101.4 157 100 160 100S165.6 101.4 167.4 103.4L237.4 183.4C239 185.2 240 187.4 240 190"}
-                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>
-   );
+    );
 });
 CaretDown.displayName = `Blueprint6.Icon.CaretDown`;
 export default CaretDown;

package/src/generated/components/caret-left.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.5 4c-.13 0-.24.05-.33.13l-4 3.5c-.1.09-.17.22-.17.37s.07.28.17.37l4 3.5a.495.495 0 0 0 .83-.37v-7c0-.28-.22-.5-.5-.5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M13 4c-.24 0-.46.1-.63.24l-.01-.01-6 5 .01.01c-.22.19-.37.45-.37.76s.15.57.37.76l-.01.01 6 5 .01-.01c.17.14.39.24.63.24.55 0 1-.45 1-1V5c0-.55-.45-1-1-1"] as readonly string[];
+
 export const CaretLeft: 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="caret-left" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M260 320C255.2 320 250.8 318 247.4 315.2L247.2 315.4L127.2 215.4L127.4 215.2C123 211.4 120 206.2 120 200S123 188.6 127.4 184.8L127.2 184.6L247.2 84.6L247.4 84.8C250.8 82 255.2 80 260 80C271 80 280 89 280 100V300C280 311 271 320 260 320" : "M190 240C187.4 240 185.2 239 183.4 237.4L103.4 167.4C101.4 165.6 100 163 100 160S101.4 154.4 103.4 152.6L183.4 82.6A9.9 9.9 0 0 1 200 90V230C200 235.6 195.6 240 190 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>
-   );
+    );
 });
 CaretLeft.displayName = `Blueprint6.Icon.CaretLeft`;
 export default CaretLeft;

package/src/generated/components/caret-right.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-.15-.07-.28-.17-.37l-4-3.5A.495.495 0 0 0 6 4.5v7a.495.495 0 0 0 .83.37l4-3.5c.1-.09.17-.22.17-.37"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M14 10c0-.31-.15-.57-.37-.76l.01-.01-6-5-.01.01C7.46 4.1 7.24 4 7 4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1 .24 0 .46-.1.63-.24l.01.01 6-5-.01-.01c.22-.19.37-.45.37-.76"] as readonly string[];
+
 export const CaretRight: 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="caret-right" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M280 200C280 206.2 277 211.4 272.6 215.2L272.8 215.4L152.8 315.4L152.6 315.2C149.2 318 144.8 320 140 320C129 320 120 311 120 300V100C120 89 129 80 140 80C144.8 80 149.2 82 152.6 84.8L152.8 84.6L272.8 184.6L272.6 184.8C277 188.6 280 193.8 280 200" : "M220 160C220 163 218.6 165.6 216.6 167.4L136.6 237.4A9.9 9.9 0 0 1 120 230V90A9.9 9.9 0 0 1 136.6 82.6L216.6 152.6C218.6 154.4 220 157 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>
-   );
+    );
 });
 CaretRight.displayName = `Blueprint6.Icon.CaretRight`;
 export default CaretRight;

package/src/generated/components/caret-up.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.87 9.17s.01 0 0 0l-3.5-4C8.28 5.07 8.15 5 8 5s-.28.07-.37.17l-3.5 4a.495.495 0 0 0 .37.83h7a.495.495 0 0 0 .37-.83"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m15.76 12.37.01-.01-5-6-.01.01C10.57 6.15 10.31 6 10 6s-.57.15-.76.37l-.01-.01-5 6 .01.01c-.14.17-.24.39-.24.63 0 .55.45 1 1 1h10c.55 0 1-.45 1-1 0-.24-.1-.46-.24-.63"] as readonly string[];
+
 export const CaretUp: 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="caret-up" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M315.2 152.6L315.4 152.8L215.4 272.8L215.2 272.6C211.4 277 206.2 280 200 280S188.6 277 184.8 272.6L184.6 272.8L84.6 152.8L84.8 152.6C82 149.2 80 144.8 80 140C80 129 89 120 100 120H300C311 120 320 129 320 140C320 144.8 318 149.2 315.2 152.6" : "M237.4 136.6S237.6 136.6 237.4 136.6L167.4 216.6C165.6 218.6 163 220 160 220S154.4 218.6 152.6 216.6L82.6 136.6A9.9 9.9 0 0 1 90 120H230A9.9 9.9 0 0 1 237.4 136.6"}
-                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>
-   );
+    );
 });
 CaretUp.displayName = `Blueprint6.Icon.CaretUp`;
 export default CaretUp;

package/src/generated/components/cargo-ship.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 = ["M10 1h3a1 1 0 0 1 1 1v2h-4zM2.25 4a.25.25 0 0 0-.25.25V9H.883a.5.5 0 0 0-.429.757l1.072 1.787c.207.344.477.638.791.87A10 10 0 0 1 1 12.5a.5.5 0 0 0 0 1c2.067 0 3.414-.543 4.161-.917.55.373 1.505.917 2.839.917 1.32 0 2.27-.533 2.822-.905l.004.002c.196.105.48.24.856.374.75.268 1.857.529 3.318.529a.5.5 0 0 0 0-1q-.488 0-.916-.039c.47-.328.848-.79 1.07-1.347l.572-1.428A.5.5 0 0 0 15.26 9H4V4.25A.25.25 0 0 0 3.75 4zm2.714 9.56a.5.5 0 0 1 .527.033c.455.325 1.277.907 2.509.907s2.054-.582 2.51-.907a.5.5 0 0 1 .579-.001l.006.004.036.023q.051.034.168.097c.154.082.394.197.72.313.649.232 1.642.471 2.981.471a.5.5 0 0 1 0 1c-1.46 0-2.568-.261-3.318-.53a6 6 0 0 1-.856-.373l-.004-.002c-.552.372-1.502.905-2.822.905-1.334 0-2.289-.544-2.839-.917-.747.374-2.094.917-4.161.917a.5.5 0 0 1 0-1c2.129 0 3.384-.63 3.964-.94M14 5h-4v3h3a1 1 0 0 0 1-1zM5 2a1 1 0 0 1 1-1h3v3H5zm4 3H5v2a1 1 0 0 0 1 1h3z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M12.5 1.25h4a1 1 0 0 1 1 1V5h-5zM2.75 5a.25.25 0 0 0-.25.25v6H.883a.5.5 0 0 0-.429.757l1.672 2.787c.17.284.384.533.63.741-.458.057-.959.09-1.506.09a.625.625 0 1 0 0 1.25c2.583 0 4.268-.68 5.202-1.146.687.466 1.88 1.146 3.548 1.146 1.65 0 2.837-.666 3.528-1.132l.005.003c.244.131.6.3 1.07.468.938.335 2.321.661 4.147.661a.625.625 0 1 0 0-1.25q-.478 0-.91-.03c.398-.318.717-.738.914-1.23l.972-2.43a.5.5 0 0 0-.464-.685H5v-6A.25.25 0 0 0 4.75 5zm3.455 11.95a.63.63 0 0 1 .658.041c.569.407 1.597 1.134 3.137 1.134s2.568-.727 3.137-1.134a.625.625 0 0 1 .724-.001l.007.005.045.029q.066.042.21.12a6.6 6.6 0 0 0 .9.392c.812.29 2.053.589 3.727.589a.625.625 0 1 1 0 1.25c-1.826 0-3.21-.326-4.148-.661a8 8 0 0 1-1.069-.468l-.005-.003c-.691.466-1.878 1.132-3.528 1.132-1.667 0-2.861-.68-3.548-1.146-.934.467-2.619 1.146-5.202 1.146a.625.625 0 1 1 0-1.25c2.66 0 4.23-.787 4.955-1.176M17.5 6.25h-5V10h4a1 1 0 0 0 1-1zm-11.25-4a1 1 0 0 1 1-1h4V5h-5zm5 4h-5V9a1 1 0 0 0 1 1h4z"] as readonly string[];
+
 export const CargoShip: 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="cargo-ship" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M250 375H330A20 20 0 0 0 350 355V300H250zM55 300A5 5 0 0 1 50 295V175H17.66A10 10 0 0 1 9.08 159.86L42.52 104.12C45.92 98.44 50.2 93.46 55.12 89.3C45.96 88.16 35.94 87.5 25 87.5A12.5 12.5 0 1 1 25 62.5C76.66 62.5 110.36 76.1 129.04 85.42C142.78 76.1 166.64 62.5 200 62.5C233 62.5 256.74 75.82 270.56 85.14L270.6600000000001 85.08C275.54 82.46 282.6600000000001 79.08 292.0600000000001 75.72C310.8200000000001 69.0199999999999 338.4800000000001 62.4999999999999 375 62.4999999999999A12.5 12.5 0 1 1 375 87.4999999999999Q365.44 87.4999999999999 356.8 88.0999999999999C364.76 94.4599999999999 371.14 102.8599999999999 375.0800000000001 112.6999999999999L394.5200000000001 161.2999999999999A10 10 0 0 1 385.2400000000001 175H100V295A5 5 0 0 1 95 300zM124.1 61A12.6 12.6 0 0 0 137.26 60.18C148.64 52.04 169.2 37.5 200 37.5S251.36 52.04 262.74 60.18A12.5 12.5 0 0 0 277.2200000000001 60.2000000000001L277.36 60.1L278.26 59.52Q279.5800000000001 58.68 282.4600000000001 57.12A132 132 0 0 1 300.4600000000001 49.28C316.7000000000001 43.4800000000001 341.52 37.5000000000001 375 37.5000000000001A12.5 12.5 0 1 0 375 12.5000000000001C338.48 12.5000000000001 310.8 19.0200000000001 292.04 25.7200000000001A160 160 0 0 0 270.6600000000001 35.0800000000001L270.56 35.1400000000001C256.74 25.8200000000001 233 12.5000000000001 200 12.5000000000001C166.66 12.5000000000001 142.78 26.1000000000001 129.04 35.4200000000001C110.36 26.0800000000001 76.66 12.5000000000001 25 12.5000000000001A12.5 12.5 0 1 0 25 37.5000000000001C78.2 37.5000000000001 109.6 53.2400000000001 124.1 61.02M350 275H250V200H330A20 20 0 0 1 350 220zM125 355A20 20 0 0 0 145 375H225V300H125zM225 275H125V220A20 20 0 0 1 145 200H225z" : "M200 300H260A20 20 0 0 0 280 280V240H200zM45 240A5 5 0 0 1 40 235V140H17.66A10 10 0 0 1 9.08 124.86L30.52 89.12C34.66 82.24 40.06 76.36 46.34 71.72A200 200 0 0 0 20 70A10 10 0 0 1 20 50C61.34 50 88.28 60.86 103.22 68.34C114.22 60.88 133.32 50 160 50C186.4 50 205.4 60.66 216.44 68.1L216.52 68.06C220.44 65.96 226.12 63.26 233.64 60.58C248.64 55.22 270.78 49.9999999999999 300 49.9999999999999A10 10 0 0 1 300 70Q290.24 70 281.68 70.78C291.08 77.34 298.64 86.5799999999999 303.08 97.7199999999999L314.5199999999999 126.2799999999999A10 10 0 0 1 305.2 140H80V235A5 5 0 0 1 75 240zM99.28 48.8A10 10 0 0 0 109.82 48.14C118.92 41.64 135.36 30 160 30S201.08 41.64 210.2 48.14A10 10 0 0 0 221.78 48.16L221.9 48.08L222.62 47.62Q223.64 46.94 225.98 45.68C229.06 44.04 233.86 41.74 240.38 39.42C253.36 34.78 273.22 30 300 30A10 10 0 0 0 300 10C270.8 10 248.64 15.22 233.64 20.6A120 120 0 0 0 216.52 28.0599999999999L216.44 28.1C205.4 20.66 186.4 10 160 10C133.32 10 114.22 20.88 103.22 28.34C88.28 20.86 61.34 10 20 10A10 10 0 0 0 20 30C62.58 30 87.68 42.6 99.28 48.8M280 220H200V160H260A20 20 0 0 1 280 180zM100 280A20 20 0 0 0 120 300H180V240H100zM180 220H100V180A20 20 0 0 1 120 160H180z"}
-                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>
-   );
+    );
 });
 CargoShip.displayName = `Blueprint6.Icon.CargoShip`;
 export default CargoShip;

package/src/generated/components/cell-tower.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.97 6.76c-.01-.05-.04-.08-.06-.13s-.03-.1-.05-.15c.08-.14.14-.3.14-.48 0-.55-.45-1-1-1s-1 .45-1 1c0 .18.06.34.14.48-.03.05-.03.1-.05.15s-.05.08-.06.13l-2 8c-.13.54.19 1.08.73 1.21a.995.995 0 0 0 1.21-.73L7.53 13h.94l.56 2.24a1 1 0 0 0 1.94-.48zM3.72 1.7C4.1 1.3 4.09.67 3.7.28S2.67-.09 2.28.3c-3.05 3.12-3.05 8.28 0 11.4a.996.996 0 1 0 1.43-1.39c-2.28-2.35-2.28-6.27.01-8.61m7.88 1.5c-.44-.33-1.07-.24-1.4.2s-.24 1.07.2 1.4c.43.32.53 1.96-.04 2.43-.42.35-.48.98-.13 1.41.35.42.98.48 1.41.13 1.59-1.33 1.39-4.5-.04-5.57M13.72.3c-.39-.4-1.02-.4-1.41-.02s-.41 1.02-.03 1.42c2.29 2.34 2.29 6.26 0 8.6-.39.39-.38 1.03.02 1.41s1.03.38 1.41-.02c3.05-3.11 3.05-8.27.01-11.39M5.4 7.23c-.57-.47-.47-2.11-.04-2.43.44-.33.53-.96.2-1.4s-.96-.53-1.4-.2c-1.44 1.07-1.63 4.24-.04 5.57.42.35 1.05.3 1.41-.13.35-.42.29-1.06-.13-1.41"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11.5 8.32c.31-.35.51-.81.51-1.32 0-1.1-.9-2-2-2s-2 .9-2 2c0 .51.2.97.51 1.32L5.06 18.69c-.17.52.11 1.09.63 1.26s1.09-.11 1.26-.63L8.39 15h3.23l1.44 4.32c.17.52.74.81 1.26.63s.81-.74.63-1.26zM10.95 13H9.06l.95-2.84zm-5.64-2.27a.996.996 0 1 0 1.37-1.45c-1.4-1.33-1.28-3.35-.01-4.54.4-.38.43-1.01.05-1.41-.36-.41-1-.43-1.4-.06-2.09 1.95-2.28 5.3-.01 7.46M4.6 12.2C3 11.1 2 9 2 7c0-2.1.9-3.9 2.6-5.2.5-.3.5-1 .2-1.4-.3-.5-1-.5-1.4-.2C1.2 1.9-.1 4.2 0 7c.1 2.7 1.4 5.3 3.4 6.8.2.1.4.2.6.2.3 0 .6-.1.8-.4.4-.5.3-1.1-.2-1.4m8.67-1.51c.38.4 1.01.42 1.41.04 2.27-2.16 2.08-5.51-.01-7.46a.996.996 0 1 0-1.36 1.46c1.28 1.19 1.39 3.21-.01 4.54-.39.39-.41 1.02-.03 1.42M16.6.2c-.4-.3-1.1-.3-1.4.2-.3.4-.3 1.1.2 1.4C17.1 3.1 18 4.9 18 7c0 2-1 4.1-2.6 5.2-.5.3-.6.9-.2 1.4.2.3.5.4.8.4.2 0 .4-.1.6-.2C18.7 12.3 20 9.7 20 7c.09-2.8-1.2-5.1-3.4-6.8"] as readonly string[];
+
 export const CellTower: 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="cell-tower" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M230 233.6C236.2 240.6 240.2 249.8 240.2 260C240.2 282 222.2 300 200.2 300S160.2 282 160.2 260C160.2 249.8 164.2 240.6 170.4 233.6L101.2 26.2C97.8 15.8 103.4 4.4 113.8 0.9999999999999S135.6 3.1999999999999 139 13.5999999999999L167.8 100H232.4000000000001L261.2 13.6C264.6 3.2 276 -2.6 286.4 1S302.6 15.8 299 26.2zM219 140H181.2L200.2 196.8zM106.2 185.4A19.92 19.92 0 1 1 133.6 214.4C105.6 241 108 281.4 133.4 305.2C141.4 312.8 142 325.4 134.4 333.4C127.2 341.6 114.4 342 106.4 334.6C64.6 295.6 60.8 228.6 106.2 185.4M92 156C60 178 40 220 40 260C40 302 58 338 92 364C102 370 102 384 96 392C90 402 76 402 68 396C24 362 -2 316 0 260C2 206 28 154 68 124C72 122 76 120 80 120C86 120 92 122 96 128C104 138 102 150 92 156M265.4 186.2C273 178.2 285.6 177.8 293.6 185.4C339 228.6 335.2 295.6 293.4 334.6A19.92 19.92 0 1 1 266.2 305.4000000000001C291.8 281.6 294 241.2 266 214.6C258.2 206.8 257.8 194.2 265.4000000000001 186.2M332 396C324.0000000000001 402 310.0000000000001 402 304 392C298 384 298 370 308 364C342 338 360 302 360 260C360 220 340 178 308 156C298 150 296 138 304 128C308 122 314 120 320 120C324 120 328 122 332 124C374 154 400 206 400 260C401.8 316 376 362 332 396" : "M179.4 184.8C179.2 185.8 178.6 186.4 178.2 187.4S177.6 189.4 177.2 190.4C178.8 193.2 180 196.4 180 200C180 211 171 220 160 220S140 211 140 200C140 196.4 141.2 193.2 142.8 190.4C142.2 189.4 142.2 188.4 141.8 187.4S140.8 185.8 140.6 184.8L100.6 24.8C98 14 104.4 3.2 115.2 0.6A19.9 19.9 0 0 1 139.4 15.1999999999999L150.6 60H169.4L180.6 15.2A20 20 0 0 1 219.4 24.8zM74.4 286C82 294 81.8 306.6 74 314.4S53.4 321.8 45.6 314C-15.4 251.6 -15.4 148.4 45.6 86A19.92 19.92 0 1 1 74.2 113.8C28.6 160.8 28.6 239.2 74.4 286M232 256C223.2 262.6 210.6 260.8 204 252S199.2 230.6 208 224C216.6 217.6 218.6 184.8 207.2 175.4C198.8 168.4 197.6 155.8 204.6 147.2C211.6 138.8 224.2 137.6 232.8 144.6C264.6 171.2 260.6 234.6 232 256M274.4000000000001 314C266.6 322 254.0000000000001 322 246.2 314.4S238 294 245.6 286C291.4 239.2 291.4 160.8 245.6 114C237.8 106.2 238 93.4 246 85.8S266.6 78.2 274.2000000000001 86.2C335.2000000000001 148.4 335.2000000000001 251.6 274.4000000000001 314M108 175.4C96.6 184.8 98.6 217.6 107.2 224C116 230.6 117.8 243.2 111.2 252S92 262.6 83.2 256C54.4 234.6 50.6 171.2 82.4 144.6C90.8 137.6 103.4 138.6 110.6 147.2C117.6 155.6 116.4 168.4 108 175.4"}
-                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>
-   );
+    );
 });
 CellTower.displayName = `Blueprint6.Icon.CellTower`;
 export default CellTower;

package/src/generated/components/changes.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.29 7.71 3 3c.18.18.43.29.71.29s.53-.11.71-.29l3-3a1.003 1.003 0 0 0-1.42-1.42L13 7.59V1c0-.55-.45-1-1-1s-1 .45-1 1v6.59l-1.29-1.3a1.003 1.003 0 0 0-1.42 1.42M14.5 13h-13c-.83 0-1.5.67-1.5 1.5S.67 16 1.5 16h13c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5M1 5c.28 0 .53-.11.71-.29L3 3.41V10c0 .55.45 1 1 1s1-.45 1-1V3.41L6.29 4.7c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71l-3-3C4.53.11 4.28 0 4 0s-.53.11-.71.29l-3 3A1.003 1.003 0 0 0 1 5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 16H2c-1.1 0-2 .9-2 2s.9 2 2 2h16c1.1 0 2-.9 2-2s-.9-2-2-2M3 5c.28 0 .53-.11.71-.29L5 3.41V13c0 .55.45 1 1 1s1-.45 1-1V3.41L8.29 4.7c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71l-3-3C6.53.11 6.28 0 6 0s-.53.11-.71.29l-3 3A1.003 1.003 0 0 0 3 5m7.29 5.71 3 3c.18.18.43.29.71.29s.53-.11.71-.29l3-3a1.003 1.003 0 0 0-1.42-1.42L15 10.59V1c0-.55-.45-1-1-1s-1 .45-1 1v9.59L11.71 9.3A.97.97 0 0 0 11 9a1.003 1.003 0 0 0-.71 1.71"] as readonly string[];
+
 export const Changes: 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="changes" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 80H40C18 80 0 62 0 40S18 0 40 0H360C382 0 400 18 400 40S382 80 360 80M60 300C65.6 300 70.6 302.2 74.2 305.8L100 331.8V140C100 129 109 120 120 120S140 129 140 140V331.8L165.8 306C169.4 302.2 174.4 300 180 300A20.06 20.06 0 0 1 194.2 334.2L134.2 394.2C130.6 397.8 125.6 400 120 400S109.4 397.8 105.8 394.2L45.8 334.2A20.06 20.06 0 0 1 60 300M205.8 185.8L265.8 125.8C269.4 122.2 274.4 120 280 120S290.6 122.2 294.2000000000001 125.8L354.2000000000001 185.8A20.06 20.06 0 0 1 325.8 214.2L300 188.2V380C300 391 291 400 280 400S260 391 260 380V188.2L234.2 214A19.4 19.4 0 0 1 220 220A20.06 20.06 0 0 1 205.8 185.8" : "M165.8 165.8L225.8 105.8C229.4 102.2 234.4 100 240 100S250.6 102.2 254.2 105.8L314.2000000000001 165.8A20.06 20.06 0 0 1 285.8 194.2L260 168.2V300C260 311 251 320 240 320S220 311 220 300V168.2L194.2 194.2A20.06 20.06 0 0 1 165.8 165.8M290 60H30C13.4 60 0 46.6 0 30S13.4 0 30 0H290C306.6 0 320 13.4 320 30S306.6 60 290 60M20 220C25.6 220 30.6 222.2 34.2 225.8L60 251.8V120C60 109 69 100 80 100S100 109 100 120V251.8L125.8 226C129.4 222.2 134.4 220 140 220A20.06 20.06 0 0 1 154.2 254.2L94.2 314.2C90.6 317.8 85.6 320 80 320S69.4 317.8 65.8 314.2L5.8 254.2A20.06 20.06 0 0 1 20 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>
-   );
+    );
 });
 Changes.displayName = `Blueprint6.Icon.Changes`;
 export default Changes;

package/src/generated/components/chart.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 15c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V9.4L0 11zm6-5.5V15c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-5l-1 1zM13 7l-1 1v7c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V7.88c-.26.07-.58.12-1 .12-1.96 0-2-1-2-1m2-6h-3c-.55 0-1 .45-1 1s.45 1 1 1h.59L8.8 6.78 5.45 5.11v.01C5.31 5.05 5.16 5 5 5s-.31.05-.44.11V5.1l-4 2v.01C.23 7.28 0 7.61 0 8c0 .55.45 1 1 1 .16 0 .31-.05.44-.11v.01L5 7.12 8.55 8.9v-.01c.14.06.29.11.45.11.28 0 .53-.11.71-.29L14 4.41V5c0 .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 = ["M7 11v8c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-8l-2 2zm-7 8c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-8l-6 3zM17 7l-3 3v9c0 .55.45 1 1 1h4c.55 0 1-.45 1-1V8.74c-.26.15-.58.26-1 .26-1.92 0-2-2-2-2m2-6h-4c-.55 0-1 .45-1 1s.45 1 1 1h1.59L10.8 8.78 7.45 7.11v.01C7.31 7.05 7.16 7 7 7s-.31.05-.44.11V7.1l-6 3v.01c-.33.17-.56.5-.56.89 0 .55.45 1 1 1 .16 0 .31-.05.44-.11v.01L7 9.12l3.55 1.78v-.01c.14.06.29.11.45.11.28 0 .53-.11.71-.29L18 4.41V6c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1"] as readonly string[];
+
 export const Chart: 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="chart" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M140 180V20C140 9 149 0 160 0H240C251 0 260 9 260 20V180L220 140zM0 20C0 9 9 0 20 0H100C111 0 120 9 120 20V180L0 120zM340 260L280 200V20C280 9 289 0 300 0H380C391 0 400 9 400 20V225.2C394.8 222.2 388.4000000000001 220 380 220C341.6 220 340 260 340 260M380 380H300C289 380 280 371 280 360S289 340 300 340H331.8L216 224.4L149 257.8V257.6C146.2 259 143.2 260 140 260S133.8 259 131.2 257.8V258L11.2 198V197.8C4.6 194.4 0 187.8 0 180C0 169 9 160 20 160C23.2 160 26.2 161 28.8 162.2V162L140 217.6L211 182V182.2C213.8 181 216.8 180 220 180C225.6 180 230.6 182.2 234.2 185.8L360 311.8V280C360 269 369 260 380 260S400 269 400 280V360C400 371 391 380 380 380" : "M0 20C0 9 9 0 20 0H60C71 0 80 9 80 20V132L0 100zM120 130V20C120 9 129 0 140 0H180C191 0 200 9 200 20V120L180 100zM260 180L240 160V20C240 9 249 0 260 0H300C311 0 320 9 320 20V162.4C314.8 161 308.4 160 300 160C260.8 160 260 180 260 180M300 300H240C229 300 220 291 220 280S229 260 240 260H251.8L176 184.4L109 217.8V217.6C106.2 219 103.2 220 100 220S93.8 219 91.2 217.8V218L11.2 178V177.8C4.6 174.4 0 167.8 0 160C0 149 9 140 20 140C23.2 140 26.2 141 28.8 142.2V142L100 177.6L171 142V142.2C173.8 141 176.8 140 180 140C185.6 140 190.6 142.2 194.2 145.8L280 231.8V220C280 209 289 200 300 200S320 209 320 220V280C320 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>
-   );
+    );
 });
 Chart.displayName = `Blueprint6.Icon.Chart`;
 export default Chart;

package/src/generated/components/chat.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 10c-1.1 0-2-.9-2-2V3H1c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1v2a1.003 1.003 0 0 0 1.71.71L5.41 13H10c.55 0 1-.45 1-1v-1.17l-.83-.83zm9-10H6c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h4.59l2.71 2.71c.17.18.42.29.7.29.55 0 1-.45 1-1V9c.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 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13z"] as readonly string[];
+
 export const Chat: 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="chat" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400H140C129 400 120 391 120 380V180C120 169 129 160 140 160H251.8L326 85.8C329.4000000000001 82.2 334.4000000000001 80 340 80C351 80 360 89 360 100V160H380C391 160 400 169 400 180V380C400 391 391 400 380 400M140 140C118 140 100 158 100 180V320H20C9 320 0 311 0 300V100C0 89 9 80 20 80H40V20A20.06 20.06 0 0 1 74.2 5.8L148.2 80H260C271 80 280 89 280 100V103.4L243.4 140z" : "M120 120C98 120 80 138 80 160V260H20C9 260 0 251 0 240V80C0 69 9 60 20 60V20A20.06 20.06 0 0 1 54.2 5.8L108.2 60H200C211 60 220 69 220 80V103.4L203.4 120zM300 320H120C109 320 100 311 100 300V160C100 149 109 140 120 140H211.8L266 85.8C269.4000000000001 82.2 274.4000000000001 80 280 80C291 80 300 89 300 100V140C311 140 320 149 320 160V300C320 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>
-   );
+    );
 });
 Chat.displayName = `Blueprint6.Icon.Chat`;
 export default Chat;

package/src/generated/components/chevron-backward.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.41 8 3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L6 6.59V4c0-.55-.45-1-1-1s-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1V9.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m8.41 10 5.29-5.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L7 8.59V4c0-.55-.45-1-1-1s-1 .45-1 1v12c0 .55.45 1 1 1s1-.45 1-1v-4.59l5.29 5.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71z"] as readonly string[];
+
 export const ChevronBackward: 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="chevron-backward" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M168.2 200L274 305.8C277.8 309.4 280 314.4 280 320A20.06 20.06 0 0 1 245.8 334.2L140 228.2V320C140 331 131 340 120 340S100 331 100 320V80C100 69 109 60 120 60S140 69 140 80V171.8L245.8 66C249.4 62.2 254.4 60 260 60A20.06 20.06 0 0 1 274.2000000000001 94.2000000000001z" : "M148.2 160L214 225.8C217.8 229.4 220 234.4 220 240A20.06 20.06 0 0 1 185.8 254.2L120 188.2V240C120 251 111 260 100 260S80 251 80 240V80C80 69 89 60 100 60S120 69 120 80V131.8L185.8 66C189.4 62.2000000000001 194.4 60 200 60A20.06 20.06 0 0 1 214.2 94.2z"}
-                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>
-   );
+    );
 });
 ChevronBackward.displayName = `Blueprint6.Icon.ChevronBackward`;
 export default ChevronBackward;

package/src/generated/components/chevron-down.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 = ["M12 5c-.28 0-.53.11-.71.29L8 8.59l-3.29-3.3a1.003 1.003 0 0 0-1.42 1.42l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0 0 12 5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M16 6c-.28 0-.53.11-.71.29L10 11.59l-5.29-5.3a1.003 1.003 0 0 0-1.42 1.42l6 6c.18.18.43.29.71.29s.53-.11.71-.29l6-6A1.003 1.003 0 0 0 16 6"] as readonly string[];
+
 export const ChevronDown: 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="chevron-down" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M320 280C314.4000000000001 280 309.4000000000001 277.8 305.8 274.2L200 168.2L94.2 274.2A20.06 20.06 0 0 1 65.8 245.8L185.8 125.8C189.4 122.2 194.4 120 200 120S210.6 122.2 214.2 125.8L334.2000000000001 245.8A20.06 20.06 0 0 1 320 280" : "M240 220C234.4 220 229.4 217.8 225.8 214.2L160 148.2L94.2 214.2A20.06 20.06 0 0 1 65.8 185.8L145.8 105.8C149.4 102.2 154.4 100 160 100S170.6 102.2 174.2 105.8L254.2 185.8A20.06 20.06 0 0 1 240 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>
-   );
+    );
 });
 ChevronDown.displayName = `Blueprint6.Icon.ChevronDown`;
 export default ChevronDown;

package/src/generated/components/chevron-forward.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 = ["M10 3c-.55 0-1 .45-1 1v2.59l-3.29-3.3a1.003 1.003 0 0 0-1.42 1.42L7.59 8 4.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L9 9.41V12c0 .55.45 1 1 1s1-.45 1-1V4c0-.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 = ["M13 3c-.55 0-1 .45-1 1v4.59l-5.29-5.3a1.003 1.003 0 0 0-1.42 1.42l5.3 5.29-5.29 5.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l5.29-5.3V16c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const ChevronForward: 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="chevron-forward" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M260 340C249 340 240 331 240 320V228.2L134.2 334.2A20.06 20.06 0 0 1 105.8 305.8L211.8 200L106 94.2000000000001C102.2 90.6 100 85.6 100 80A20.06 20.06 0 0 1 134.2 65.8L240 171.8V80C240 69 249 60 260 60S280 69 280 80V320C280 331 271 340 260 340" : "M200 260C189 260 180 251 180 240V188.2L114.2 254.2A20.06 20.06 0 0 1 85.8 225.8L151.8 160L86 94.2C82.2 90.6 80 85.6 80 80A20.06 20.06 0 0 1 114.2 65.8L180 131.8V80C180 69 189 60 200 60S220 69 220 80V240C220 251 211 260 200 260"}
-                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>
-   );
+    );
 });
 ChevronForward.displayName = `Blueprint6.Icon.ChevronForward`;
 export default ChevronForward;

package/src/generated/components/chevron-left.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.41 8 3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8s.11.53.29.71l4 4a1.003 1.003 0 0 0 1.42-1.42z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m8.41 10 5.29-5.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-6 6c-.18.18-.29.43-.29.71s.11.53.29.71l6 6a1.003 1.003 0 0 0 1.42-1.42z"] as readonly string[];
+
 export const ChevronLeft: 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="chevron-left" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M168.2 200L274 305.8C277.8 309.4 280 314.4 280 320A20.06 20.06 0 0 1 245.8 334.2L125.8 214.2C122.2 210.6 120 205.6 120 200S122.2 189.4 125.8 185.8L245.8 65.8A20.06 20.06 0 0 1 274.2 94.2z" : "M148.2 160L214 225.8C217.8 229.4 220 234.4 220 240A20.06 20.06 0 0 1 185.8 254.2L105.8 174.2C102.2 170.6 100 165.6 100 160S102.2 149.4 105.8 145.8L185.8 65.8A20.06 20.06 0 0 1 214.2 94.2z"}
-                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>
-   );
+    );
 });
 ChevronLeft.displayName = `Blueprint6.Icon.ChevronLeft`;
 export default ChevronLeft;

package/src/generated/components/chevron-right.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 = ["m10.71 7.29-4-4a1.003 1.003 0 0 0-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l4-4c.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 = ["m13.71 9.29-6-6a1.003 1.003 0 0 0-1.42 1.42l5.3 5.29-5.29 5.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l6-6c.18-.18.29-.43.29-.71s-.11-.53-.29-.71"] as readonly string[];
+
 export const ChevronRight: 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="chevron-right" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M274.2000000000001 214.2L154.2 334.2000000000001A20.06 20.06 0 0 1 125.8 305.8L231.8 200L126 94.2000000000001C122.2 90.6 120 85.6 120 80A20.06 20.06 0 0 1 154.2 65.8L274.2000000000001 185.8C277.8 189.4 280 194.4 280 200S277.8 210.6 274.2000000000001 214.2" : "M214.2 174.2L134.2 254.2A20.06 20.06 0 0 1 105.8 225.8L171.8 160L106 94.2C102.2 90.6 100 85.6 100 80A20.06 20.06 0 0 1 134.2 65.8L214.2 145.8C217.8 149.4 220 154.4 220 160S217.8 170.6 214.2 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>
-   );
+    );
 });
 ChevronRight.displayName = `Blueprint6.Icon.ChevronRight`;
 export default ChevronRight;

package/src/generated/components/chevron-up.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 = ["m12.71 9.29-4-4C8.53 5.11 8.28 5 8 5s-.53.11-.71.29l-4 4a1.003 1.003 0 0 0 1.42 1.42L8 7.41l3.29 3.29c.18.19.43.3.71.3a1.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 = ["m16.71 12.29-6-6C10.53 6.11 10.28 6 10 6s-.53.11-.71.29l-6 6a1.003 1.003 0 0 0 1.42 1.42L10 8.41l5.29 5.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71"] as readonly string[];
+
 export const ChevronUp: 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="chevron-up" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M334.2000000000001 154.2L214.2 274.2000000000001C210.6 277.8 205.6 280 200 280S189.4 277.8 185.8 274.2L65.8 154.2A20.06 20.06 0 0 1 94.2 125.8L200 231.8L305.8 126C309.4 122.2000000000001 314.4 120 320 120A20.06 20.06 0 0 1 334.2000000000001 154.2" : "M254.2 134.2L174.2 214.2C170.6 217.8 165.6 220 160 220S149.4 217.8 145.8 214.2L65.8 134.2A20.06 20.06 0 0 1 94.2 105.8L160 171.8L225.8 106C229.4 102.2 234.4 100 240 100A20.06 20.06 0 0 1 254.2 134.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>
-   );
+    );
 });
 ChevronUp.displayName = `Blueprint6.Icon.ChevronUp`;
 export default ChevronUp;

package/src/generated/components/circle-arrow-down.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 7c-.28 0-.53.11-.71.29L9 8.59V5c0-.55-.45-1-1-1s-1 .45-1 1v3.59l-1.29-1.3a1.003 1.003 0 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l3-3A1.003 1.003 0 0 0 11 7M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M14 10c-.28 0-.53.11-.71.29L11 12.59V5c0-.55-.45-1-1-1s-1 .45-1 1v7.59L6.71 10.3A.97.97 0 0 0 6 10a1.003 1.003 0 0 0-.71 1.71l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0 0 14 10M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"] as readonly string[];
+
 export const CircleArrowDown: 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="circle-arrow-down" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M280 200C274.4000000000001 200 269.4000000000001 197.8 265.8 194.2L220 148.2V300C220 311 211 320 200 320S180 311 180 300V148.2L134.2 194A19.4 19.4 0 0 1 120 200A20.06 20.06 0 0 1 105.8 165.8L185.8 85.8C189.4 82.2 194.4 80 200 80S210.6 82.2 214.2 85.8L294.2000000000001 165.8A20.06 20.06 0 0 1 280 200M200 400C89.6 400 0 310.4 0 200S89.6 0 200 0S400 89.6 400 200S310.4 400 200 400M200 40C111.6 40 40 111.6 40 200S111.6 360 200 360S360 288.4 360 200S288.4 40 200 40" : "M220 180C214.4 180 209.4 177.8 205.8 174.2L180 148.2V220C180 231 171 240 160 240S140 231 140 220V148.2L114.2 174.2A20.06 20.06 0 0 1 85.8 145.8L145.8 85.8C149.4 82.2 154.4 80 160 80S170.6 82.2 174.2 85.8L234.2 145.8A20.06 20.06 0 0 1 220 180M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320M160 40C93.8 40 40 93.8 40 160S93.8 280 160 280S280 226.2 280 160S226.2 40 160 40"}
-                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>
-   );
+    );
 });
 CircleArrowDown.displayName = `Blueprint6.Icon.CircleArrowDown`;
 export default CircleArrowDown;