@blueprintjs/icons 6.9.0 → 6.9.1

package/src/generated/components/direction-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 = ["m16 1.99-16 6 16 6-4-6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m20 3.02-20 7 20 7-5-7z"] as readonly string[];
+
 export const DirectionLeft: 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="direction-left" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M400 339.6L0 199.6L400 59.6L300 199.6z" : "M320 280.2L0 160.2L320 40.2L240 160.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>
-   );
+    );
 });
 DirectionLeft.displayName = `Blueprint6.Icon.DirectionLeft`;
 export default DirectionLeft;

package/src/generated/components/direction-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 = ["m16 7.99-16-6 4 6-4 6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m20 10.02-20-7 5 7-5 7z"] as readonly string[];
+
 export const DirectionRight: 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="direction-right" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M400 199.6L0 339.6L100 199.6L0 59.6z" : "M320 160.2L0 280.2L80 160.2L0 40.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>
-   );
+    );
 });
 DirectionRight.displayName = `Blueprint6.Icon.DirectionRight`;
 export default DirectionRight;

package/src/generated/components/disable.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.99-.01c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m-6 8c0-3.31 2.69-6 6-6 1.3 0 2.49.42 3.47 1.12l-8.35 8.35c-.7-.98-1.12-2.17-1.12-3.47m6 6c-1.3 0-2.49-.42-3.47-1.12l8.35-8.35c.7.98 1.12 2.17 1.12 3.47 0 3.32-2.68 6-6 6"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0M2 10c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L3.69 14.9A7.9 7.9 0 0 1 2 10m8 8c-1.85 0-3.55-.63-4.9-1.69L16.31 5.1A7.9 7.9 0 0 1 18 10c0 4.42-3.58 8-8 8"] as readonly string[];
+
 export const Disable: 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="disable" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 400C89.6 400 0 310.4 0 200S89.6 0 200 0S400 89.6 400 200S310.4 400 200 400M40 200C40 288.4 111.6 360 200 360C237 360 271 347.4 298 326.2L73.8 102A158 158 0 0 0 40 200M200 40C163 40 129 52.6 102 73.8L326.2 298A158 158 0 0 0 360 200C360 111.6 288.4 40 200 40" : "M159.8 320.2C71.4 320.2 -0.2 248.6 -0.2 160.2S71.4 0.2 159.8 0.2S319.8 71.8 319.8 160.2S248.2 320.2 159.8 320.2M39.8 160.2C39.8 226.4 93.6 280.2 159.8 280.2C185.8 280.2 209.6 271.8 229.2 257.8L62.2 90.8C48.2 110.4 39.8 134.2 39.8 160.2M159.8 40.2C133.8 40.2 110 48.6 90.4 62.6L257.4000000000001 229.6C271.4 210 279.8000000000001 186.2 279.8000000000001 160.2C279.8000000000001 93.8 226.2000000000001 40.1999999999999 159.8000000000001 40.1999999999999"}
-                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>
-   );
+    );
 });
 Disable.displayName = `Blueprint6.Icon.Disable`;
 export default Disable;

package/src/generated/components/divide.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 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M5 7c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1zm3 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11.25 6.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M6 9c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1zm4 6a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"] as readonly string[];
+
 export const Divide: 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="divide" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M225 275A25 25 0 1 0 175 275A25 25 0 0 0 225 275M120 220C109 220 100 211 100 200S109 180 120 180H280C291 180 300 189 300 200S291 220 280 220zM200 100A25 25 0 1 1 200 150A25 25 0 0 1 200 100" : "M180 220A20 20 0 1 0 140 220A20 20 0 0 0 180 220M100 180C89 180 80 171 80 160S89 140 100 140H220C231 140 240 149 240 160S231 180 220 180zM160 80A20 20 0 1 1 160 120A20 20 0 0 1 160 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>
-   );
+    );
 });
 Divide.displayName = `Blueprint6.Icon.Divide`;
 export default Divide;

package/src/generated/components/document-code.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 0H3c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h2.752l-.876-.876-.079-.078c-.302-.3-.66-.656-.797-1.046V2h5v3h3v3.171a3.02 3.02 0 0 1 2-.002V4zm5.71 13.71-2 2a1.003 1.003 0 0 1-1.42-1.42l1.3-1.29-1.3-1.29a1.003 1.003 0 0 1 1.42-1.42l2 2c.18.18.29.43.29.71s-.11.53-.29.71M10 15c0-.28-.11-.53-.29-.71L8.41 13l1.3-1.29a1.003 1.003 0 0 0-1.42-1.42l-2 2c-.18.18-.29.43-.29.71s.11.53.29.71l2 2A1.003 1.003 0 0 0 10 15"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3 0h8l6 6v4.759A3 3 0 0 0 15 10V7h-5V2H4v16h2.758q.057.064.118.124L8.752 20H3c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1m9 12c.55 0 1 .45 1 1 0 .28-.11.53-.3.71L10.41 16l2.3 2.29a1.003 1.003 0 0 1-1.42 1.42l-3-3A1 1 0 0 1 8 16c0-.28.11-.53.29-.71l3-3c.18-.18.43-.29.71-.29m3.71.29 3 3c.18.18.29.43.29.71s-.11.53-.29.71l-3 3A1.003 1.003 0 0 1 14 19c0-.28.11-.53.3-.71L16.59 16l-2.3-2.29a1.003 1.003 0 0 1 1.42-1.42"] as readonly string[];
+
 export const DocumentCode: 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="document-code" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M60 400H220L340 280V184.82A60 60 0 0 1 300 200V260H200V360H80V40H135.16Q136.3 38.72 137.52 37.52L175.04 0H60C49 0 40 9 40 20V380C40 391 49 400 60 400M240 160C251 160 260 151 260 140C260 134.4 257.8 129.4 254 125.8L208.2 80L254.2 34.2A20.06 20.06 0 0 0 225.8 5.8L165.8 65.8A20 20 0 0 0 160 80C160 85.6 162.2 90.6 165.8 94.2000000000001L225.8 154.2C229.4 157.8 234.4 160 240 160M314.2000000000001 154.2L374.2000000000001 94.2000000000001C377.8 90.6 380 85.6 380 80S377.8 69.4 374.2000000000001 65.8L314.2000000000001 5.8A20.06 20.06 0 0 0 280 20C280 25.6 282.2 30.6 286 34.2L331.8 80L285.8 125.8A20.06 20.06 0 0 0 314.2 154.2" : "M200 320H60C49 320 40 311 40 300V20C40 9 49 0 60 0H115.04L97.52 17.52L95.94 19.08C89.9 25.08 82.74 32.2 80 39.9999999999999V280H180V220H240V156.58A60.4 60.4 0 0 0 280 156.62V240zM314.2000000000001 45.8L274.2000000000001 5.8A20.06 20.06 0 0 0 245.8 34.2L271.8 60L245.8 85.8A20.06 20.06 0 0 0 274.2000000000001 114.2L314.2000000000001 74.2C317.8 70.6 320 65.6 320 60S317.8 49.4 314.2000000000001 45.8M200 20C200 25.6 197.8 30.6 194.2 34.2L168.2 60L194.2 85.8A20.06 20.06 0 0 1 165.8 114.2L125.8 74.2C122.2 70.6 120 65.6 120 60S122.2 49.4 125.8 45.8L165.8 5.8A20.06 20.06 0 0 1 200 20"}
-                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>
-   );
+    );
 });
 DocumentCode.displayName = `Blueprint6.Icon.DocumentCode`;
 export default DocumentCode;

package/src/generated/components/document-locked.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M3 0h7l4 4v3.533A4 4 0 0 0 12 7V5H9V2H4v12h3v1.405q0 .306.07.595H3c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1m11 12h.48c.275 0 .52.175.52.45v2.955c0 .27-.245.595-.52.595h-5c-.275 0-.48-.325-.48-.595V12.45c0-.275.205-.45.48-.45H10v-1.025C10 9.885 10.895 9 12 9s2 .885 2 1.975zm-3-1.015V12h2v-1.015A.993.993 0 0 0 12 10c-.55 0-1 .44-1 .985"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3 0h8l6 6v3.555A4 4 0 0 0 15 9V7h-5V2H4v16h5v1.5q0 .247.052.5H3c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1m13.965 15.005h1.465c.275 0 .535.22.535.495v4c0 .275-.26.505-.535.505h-6.965c-.275 0-.465-.23-.465-.505v-4c0-.275.19-.495.465-.495h1.5V13a2 2 0 1 1 4 0zm-3-2v2.005h2v-2.005c0-.55-.45-1-1-1s-1 .45-1 1"] as readonly string[];
+
 export const DocumentLocked: 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="document-locked" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M60 400H220L340 280V208.9A80 80 0 0 1 300 220V260H200V360H80V40H180V10Q180 5.06 181.04 0H60C49 0 40 9 40 20V380C40 391 49 400 60 400M339.3 99.9H368.6C374.1 99.9 379.3 95.5 379.3 90V10C379.3 4.5 374.1 -0.1 368.6 -0.1H229.3C223.8 -0.1 220 4.5 220 10V90C220 95.5 223.8 99.9 229.3 99.9H259.3V140A40 40 0 1 0 339.3 140zM279.3 139.9V99.8H319.3V139.9C319.3 150.9 310.3 159.9 299.3 159.9S279.3 150.9 279.3 139.9" : "M60 320H200L280 240V169.34A80 80 0 0 1 240 180V220H180V280H80V40H140V11.9Q140 5.78 141.4 0H60C49 0 40 9 40 20V300C40 311 49 320 60 320M280 80H289.6C295.1 80 300 76.5 300 71V11.9C300 6.5 295.1 0 289.6 0H189.6C184.1 0 180 6.5 180 11.9V71C180 76.5 184.1 80 189.6 80H200V100.5C200 122.3 217.9 140 240 140S280 122.3 280 100.5zM220 100.3V80H260V100.3A19.86 19.86 0 0 1 240 120C229 120 220 111.2 220 100.3"}
-                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>
-   );
+    );
 });
 DocumentLocked.displayName = `Blueprint6.Icon.DocumentLocked`;
 export default DocumentLocked;

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

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M6 12c0 .55.45 1 1 1s1-.45 1-1V8c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1s.45 1 1 1h1.59L1.3 12.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L6 10.41zm4-12H4c-.55 0-1 .45-1 1v4h2V2h4v4h4v8H5.24l-1.8 1.8c.16.12.35.2.56.2h10c.55 0 1-.45 1-1V5z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M8 15c0 .55.45 1 1 1s1-.45 1-1v-5c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1h2.59L1.3 16.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 12.41zm5-15H5c-.55 0-1 .45-1 1v6h2V2h6v5h5v11H6v-.76L4.04 19.2c.1.45.48.8.96.8h13c.55 0 1-.45 1-1V6z"] as readonly string[];
+
 export const DocumentOpen: 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="document-open" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M160 100C160 89 169 80 180 80S200 89 200 100V200C200 211 191 220 180 220H80C69 220 60 211 60 200S69 180 80 180H131.8L26 74.2000000000001C22.2 70.6 20 65.6 20 60A20.06 20.06 0 0 1 54.2 45.8L160 151.8zM260 400H100C89 400 80 391 80 380V260H120V360H240V260H340V40H120V55.2L80.8 16C82.8 7 90.4 0 100 0H360C371 0 380 9 380 20V280z" : "M120 80C120 69 129 60 140 60S160 69 160 80V160C160 171 151 180 140 180H60C49 180 40 171 40 160S49 140 60 140H91.8L26 74.2C22.2 70.6 20 65.6 20 60A20.06 20.06 0 0 1 54.2 45.8L120 111.8zM200 320H80C69 320 60 311 60 300V220H100V280H180V200H260V40H104.8L68.8 4C72 1.6 75.8 0 80 0H280C291 0 300 9 300 20V220z"}
-                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>
-   );
+    );
 });
 DocumentOpen.displayName = `Blueprint6.Icon.DocumentOpen`;
 export default DocumentOpen;

package/src/generated/components/document-share.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 14H2V2h4v4h1c0-.83.36-1.55.91-2.09l-.03-.03.9-.9C8.3 2.45 8 1.77 8 1L7 0H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V8.22c-.53.48-1.23.78-2 .78zm5-14h-4c-.55 0-1 .45-1 1s.45 1 1 1h1.59l-3.3 3.29a1.003 1.003 0 0 0 1.42 1.42L14 3.41V5c0 .55.45 1 1 1s1-.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 = ["M14.09 10.09c-.31.31-.67.57-1.09.72V18H2V2h6v5h1.18c.15-.42.39-.8.7-1.11v-.01l2.45-2.45c-.42-.29-.78-.65-1.01-1.11L9 0H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V9.24l-.88.88zM19 0h-5c-.55 0-1 .45-1 1s.45 1 1 1h2.59L11.3 7.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L18 3.41V6c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1"] as readonly string[];
+
 export const DocumentShare: 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="document-share" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M281.8 198.2C275.6 192 268.4 186.8 260 183.8V40H40V360H160V260H183.6C186.6 268.4 191.4 276 197.6 282.2V282.4L246.6 331.4C238.2 337.2 231 344.4 226.4 353.6L180 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H280C291 0 300 9 300 20V215.2L282.4 197.6zM380 400H280C269 400 260 391 260 380S269 360 280 360H331.8L226 254.2C222.2 250.6 220 245.6 220 240A20.06 20.06 0 0 1 254.2 225.8L360 331.8V280C360 269 369 260 380 260S400 269 400 280V380C400 391 391 400 380 400" : "M200 40H40V280H120V200H140C140 216.6 147.2 231 158.2 241.8L157.6 242.4L175.6 260.4C166 271 160 284.6 160 300L140 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H220C231 0 240 9 240 20V155.6C229.4 146 215.4 140 200 140zM300 320H220C209 320 200 311 200 300S209 280 220 280H251.8L185.8 214.2A20.06 20.06 0 0 1 214.2 185.8L280 251.8V220C280 209 289 200 300 200S320 209 320 220V300C320 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>
-   );
+    );
 });
 DocumentShare.displayName = `Blueprint6.Icon.DocumentShare`;
 export default DocumentShare;

package/src/generated/components/document.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 0H3c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V5zm3 14H4V2h4v4h4z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11.98 0h-8c-.55 0-1 .45-1 1v18c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V6zm4 18h-11V2h6v5h5z"] as readonly string[];
+
 export const Document: 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="document" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M239.6 400H79.6C68.6 400 59.6 391 59.6 380V20C59.6 9 68.6 0 79.6 0H339.6C350.6 0 359.6 9 359.6 20V280zM319.6 40H99.6V360H219.6V260H319.6z" : "M180 320H60C49 320 40 311 40 300V20C40 9 49 0 60 0H260C271 0 280 9 280 20V220zM240 40H80V280H160V200H240z"}
-                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>
-   );
+    );
 });
 Document.displayName = `Blueprint6.Icon.Document`;
 export default Document;

package/src/generated/components/dollar.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.83 9.51q-.15-.45-.45-.84c-.2-.26-.45-.49-.75-.7q-.45-.3-1.05-.48c-.16-.04-.43-.11-.8-.2-.35-.09-.73-.18-1.12-.28s-.74-.19-1.06-.27c-.31-.08-.49-.12-.54-.13-.43-.12-.78-.29-1.05-.52s-.4-.55-.4-.95q0-.435.21-.72c.14-.19.32-.34.54-.46q.33-.165.72-.24c.26-.05.52-.08.77-.08.74 0 1.35.15 1.83.46.48.3.75.83.81 1.56h2.14c0-.6-.13-1.13-.38-1.58s-.59-.84-1.02-1.15-.93-.54-1.49-.7c-.24-.06-.49-.1-.75-.14V1c0-.55-.45-1-1-1s-1 .45-1 1v1.08c-.23.03-.46.07-.68.13-.54.13-1.02.34-1.44.61q-.63.42-1.02 1.05-.39.645-.39 1.5c0 .3.04.59.13.88s.23.56.44.82.48.49.83.7.79.38 1.31.51c.85.21 1.56.38 2.14.52.58.13 1.08.28 1.52.42.25.09.48.23.69.44s.32.53.32.97c0 .21-.05.42-.14.63s-.24.39-.45.55-.47.29-.81.39q-.495.15-1.2.15c-.43 0-.84-.05-1.21-.14s-.7-.24-.99-.43c-.29-.2-.51-.45-.67-.76s-.24-.68-.24-1.12H3c.01.71.15 1.32.43 1.84.27.52.64.94 1.1 1.27s.99.58 1.61.74c.27.07.56.12.85.16V15c0 .55.45 1 1 1s1-.45 1-1v-1.05c.3-.03.61-.08.9-.15q.87-.195 1.56-.63t1.11-1.11c.28-.45.42-1 .42-1.64 0-.31-.05-.61-.15-.91"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15.57 11.19c-.27-.51-.63-.93-1.07-1.26s-.95-.6-1.51-.79c-.56-.2-1.14-.36-1.72-.5-.6-.14-1.19-.26-1.75-.38-.57-.13-1.07-.27-1.51-.44s-.8-.38-1.07-.63-.41-.59-.41-1c0-.33.09-.6.28-.81s.42-.36.69-.47.57-.18.88-.22.58-.06.8-.06c.71 0 1.35.14 1.9.41s.91.81 1.06 1.62h3.36q-.135-1.26-.69-2.16c-.37-.6-.83-1.08-1.38-1.45q-.84-.555-1.86-.81c-.19-.05-.38-.07-.57-.1V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.1c-.22.03-.43.05-.66.1-.73.13-1.39.37-1.98.71-.6.34-1.09.8-1.47 1.35-.39.56-.58 1.25-.58 2.08 0 .76.13 1.41.4 1.93.26.52.62.95 1.06 1.28s.94.6 1.5.79c.55.2 1.13.36 1.74.5.58.14 1.16.26 1.72.38s1.07.26 1.51.43.8.39 1.09.66c.28.27.43.63.45 1.06s-.08.78-.3 1.04-.49.47-.83.6c-.34.14-.7.23-1.09.28s-.73.07-1.03.07c-.87 0-1.61-.2-2.23-.59s-.98-1.08-1.07-2.06H3c.02.9.19 1.68.52 2.34q.495.99 1.35 1.65c.57.44 1.25.77 2.03.98.35.1.71.16 1.08.21V19c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.13c.25-.04.5-.07.76-.13.77-.18 1.47-.46 2.1-.85s1.14-.9 1.54-1.53.59-1.39.59-2.29c.01-.75-.13-1.37-.4-1.88"] as readonly string[];
+
 export const Dollar: 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="dollar" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M311.4 176.2C306 186.4 298.8 194.8 290 201.4S271 213.4 259.8 217.2C248.6 221.2 237 224.4 225.4 227.2C213.4 230 201.6 232.4 190.4 234.8C179 237.4000000000001 169 240.2 160.2 243.6S144.2 251.2 138.8 256.2000000000001S130.6 268 130.6 276.2000000000001C130.6 282.8 132.4 288.2 136.2 292.4000000000001S144.6 299.6 150 301.8S161.4 305.4 167.6 306.2000000000001S179.2 307.4 183.6 307.4C197.8 307.4 210.6 304.6 221.6 299.2S239.8000000000001 283 242.8000000000001 266.8H310.0000000000001Q307.3000000000001 292 296.2000000000001 310C288.8000000000001 322 279.6 331.6 268.6000000000001 339Q251.8000000000001 350.1 231.4000000000001 355.2C227.6000000000001 356.2 223.8000000000001 356.6 220.0000000000001 357.2V380C220.0000000000001 391 211.0000000000001 400 200.0000000000001 400H180C169 400 160 391 160 380V358C155.6 357.4 151.4 357 146.8 356C132.2 353.4 119 348.6 107.2 341.8C95.2 335 85.4 325.8 77.8 314.8C70 303.6 66.2 289.8 66.2 273.2C66.2 258 68.8 245 74.2 234.6C79.4 224.2 86.6 215.6 95.4 209S114.2 197 125.4 193.2C136.4 189.2 148 186 160.2 183.2C171.8 180.4 183.4 178 194.6 175.6S216 170.4 224.8 167S240.8 159.2 246.6 153.8C252.2 148.4 255.2 141.2 255.6 132.6S254 117 249.6 111.8S239.8 102.4 233 99.8C226.2 97 219 95.2 211.2 94.2000000000001S196.6 92.8 190.6 92.8C173.2 92.8 158.4 96.8 146 104.6S126.4 126.2 124.6 145.8H60C60.4 127.8 63.8 112.2000000000001 70.4 99Q80.3 79.2000000000001 97.4 66C108.8 57.2 122.4 50.6 138 46.4C145 44.4 152.2 43.2 159.6 42.2V20C159.6 9 168.6 0 179.6 0H199.6C210.6 0 219.6 9 219.6 20V42.6C224.6 43.4 229.6 44 234.8 45.1999999999999C250.2 48.8 264.2000000000001 54.4 276.8 62.2S299.6 80.2 307.6 92.8S319.4 120.6 319.4 138.6C319.6 153.6 316.8 166 311.4 176.2" : "M256.6 129.8Q253.6 138.8 247.6 146.6C243.6 151.8 238.6 156.4 232.6 160.6Q223.6 166.6 211.6 170.2C208.4 171 203 172.4 195.6 174.2C188.6 176 181 177.8 173.2 179.8S158.4 183.6 152 185.2C145.8 186.8 142.2 187.6 141.2 187.8C132.6 190.2 125.6 193.6 120.2 198.2S112.2 209.2 112.2 217.2Q112.2 225.9 116.4 231.6C119.2 235.4 122.8 238.4 127.2 240.8Q133.8 244.1 141.6 245.6C146.8 246.6 152 247.2 157 247.2C171.8 247.2 184 244.2 193.6 238C203.2 232 208.6 221.4 209.8 206.8H252.6C252.6 218.8 250 229.4 245 238.4S233.2 255.2 224.6 261.4S206 272.2 194.8 275.4C190 276.6 185 277.4 179.8 278.2V300C179.8 311 170.8 320 159.8 320S139.8 311 139.8 300V278.4C135.2 277.8 130.6 277 126.2 275.8C115.4 273.2 105.8 269 97.4 263.6Q84.8 255.2 77 242.6Q69.2 229.7 69.2 212.6C69.2 206.6 70 200.8 71.8 195S76.4 183.8 80.6 178.6S90.2 168.8 97.2 164.6S113 157 123.4 154.4C140.4 150.2 154.6000000000001 146.8 166.2000000000001 144C177.8000000000001 141.4 187.8000000000001 138.4 196.6 135.6C201.6 133.8 206.2000000000001 131 210.4 126.8S216.8000000000001 116.2 216.8000000000001 107.4C216.8000000000001 103.2 215.8 99 214 94.8S209.2 86.9999999999999 205 83.8S195.6 78 188.8 75.9999999999999Q178.9 72.9999999999999 164.8000000000001 72.9999999999999C156.2000000000001 72.9999999999999 148.0000000000001 73.9999999999999 140.6000000000001 75.8S126.6 80.6 120.8000000000001 84.4C115 88.3999999999999 110.6 93.3999999999999 107.4 99.5999999999999S102.6 113.1999999999999 102.6 122H60C60.2 107.8 63 95.6 68.6 85.2C74 74.8 81.4 66.4 90.6 59.8S110.4 48.2 122.8 44.9999999999999C128.2 43.6 134 42.6 139.8 41.8V20C139.8 9 148.8 0 159.8 0S179.8 9 179.8 20V41C185.8 41.6 192 42.6 197.8 44Q215.2 47.9 229.0000000000001 56.6T251.2 78.8C256.8 87.8 259.6 98.8 259.6 111.6C259.6 117.8000000000001 258.6 123.8 256.6 129.8000000000001"}
-                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>
-   );
+    );
 });
 Dollar.displayName = `Blueprint6.Icon.Dollar`;
 export default Dollar;

package/src/generated/components/dot.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 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8"] as readonly string[];
+
 export const Dot: 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="dot" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 280A80 80 0 1 0 200 120A80 80 0 0 0 200 280" : "M160 220A60 60 0 1 0 160 100A60 60 0 0 0 160 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>
-   );
+    );
 });
 Dot.displayName = `Blueprint6.Icon.Dot`;
 export default Dot;

package/src/generated/components/double-caret-horizontal.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-3-3A1.003 1.003 0 0 0 9 5v6a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71s-.11-.53-.29-.71M6 4c-.28 0-.53.11-.71.29l-3 3C2.11 7.47 2 7.72 2 8s.11.53.29.71l3 3A1.003 1.003 0 0 0 7 11V5c0-.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 = ["M8 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-1m11 6c0-.31-.15-.57-.37-.76l.01-.01-6-5-.01.01C12.46 4.1 12.24 4 12 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 DoubleCaretHorizontal: 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="double-caret-horizontal" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M160 320C155.2 320 150.8 318 147.4 315.2L147.2 315.4L27.2 215.4L27.4 215.2C23 211.4 20 206.2 20 200S23 188.6 27.4 184.8L27.2 184.6L147.2 84.6L147.4 84.8C150.8 82 155.2 80 160 80C171 80 180 89 180 100V300C180 311 171 320 160 320M380 200C380 206.2 377 211.4 372.6 215.2L372.8 215.4L252.8 315.4L252.6 315.2C249.2 318 244.8 320 240 320C229 320 220 311 220 300V100C220 89 229 80 240 80C244.8 80 249.2 82 252.6 84.8L252.8 84.6L372.8 184.6L372.6 184.8C377 188.6 380 193.8 380 200" : "M274.2000000000001 174.2L214.2 234.2A20.06 20.06 0 0 1 180 220V100A20.06 20.06 0 0 1 214.2 85.8L274.2000000000001 145.8C277.8 149.4 280 154.4 280 160S277.8 170.6 274.2000000000001 174.2M120 240C114.4 240 109.4 237.8 105.8 234.2L45.8 174.2C42.2 170.6 40 165.6 40 160S42.2 149.4 45.8 145.8L105.8 85.8A20.06 20.06 0 0 1 140 100V220C140 231 131 240 120 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>
-   );
+    );
 });
 DoubleCaretHorizontal.displayName = `Blueprint6.Icon.DoubleCaretHorizontal`;
 export default DoubleCaretHorizontal;

package/src/generated/components/double-caret-vertical.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M5 7h6a1.003 1.003 0 0 0 .71-1.71l-3-3C8.53 2.11 8.28 2 8 2s-.53.11-.71.29l-3 3A1.003 1.003 0 0 0 5 7m6 2H5a1.003 1.003 0 0 0-.71 1.71l3 3c.18.18.43.29.71.29s.53-.11.71-.29l3-3A1.003 1.003 0 0 0 11 9"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M5 9h10c.55 0 1-.45 1-1 0-.24-.1-.46-.24-.63l.01-.01-5-6-.01.01C10.57 1.15 10.31 1 10 1s-.57.15-.76.37l-.01-.01-5 6 .01.01C4.1 7.54 4 7.76 4 8c0 .55.45 1 1 1m10 2H5c-.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 0-.55-.45-1-1-1"] as readonly string[];
+
 export const DoubleCaretVertical: 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="double-caret-vertical" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M100 220H300C311 220 320 229 320 240C320 244.8 318 249.2 315.2 252.6L315.4 252.8L215.4 372.8L215.2 372.6C211.4 377 206.2 380 200 380S188.6 377 184.8 372.6L184.6 372.8L84.6 252.8L84.8 252.6C82 249.2 80 244.8 80 240C80 229 89 220 100 220M300 180H100C89 180 80 171 80 160C80 155.2 82 150.8 84.8 147.4L84.6 147.2L184.6 27.2L184.8 27.4C188.6 23.0000000000001 193.8 20 200 20S211.4 23 215.2 27.4L215.4 27.2L315.4 147.2L315.2 147.4C318 150.8 320 155.2 320 160C320 171 311 180 300 180" : "M100 180H220A20.06 20.06 0 0 1 234.2 214.2L174.2 274.2C170.6 277.8 165.6 280 160 280S149.4 277.8 145.8 274.2L85.8 214.2A20.06 20.06 0 0 1 100 180M220 140H100A20.06 20.06 0 0 1 85.8 105.8L145.8 45.8C149.4 42.2 154.4 40 160 40S170.6 42.2 174.2 45.8L234.2 105.8A20.06 20.06 0 0 1 220 140"}
-                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>
-   );
+    );
 });
 DoubleCaretVertical.displayName = `Blueprint6.Icon.DoubleCaretVertical`;
 export default DoubleCaretVertical;

package/src/generated/components/double-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 = ["M7.29 8.71c.18.18.43.29.71.29s.53-.11.71-.29l4-4a1.003 1.003 0 0 0-1.42-1.42L8 6.59l-3.29-3.3a1.003 1.003 0 0 0-1.42 1.42zM12 8c-.28 0-.53.11-.71.29L8 11.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 8"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M9.29 10.71c.18.18.43.29.71.29s.53-.11.71-.29l6-6a1.003 1.003 0 0 0-1.42-1.42L10 8.59l-5.29-5.3a1.003 1.003 0 0 0-1.42 1.42zM16 9c-.28 0-.53.11-.71.29L10 14.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 9"] as readonly string[];
+
 export const DoubleChevronDown: 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="double-chevron-down" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M185.8 185.8C189.4 182.2 194.4 180 200 180S210.6 182.2 214.2 185.8L334.2000000000001 305.8A20.06 20.06 0 0 1 305.8 334.2L200 228.2L94.2 334.2A20.06 20.06 0 0 1 65.8 305.8zM320 220C314.4000000000001 220 309.4000000000001 217.8 305.8 214.2L200 108.2L94.2 214.2A20.06 20.06 0 0 1 65.8 185.8L185.8 65.8C189.4 62.2 194.4 60 200 60S210.6 62.2 214.2 65.8L334.2000000000001 185.8A20.06 20.06 0 0 1 320 220" : "M145.8 145.8C149.4 142.2 154.4 140 160 140S170.6 142.2 174.2 145.8L254.2 225.8A20.06 20.06 0 0 1 225.8 254.2L160 188.2L94.2 254.2A20.06 20.06 0 0 1 65.8 225.8zM240 160C234.4 160 229.4 157.8 225.8 154.2L160 88.2L94.2 154.2A20.06 20.06 0 0 1 65.8 125.8L145.8 45.8C149.4 42.2 154.4 40.0000000000001 160 40.0000000000001S170.6 42.2 174.2 45.8L254.2 125.8A20.06 20.06 0 0 1 240 160"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 DoubleChevronDown.displayName = `Blueprint6.Icon.DoubleChevronDown`;
 export default DoubleChevronDown;

package/src/generated/components/double-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 = ["M4.41 8 7.7 4.71c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-4 4C2.11 7.47 2 7.72 2 8s.11.53.29.71l4 4a1.003 1.003 0 0 0 1.42-1.42zm5 0 3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-4 4C7.11 7.47 7 7.72 7 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 = ["m5.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.42zm6 0 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 DoubleChevronLeft: 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="double-chevron-left" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M108.2 200L214 305.8C217.8 309.4 220 314.4 220 320A20.06 20.06 0 0 1 185.8 334.2L65.8 214.2C62.2 210.6 60 205.6 60 200S62.2 189.4 65.8 185.8L185.8 65.8A20.06 20.06 0 0 1 214.2 94.2zM228.2 200L334 305.8C337.8 309.4 340 314.4 340 320A20.06 20.06 0 0 1 305.8 334.2L185.8 214.2C182.2 210.6 180 205.6 180 200S182.2 189.4 185.8 185.8L305.8 65.8A20.06 20.06 0 0 1 334.2000000000001 94.2z" : "M88.2 160L154 225.8C157.8 229.4 160 234.4 160 240A20.06 20.06 0 0 1 125.8 254.2L45.8 174.2C42.2 170.6 40 165.6 40 160S42.2 149.4 45.8 145.8L125.8 65.8A20.06 20.06 0 0 1 154.2 94.2zM188.2 160L254 225.8C257.8 229.4 260 234.4 260 240A20.06 20.06 0 0 1 225.8 254.2L145.8 174.2C142.2 170.6 140 165.6 140 160S142.2 149.4 145.8 145.8L225.8 65.8A20.06 20.06 0 0 1 254.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>
-   );
+    );
 });
 DoubleChevronLeft.displayName = `Blueprint6.Icon.DoubleChevronLeft`;
 export default DoubleChevronLeft;

package/src/generated/components/double-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 = ["M9 8c0-.28-.11-.53-.29-.71l-4-4a1.003 1.003 0 0 0-1.42 1.42L6.59 8 3.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l4-4C8.89 8.53 9 8.28 9 8m4.71-.71-4-4a1.003 1.003 0 0 0-1.42 1.42L11.59 8 8.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 = ["M11 10c0-.28-.11-.53-.29-.71l-6-6a1.003 1.003 0 0 0-1.42 1.42L8.59 10 3.3 15.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l6-6c.18-.18.29-.43.29-.71m5.71-.71-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 DoubleChevronRight: 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="double-chevron-right" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M220 200C220 205.6 217.8 210.6 214.2 214.2L94.2 334.2000000000001A20.06 20.06 0 0 1 65.8 305.8L171.8 200L66 94.2000000000001C62.2 90.6 60 85.6 60 80A20.06 20.06 0 0 1 94.2 65.8L214.2 185.8C217.8 189.4 220 194.4 220 200M334.2000000000001 214.2L214.2 334.2000000000001A20.06 20.06 0 0 1 185.8 305.8L291.8 200L186 94.2000000000001C182.2 90.6 180 85.6 180 80A20.06 20.06 0 0 1 214.2 65.8L334.2000000000001 185.8C337.8 189.4 340 194.4 340 200S337.8 210.6 334.2000000000001 214.2" : "M180 160C180 165.6 177.8 170.6 174.2 174.2L94.2 254.2A20.06 20.06 0 0 1 65.8 225.8L131.8 160L66 94.2C62.2 90.6 60 85.6 60 80A20.06 20.06 0 0 1 94.2 65.8L174.2 145.8C177.8 149.4 180 154.4 180 160M274.2000000000001 174.2L194.2 254.2A20.06 20.06 0 0 1 165.8 225.8L231.8 160L166 94.2C162.2 90.6 160 85.6 160 80A20.06 20.06 0 0 1 194.2 65.8L274.2000000000001 145.8C277.8 149.4 280 154.4 280 160S277.8 170.6 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>
-   );
+    );
 });
 DoubleChevronRight.displayName = `Blueprint6.Icon.DoubleChevronRight`;
 export default DoubleChevronRight;

package/src/generated/components/double-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 = ["M4 8c.28 0 .53-.11.71-.29L8 4.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71l-4-4C8.53 2.11 8.28 2 8 2s-.53.11-.71.29l-4 4A1.003 1.003 0 0 0 4 8m4.71-.71C8.53 7.11 8.28 7 8 7s-.53.11-.71.29l-4 4a1.003 1.003 0 0 0 1.42 1.42L8 9.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 = ["M4 11c.28 0 .53-.11.71-.29L10 5.41l5.29 5.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71l-6-6A1 1 0 0 0 10 3c-.28 0-.53.11-.71.29l-6 6A1.003 1.003 0 0 0 4 11m6.71-1.71A1 1 0 0 0 10 9c-.28 0-.53.11-.71.29l-6 6a1.003 1.003 0 0 0 1.42 1.42l5.29-5.3 5.29 5.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71z"] as readonly string[];
+
 export const DoubleChevronUp: 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="double-chevron-up" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M80 180C85.6 180 90.6 182.2 94.2 185.8L200 291.8L305.8 186C309.4 182.2 314.4 180 320 180A20.06 20.06 0 0 1 334.2000000000001 214.2L214.2 334.2000000000001A20 20 0 0 1 200 340C194.4 340 189.4 337.8 185.8 334.2L65.8 214.2A20.06 20.06 0 0 1 80 180M214.2 214.2A20 20 0 0 1 200 220C194.4 220 189.4 217.8 185.8 214.2L65.8 94.2000000000001A20.06 20.06 0 0 1 94.2 65.8L200 171.8L305.8 66C309.4 62.2 314.4 60 320 60A20.06 20.06 0 0 1 334.2000000000001 94.2000000000001z" : "M80 160C85.6 160 90.6 162.2 94.2 165.8L160 231.8L225.8 166C229.4 162.2 234.4 160 240 160A20.06 20.06 0 0 1 254.2 194.2L174.2 274.2C170.6 277.8 165.6 280 160 280S149.4 277.8 145.8 274.2L65.8 194.2A20.06 20.06 0 0 1 80 160M174.2 174.2C170.6 177.8 165.6 180 160 180S149.4 177.8 145.8 174.2L65.8 94.2A20.06 20.06 0 0 1 94.2 65.8L160 131.8L225.8 66C229.4 62.2000000000001 234.4 60 240 60A20.06 20.06 0 0 1 254.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>
-   );
+    );
 });
 DoubleChevronUp.displayName = `Blueprint6.Icon.DoubleChevronUp`;
 export default DoubleChevronUp;