@blueprintjs/icons 6.9.0 → 6.10.0

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;

package/src/generated/components/circle-arrow-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 = ["M11 7H7.41L8.7 5.71c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-3 3C4.11 7.47 4 7.72 4 8s.11.53.29.71l3 3a1.003 1.003 0 0 0 1.42-1.42L7.41 9H11c.55 0 1-.45 1-1s-.45-1-1-1M8 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 = ["M15 9H7.41L9.7 6.71c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-4 4c-.18.18-.29.43-.29.71s.11.53.29.71l4 4a1.003 1.003 0 0 0 1.42-1.42L7.41 11H15c.55 0 1-.45 1-1s-.45-1-1-1m-5-9C4.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 CircleArrowLeft: 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-left" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 220H148.2L194 265.8C197.8 269.4 200 274.4 200 280A20.06 20.06 0 0 1 165.8 294.2L85.8 214.2C82.2 210.6 80 205.6 80 200S82.2 189.4 85.8 185.8L165.8 105.8A20.06 20.06 0 0 1 194.2 134.2L148.2 180H300C311 180 320 189 320 200S311 220 300 220M200 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 180H148.2L174 205.8C177.8 209.4 180 214.4 180 220A20.06 20.06 0 0 1 145.8 234.2L85.8 174.2C82.2 170.6 80 165.6 80 160S82.2 149.4 85.8 145.8L145.8 85.8A20.06 20.06 0 0 1 174.2 114.2L148.2 140H220C231 140 240 149 240 160S231 180 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>
-   );
+    );
 });
 CircleArrowLeft.displayName = `Blueprint6.Icon.CircleArrowLeft`;
 export default CircleArrowLeft;

package/src/generated/components/circle-arrow-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 = ["M8.71 4.29a1.003 1.003 0 0 0-1.42 1.42L8.59 7H5c-.55 0-1 .45-1 1s.45 1 1 1h3.59L7.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71s-.11-.53-.29-.71zM8 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 = ["m15.71 9.29-4-4a1.003 1.003 0 0 0-1.42 1.42L12.59 9H5c-.55 0-1 .45-1 1s.45 1 1 1h7.59l-2.29 2.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-.71M10 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 CircleArrowRight: 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-right" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M314.2000000000001 214.2L234.2 294.2000000000001A20.06 20.06 0 0 1 205.8 265.8L251.8 220H100C89 220 80 211 80 200S89 180 100 180H251.8L206 134.2000000000001C202.2 130.6 200 125.6 200 120A20.06 20.06 0 0 1 234.2 105.8L314.2000000000001 185.8C317.8 189.4 320 194.4 320 200S317.8 210.6 314.2000000000001 214.2M200 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" : "M174.2 234.2A20.06 20.06 0 0 1 145.8 205.8L171.8 180H100C89 180 80 171 80 160S89 140 100 140H171.8L146 114.2C142.2 110.6 140 105.6 140 100A20.06 20.06 0 0 1 174.2 85.8L234.2 145.8C237.8 149.4 240 154.4 240 160S237.8 170.6 234.2 174.2zM160 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>
-   );
+    );
 });
 CircleArrowRight.displayName = `Blueprint6.Icon.CircleArrowRight`;
 export default CircleArrowRight;

package/src/generated/components/circle-arrow-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 = ["M8.71 4.29C8.53 4.11 8.28 4 8 4s-.53.11-.71.29l-3 3a1.003 1.003 0 0 0 1.42 1.42L7 7.41V11c0 .55.45 1 1 1s1-.45 1-1V7.41l1.29 1.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71zM8 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 = ["M10 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 8m.71-13.71C10.53 4.11 10.28 4 10 4s-.53.11-.71.29l-4 4a1.003 1.003 0 0 0 1.42 1.42L9 7.41V15c0 .55.45 1 1 1s1-.45 1-1V7.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71z"] as readonly string[];
+
 export const CircleArrowUp: 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-up" 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 400M200 40C111.6 40 40 111.6 40 200S111.6 360 200 360S360 288.4 360 200S288.4 40 200 40M214.2 314.2000000000001C210.6 317.8 205.6 320 200 320S189.4 317.8 185.8 314.2L105.8 234.2A20.06 20.06 0 0 1 134.2 205.8L180 251.8V100C180 89 189 80 200 80S220 89 220 100V251.8L265.8 206C269.4 202.2 274.4 200 280 200A20.06 20.06 0 0 1 294.2000000000001 234.2z" : "M174.2 234.2C170.6 237.8 165.6 240 160 240S149.4 237.8 145.8 234.2L85.8 174.2A20.06 20.06 0 0 1 114.2 145.8L140 171.8V100C140 89 149 80 160 80S180 89 180 100V171.8L205.8 146C209.4 142.2 214.4 140 220 140A20.06 20.06 0 0 1 234.2 174.2zM160 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>
-   );
+    );
 });
 CircleArrowUp.displayName = `Blueprint6.Icon.CircleArrowUp`;
 export default CircleArrowUp;

package/src/generated/components/circle-dashed.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.827 13.886Q7.394 13.999 8 14v2a8 8 0 0 1-1.56-.154zm2.733 1.96Q8.802 15.998 8 16v-2q.606-.002 1.173-.114zm-6.55-4.514a6 6 0 0 0 1.658 1.659l-.557.83-.395.59-.161.24a8 8 0 0 1-2.207-2.206zm11.635 1.109.006.003a8 8 0 0 1-2.206 2.207l-.557-.83-.556-.83a6 6 0 0 0 1.659-1.659zM0 8q.002-.803.153-1.56l.98.193.981.194a6 6 0 0 0 0 2.346l-.981.193v.001l-.98.193A8 8 0 0 1 0 8m16 0q-.002.802-.154 1.56l-.98-.193-.98-.194a6 6 0 0 0 0-2.346l1.96-.388Q15.998 7.198 16 8M4.112 2.178l.556.831a6 6 0 0 0-1.659 1.659L1.35 3.555a8 8 0 0 1 2.206-2.207zm8.333-.83a8 8 0 0 1 2.206 2.207l-.83.557V4.11l-.83.557a6 6 0 0 0-1.659-1.659zM8 0q.802.002 1.56.153l-.387 1.961a6 6 0 0 0-2.346 0L6.439.154A8 8 0 0 1 8 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M8.533 17.357q.71.142 1.467.143V20c-.668 0-1.32-.067-1.951-.192zm3.417 2.45A10 10 0 0 1 10 20v-2.5q.758-.002 1.467-.143zm-8.188-5.642a7.6 7.6 0 0 0 2.073 2.073l-.696 1.038-.493.738-.203.3a10.1 10.1 0 0 1-2.757-2.758zm14.545 1.386.007.005a10.1 10.1 0 0 1-2.758 2.758l-.696-1.037-.695-1.039a7.6 7.6 0 0 0 2.073-2.073zM0 10c0-.668.067-1.32.191-1.951l1.226.242 1.226.242a7.6 7.6 0 0 0 0 2.934l-1.227.241.001.001-1.226.241A10 10 0 0 1 0 10m20 0c0 .668-.068 1.32-.192 1.95l-1.225-.241-1.226-.242q.142-.71.143-1.467-.002-.758-.143-1.467l2.45-.484q.191.948.193 1.951M5.14 2.723l.695 1.039a7.6 7.6 0 0 0-2.073 2.073L1.686 4.443a10.1 10.1 0 0 1 2.757-2.757zm10.416-1.037c1.09.73 2.028 1.667 2.758 2.757l-1.037.697v-.001l-1.039.696a7.6 7.6 0 0 0-2.073-2.073zM10 0c.667 0 1.32.067 1.95.191l-.483 2.452a7.6 7.6 0 0 0-2.934 0L8.05.19A10 10 0 0 1 10 0"] as readonly string[];
+
 export const CircleDashed: 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-dashed" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M170.66 52.86Q184.86 50.02 200 50V0C186.64 0 173.6 1.34 160.98 3.84zM239 3.86A200 200 0 0 0 200 0V50Q215.16 50.04 229.34 52.86zM75.24 116.7000000000001A152 152 0 0 1 116.7 75.24L102.78 54.48L92.92 39.72L88.86 33.72A202 202 0 0 0 33.72 88.88zM366.14 88.98L366.28 88.88A202 202 0 0 0 311.12 33.72L297.2000000000001 54.46L283.3 75.24A152 152 0 0 1 324.76 116.7000000000001zM0 200C0 213.36 1.34 226.4 3.82 239.02L28.34 234.18L52.86 229.34A152 152 0 0 1 52.86 170.66L28.32 165.84L28.34 165.82L3.82 161A200 200 0 0 0 0 200M400 200C400 186.64 398.64 173.6 396.16 161L371.66 165.82L347.14 170.66Q349.98 184.8600000000001 350 200Q349.9600000000001 215.1600000000001 347.14 229.3400000000001L396.14 239.0200000000001Q399.9599999999999 220.06 400 200M102.8 345.54L116.7 324.76A152 152 0 0 1 75.24 283.3L33.72 311.14A202 202 0 0 0 88.86 366.2800000000001zM311.12 366.28C332.92 351.68 351.68 332.94 366.28 311.14L345.54 297.2V297.2200000000001L324.76 283.3A152 152 0 0 1 283.3 324.76zM200 400C213.34 400 226.4 398.6600000000001 239 396.18L229.34 347.14A152 152 0 0 1 170.66 347.14L161 396.2A200 200 0 0 0 200 400" : "M136.54 42.28Q147.88 40.02 160 40V0A160 160 0 0 0 128.8 3.08zM191.2 3.08Q176.04 0.04 160 0V40Q172.12 40.04 183.46 42.28zM60.2 93.36A120 120 0 0 1 93.36 60.18L82.22 43.58L74.32 31.78L71.1 26.98A160 160 0 0 0 26.96 71.1zM292.9 71.18L293.02 71.12A160 160 0 0 0 248.9 26.98L237.76 43.58L226.64 60.18A120 120 0 0 1 259.8200000000001 93.36zM0 160Q0.04 176.06 3.06 191.2L22.66 187.34L42.28 183.46A120 120 0 0 1 42.28 136.54L22.66 132.68V132.6600000000001L3.06 128.8000000000001A160 160 0 0 0 0 160M320 160Q319.96 143.96 316.92 128.8L297.32 132.66L277.72 136.54A120 120 0 0 1 277.72 183.46L316.92 191.22Q319.96 176.04 320 160M82.24 276.44L93.36 259.82A120 120 0 0 1 60.18 226.64L27 248.9A160 160 0 0 0 71.12 293.04zM248.9 293.04A160 160 0 0 0 293.02 248.9L276.42 237.76V237.8L259.82 226.66A120 120 0 0 1 226.64 259.84zM160 320Q176.04 319.96 191.2 316.94L183.46 277.7200000000001A120 120 0 0 1 136.54 277.7200000000001L128.78 316.92A160 160 0 0 0 160 320"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 CircleDashed.displayName = `Blueprint6.Icon.CircleDashed`;
 export default CircleDashed;

package/src/generated/components/circle.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 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8m0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 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.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0m0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8"] as readonly string[];
+
 export const Circle: 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" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 400C90 400 0 310 0 200S90 0 200 0S400 90 400 200S310 400 200 400M200 40C112 40 40 112 40 200S112 360 200 360S360 288 360 200S288 40 200 40" : "M160 320C72 320 0 248 0 160S72 0 160 0S320 72 320 160S248 320 160 320M160 40C94 40 40 94 40 160S94 280 160 280S280 226 280 160S226 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>
-   );
+    );
 });
 Circle.displayName = `Blueprint6.Icon.Circle`;
 export default Circle;

package/src/generated/components/citation.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.02 5c0-1.66-1.34-3-3-3s-3 1.34-3 3a2.996 2.996 0 0 0 3.6 2.94C12.1 9.76 11.14 11 10.02 11c-.55 0-1 .45-1 1s.45 1 1 1c2.76 0 5-3.13 5-7 0-.2-.02-.39-.04-.58.01-.14.04-.28.04-.42m-11-3c-1.66 0-3 1.34-3 3a2.996 2.996 0 0 0 3.6 2.94C4.1 9.76 3.14 11 2.02 11c-.55 0-1 .45-1 1s.45 1 1 1c2.76 0 5-3.13 5-7 0-.2-.02-.39-.04-.58.01-.14.04-.28.04-.42 0-1.66-1.35-3-3-3"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M4 1C1.79 1 0 2.79 0 5s1.79 4 4 4c.1 0 .2-.01.3-.02C3.82 11.32 2.53 13 1 13c-.55 0-1 .45-1 1s.45 1 1 1c3.87 0 7-4.48 7-10 0-2.21-1.79-4-4-4m12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4c.1 0 .2-.01.3-.02C15.82 11.32 14.53 13 13 13c-.55 0-1 .45-1 1s.45 1 1 1c3.87 0 7-4.48 7-10 0-2.21-1.79-4-4-4"] as readonly string[];
+
 export const Citation: 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="citation" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M80 380C35.8 380 0 344.2 0 300S35.8 220 80 220C82 220 84 220.2 86 220.4C76.4 173.6 50.6 140 20 140C9 140 0 131 0 120S9 100 20 100C97.4 100 160 189.6 160 300C160 344.2 124.2 380 80 380M320 380C275.8 380 240 344.2 240 300S275.8 220 320 220C322 220 324 220.2 326 220.4C316.4 173.6 290.6 140 260 140C249 140 240 131 240 120S249 100 260 100C337.4000000000001 100 400 189.6 400 300C400 344.2 364.2000000000001 380 320 380" : "M300.4 220C300.4 253.2 273.6 280 240.4 280S180.4 253.2 180.4 220A59.92 59.92 0 0 1 252.4 161.2C242 124.8 222.8 100 200.4 100C189.4 100 180.4 91 180.4 80S189.4 60 200.4 60C255.6 60 300.4 122.6 300.4 200C300.4 204 300 207.8 299.6 211.6C299.8 214.4 300.4 217.2 300.4 220M80.4 280C47.2 280 20.4 253.2 20.4 220A59.92 59.92 0 0 1 92.4 161.2C82 124.8 62.8 100 40.4 100C29.4 100 20.4 91 20.4 80S29.4 60 40.4 60C95.6 60 140.4 122.6 140.4 200C140.4 204 140 207.8 139.6 211.6C139.8 214.4 140.4 217.2 140.4 220C140.4 253.2 113.4 280 80.4 280"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Citation.displayName = `Blueprint6.Icon.Citation`;
 export default Citation;

package/src/generated/components/clean.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 8-1.2 2.796-2.8 1.2 2.8 1.197L12 16l1.2-2.807L16 12l-2.8-1.204zM5 0 3.5 3.5 0 4.995 3.5 6.5 5 10l1.5-3.5L10 5 6.5 3.5z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M7 0 5 5 0 6.998 5 9l2 5 2-5 5-1.995L9 5zm8 10-1.5 3.496-3.5 1.499 3.5 1.498L15 20l1.5-3.507L20 15l-3.5-1.504z"] as readonly string[];
+
 export const Clean: 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="clean" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M140 400L100 300L0 260.04L100 220L140 120L180 220L280 259.9L180 300zM300 200L270 130.08L200 100.1L270 70.14L300 0L330 70.14L400 100L330 130.08z" : "M240 160L216 104.08L160 80.08L216 56.14L240 0L264 56.14L320 80L264 104.08zM100 320L70 250L0 220.1L70 190L100 120L130 190L200 220L130 250z"}
-                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>
-   );
+    );
 });
 Clean.displayName = `Blueprint6.Icon.Clean`;
 export default Clean;

package/src/generated/components/clip.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 1a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2H2v3a1 1 0 0 1-2 0zm1 15a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v3h3a1 1 0 1 1 0 2zm14 0a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v3h-3a1 1 0 1 0 0 2zm0-16a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V2h-3a1 1 0 1 1 0-2zM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M0 1a1 1 0 0 1 1-1h5a1 1 0 0 1 0 2H2v4a1 1 0 0 1-2 0zm1 19a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v4h4a1 1 0 1 1 0 2zm18 0a1 1 0 0 0 1-1v-5a1 1 0 1 0-2 0v4h-4a1 1 0 1 0 0 2zm0-20a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V2h-4a1 1 0 1 1 0-2zm-9 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8"] as readonly string[];
+
 export const Clip: 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="clip" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0 380A20 20 0 0 0 20 400H120A20 20 0 0 0 120 360H40V280A20 20 0 0 0 0 280zM20 0A20 20 0 0 0 0 20V120A20 20 0 1 0 40 120V40H120A20 20 0 1 0 120 0zM380 0A20 20 0 0 1 400 20V120A20 20 0 1 1 360 120V40H280A20 20 0 1 1 280 0zM380 400A20 20 0 0 0 400 380V280A20 20 0 1 0 360 280V360H280A20 20 0 1 0 280 400zM200 120A80 80 0 1 1 200 280A80 80 0 0 1 200 120" : "M0 300A20 20 0 0 0 20 320H100A20 20 0 0 0 100 280H40V220A20 20 0 0 0 0 220zM20 0A20 20 0 0 0 0 20V100A20 20 0 1 0 40 100V40H100A20 20 0 1 0 100 0zM300 0A20 20 0 0 1 320 20V100A20 20 0 1 1 280 100V40H220A20 20 0 1 1 220 0zM300 320A20 20 0 0 0 320 300V220A20 20 0 1 0 280 220V280H220A20 20 0 1 0 220 320zM160 100A60 60 0 1 1 160 220A60 60 0 0 1 160 100"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Clip.displayName = `Blueprint6.Icon.Clip`;
 export default Clip;

package/src/generated/components/clipboard-file.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.586 6a1 1 0 0 1 .707.293l1.414 1.414a1 1 0 0 1 .293.707V15a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM8 9a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1zM8.09.91c.5 0 .91.408.91.908V2.5H5v-.682c0-.5.41-.909.91-.909h-.2C6.017.364 6.326 0 7 0s.982.364 1.29.91zM10 2h1.09c.5 0 .91.41.91.91V5H6a1 1 0 0 0-1 1v8H2.91c-.5 0-.91-.409-.91-.909V2.91c0-.5.41-.909.91-.909H4v1.5h6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M7 9a1 1 0 0 1 1-1h6.586a1 1 0 0 1 .707.293l1.414 1.414a1 1 0 0 1 .293.707V19a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm2.5 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM12 1.943c0-.534-.45-.972-1-.972h-.78A1.99 1.99 0 0 0 8.5 0c-.74 0-1.38.389-1.72.971H6c-.55 0-1 .438-1 .972V3h7zM13 4H4.04V2H3a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3V8a1 1 0 0 1 1-1h8V3a1 1 0 0 0-1-1h-1z"] as readonly string[];
+
 export const ClipboardFile: 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="clipboard-file" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M140 220A20 20 0 0 0 160 240H291.7200000000001A20 20 0 0 0 305.86 234.14L334.14 205.86A20 20 0 0 0 340 191.72V20A20 20 0 0 0 320 0H160A20 20 0 0 0 140 20zM190 180A10 10 0 0 1 190 160H290A10 10 0 0 1 290 180zM190 120A10 10 0 0 1 190 100H290A10 10 0 0 1 290 120zM190 60A10 10 0 0 1 190 40H290A10 10 0 0 1 290 60zM240 361.14C240 371.82 231 380.58 220 380.58H204.4A39.8 39.8 0 0 1 170 400C155.2 400 142.4 392.2200000000001 135.6 380.58H120C109 380.58 100 371.82 100 361.14V340H240zM260 320H80.8V360H60A20 20 0 0 1 40 340V60A20 20 0 0 1 60 40H120V240A20 20 0 0 0 140 260H300V340A20 20 0 0 1 280 360H260z" : "M231.72 200A20 20 0 0 0 245.86 194.14L274.14 165.86A20 20 0 0 0 280 151.72V20A20 20 0 0 0 260 0H140A20 20 0 0 0 120 20V180A20 20 0 0 0 140 200zM160 140A10 10 0 0 1 160 120H240A10 10 0 0 1 240 140zM160 100A10 10 0 0 1 160 80H240A10 10 0 0 1 240 100zM160 60A10 10 0 0 1 160 40H240A10 10 0 0 1 240 60zM161.8 301.8C171.8 301.8 180 293.64 180 283.64V270H100V283.64C100 293.64 108.2 301.82 118.2 301.82H114.2C120.34 312.7200000000001 126.52 320 140 320S159.64 312.7200000000001 165.8 301.8zM200 280H221.8C231.8 280 240 271.8 240 261.8V220H120A20 20 0 0 1 100 200V40H58.2C48.2 40 40 48.18 40 58.18V261.8C40 271.8 48.2 279.98 58.2 279.98H80V249.98H200z"}
-                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>
-   );
+    );
 });
 ClipboardFile.displayName = `Blueprint6.Icon.ClipboardFile`;
 export default ClipboardFile;

package/src/generated/components/clipboard.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 2c0-.55-.45-1-1-1h.22C9.88.4 9.24 0 8.5 0S7.12.4 6.78 1H7c-.55 0-1 .45-1 1v1h5zm2 0h-1v2H5V2H4c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h9c.55 0 1-.45 1-1V3c0-.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 2c0-.55-.45-1-1-1h-.78a1.98 1.98 0 0 0-3.44 0H7c-.55 0-1 .45-1 1v2h7zm3 0h-2v3H5V2H3c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1"] as readonly string[];
+
 export const Clipboard: 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="clipboard" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M260 360C260 371 251 380 240 380H224.4A39.6 39.6 0 0 1 155.6 380H140C129 380 120 371 120 360V320H260zM320 360H280V300H100V360H60C49 360 40 351 40 340V20C40 9 49 0 60 0H320C331 0 340 9 340 20V340C340 351 331 360 320 360" : "M220 280C220 291 211 300 200 300H204.4C197.6 312 184.8 320 170 320S142.4 312 135.6 300H140C129 300 120 291 120 280V260H220zM260 280H240V240H100V280H80C69 280 60 271 60 260V20C60 9 69 0 80 0H260C271 0 280 9 280 20V260C280 271 271 280 260 280"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Clipboard.displayName = `Blueprint6.Icon.Clipboard`;
 export default Clipboard;

package/src/generated/components/cloud-download.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 11c-.28 0-.53.11-.71.29L9 12.59V8c0-.55-.45-1-1-1s-1 .45-1 1v4.59L5.71 11.3A.97.97 0 0 0 5 11a1.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 11m1-7c-.03 0-.07 0-.1.01A5 5 0 0 0 2 5c0 .11.01.22.02.33A3.51 3.51 0 0 0 0 8.5c0 1.41.84 2.61 2.03 3.17C2.2 10.17 3.46 9 5 9c.06 0 .13.02.19.02C5.07 8.7 5 8.36 5 8c0-1.66 1.34-3 3-3s3 1.34 3 3c0 .36-.07.7-.19 1.02.06 0 .13-.02.19-.02 1.48 0 2.7 1.07 2.95 2.47A3.96 3.96 0 0 0 16 8c0-2.21-1.79-4-4-4"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15 4c-.12 0-.24.03-.36.04C13.83 1.69 11.62 0 9 0 5.69 0 3 2.69 3 6c0 .05.01.09.01.14A3.98 3.98 0 0 0 0 10c0 2.21 1.79 4 4 4h.78c.55-.61 1.34-1 2.22-1v-2c0-1.66 1.34-3 3-3s3 1.34 3 3v2c.88 0 1.66.38 2.2.98C17.87 13.87 20 11.69 20 9c0-2.76-2.24-5-5-5m-2 11c-.28 0-.53.11-.71.29L11 16.59V11c0-.55-.45-1-1-1s-1 .45-1 1v5.59L7.71 15.3A.97.97 0 0 0 7 15a1.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 13 15"] as readonly string[];
+
 export const CloudDownload: 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="cloud-download" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 320C297.6 320 295.2 319.4 292.8 319.2C276.6 366.2 232.4 400 180 400C113.8 400 60 346.2 60 280C60 279 60.2 278.2 60.2 277.2A79.6 79.6 0 0 1 0 200C0 155.8 35.8 120 80 120H95.6C106.6 132.2 122.4 140 140 140V180C140 213.2 166.8 240 200 240S260 213.2 260 180V140C277.6 140 293.2 132.4 304 120.4C357.4000000000001 122.6 400 166.2 400 220C400 275.2 355.2 320 300 320M260 100C254.4 100 249.4 97.8 245.8 94.2000000000001L220 68.2V180C220 191 211 200 200 200S180 191 180 180V68.2L154.2 94A19.4 19.4 0 0 1 140 100A20.06 20.06 0 0 1 125.8 65.8L185.8 5.8C189.4 2.2 194.4 0 200 0S210.6 2.2 214.2 5.8L274.2000000000001 65.8A20.06 20.06 0 0 1 260 100" : "M220 100C214.4 100 209.4 97.8 205.8 94.2L180 68.2V160C180 171 171 180 160 180S140 171 140 160V68.2L114.2 94A19.4 19.4 0 0 1 100 100A20.06 20.06 0 0 1 85.8 65.8L145.8 5.8C149.4 2.2 154.4 0 160 0S170.6 2.2 174.2 5.8L234.2 65.8A20.06 20.06 0 0 1 220 100M240 240C239.4 240 238.6 240 238 239.8A100 100 0 0 1 40 220C40 217.8 40.2 215.6 40.4 213.4A70.2 70.2 0 0 1 0 150C0 121.8 16.8 97.8 40.6 86.6C44 116.6 69.2 140 100 140C101.2 140 102.6 139.6 103.8 139.6C101.4 146 100 152.8 100 160C100 193.2 126.8 220 160 220S220 193.2 220 160C220 152.8 218.6 146 216.2 139.6C217.4 139.6 218.8 140 220 140C249.6 140 274 118.6 279 90.6A79.2 79.2 0 0 1 320 160C320 204.2 284.2000000000001 240 240 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>
-   );
+    );
 });
 CloudDownload.displayName = `Blueprint6.Icon.CloudDownload`;
 export default CloudDownload;

package/src/generated/components/cloud-server.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 4a4 4 0 0 1 3.944 4.67A1 1 0 0 0 15 8H7a1 1 0 0 0-1 1v3H3.5C1.57 12 0 10.43 0 8.5c0-1.4.83-2.61 2.02-3.17C2.01 5.22 2 5.11 2 5a5 5 0 0 1 9.9-.99c.03-.01.07-.01.1-.01M7 9h8v3H7zm3 1.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5m-1 0a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0M7 13h8v3H7zm3.5 1a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zm-1.5.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M9 15h11v4H9zm3 2a1 1 0 1 0-2 0 1 1 0 0 0 2 0m2-1a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zm.784-10.978C14.856 5.01 14.928 5 15 5a5.004 5.004 0 0 1 4.9 4H9a1 1 0 0 0-1 1v5H4c-2.21 0-4-1.79-4-4a3.98 3.98 0 0 1 3.01-3.86l-.005-.07L3 7c0-3.31 2.69-6 6-6 2.62 0 4.83 1.69 5.64 4.04zM9 10h11v4H9zm3 2a1 1 0 1 0-2 0 1 1 0 0 0 2 0m2-1a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z"] as readonly string[];
+
 export const CloudServer: 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="cloud-server" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M180 100H400V20H180zM240 60A20 20 0 1 1 200 60A20 20 0 0 1 240 60M280 80A20 20 0 0 1 280 40H360A20 20 0 0 1 360 80zM295.68 299.56C297.12 299.8 298.56 300 300 300A100.08 100.08 0 0 0 398 220H180A20 20 0 0 1 160 200V100H80C35.8 100 0 135.8 0 180A79.6 79.6 0 0 0 60.2 257.2L60.1 258.6L60 260C60 326.2 113.8 380 180 380C232.4000000000001 380 276.6 346.2 292.8 299.2zM180 200H400V120H180zM240 160A20 20 0 1 1 200 160A20 20 0 0 1 240 160M280 180A20 20 0 0 1 280 140H360A20 20 0 0 1 360 180z" : "M240 240A80 80 0 0 0 318.88 146.6A20 20 0 0 1 300 160H140A20 20 0 0 1 120 140V80H70C31.4 80 0 111.4 0 150C0 178 16.6 202.2 40.4 213.4C40.2 215.6 40 217.8 40 220A100 100 0 0 0 238 239.8C238.6 240 239.4 240 240 240M140 140H300V80H140zM200 110A10 10 0 0 1 210 100H270A10 10 0 0 1 270 120H210A10 10 0 0 1 200 110M180 110A10 10 0 1 1 160 110A10 10 0 0 1 180 110M140 60H300V0H140zM210 40A10 10 0 0 1 210 20H270A10 10 0 0 1 270 40zM180 30A10 10 0 1 1 160 30A10 10 0 0 1 180 30"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 CloudServer.displayName = `Blueprint6.Icon.CloudServer`;
 export default CloudServer;

package/src/generated/components/cloud-tick.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.9 4.01c.03-.01.07-.01.1-.01a4 4 0 0 1 3.907 3.14 3 3 0 0 0-3.028.739L10 10.757l-.879-.878A3 3 0 0 0 4 12h-.5C1.57 12 0 10.43 0 8.5c0-1.4.83-2.61 2.02-3.17C2.01 5.22 2 5.11 2 5a5 5 0 0 1 9.9-.99m3.865 5.346a1 1 0 0 1-.058 1.351l-5 5a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 1.414-1.414L10 13.586l4.293-4.293a1 1 0 0 1 1.472.063"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M14.784 4.022a2 2 0 0 1-.144.018C13.83 1.69 11.62 0 9 0 5.69 0 3 2.69 3 6q0 .037.005.07l.005.07A3.98 3.98 0 0 0 0 10c0 2.21 1.79 4 4 4h1.17a3 3 0 0 1 4.95-1.121l.88.878 4.879-4.878a3 3 0 0 1 4.115-.12A5 5 0 0 0 15 4q-.108.002-.216.022m-3.077 14.685a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L11 16.586l6.293-6.293a1 1 0 0 1 1.414 1.414z"] as readonly string[];
+
 export const CloudTick: 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="cloud-tick" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M295.68 319.56A40 40 0 0 0 292.8 319.2C276.6 366.2 232.4 400 180 400C113.8 400 60 346.2 60 280Q60 279.26 60.1 278.6L60.2 277.2A79.6 79.6 0 0 1 0 200C0 155.8 35.8 120 80 120H103.4A60 60 0 0 0 202.4 142.42L220 124.86L317.5800000000001 222.42A60 60 0 0 0 399.88 224.82A100 100 0 0 1 300 320Q297.84 319.9600000000001 295.68 319.56M234.14 25.86A20 20 0 0 0 205.86 25.86L145.86 85.86A20 20 0 1 0 174.14 114.14L220 68.28L345.86 194.14A20 20 0 0 0 374.14 165.86z" : "M238 239.8C238.6 240 239.4 240 240 240A80 80 0 0 0 318.14 177.2A60 60 0 0 1 257.58 162.42L200 104.86L182.42 122.42A60 60 0 0 1 80 80H70C31.4 80 0 111.4 0 150C0 178 16.6 202.2 40.4 213.4C40.2 215.6 40 217.8 40 220A100 100 0 0 0 238 239.8M315.3 132.88A20 20 0 0 0 314.14 105.86L214.14 5.86A20 20 0 0 0 185.86 5.86L125.86 65.86A20 20 0 0 0 154.14 94.14L200 48.28L285.86 134.14A20 20 0 0 0 315.3 132.88"}
-                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>
-   );
+    );
 });
 CloudTick.displayName = `Blueprint6.Icon.CloudTick`;
 export default CloudTick;

package/src/generated/components/cloud-upload.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.71 7.29C8.53 7.11 8.28 7 8 7s-.53.11-.71.29l-3 3a1.003 1.003 0 0 0 1.42 1.42L7 10.41V15c0 .55.45 1 1 1s1-.45 1-1v-4.59l1.29 1.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71zM12 4c-.03 0-.07 0-.1.01A5 5 0 0 0 2 5c0 .11.01.22.02.33a3.495 3.495 0 0 0 .07 6.37c-.05-.23-.09-.46-.09-.7 0-.83.34-1.58.88-2.12l3-3a2.993 2.993 0 0 1 4.24 0l3 3c.54.54.88 1.29.88 2.12 0 .16-.02.32-.05.47C15.17 10.78 16 9.5 16 8c0-2.21-1.79-4-4-4"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10.71 10.29c-.18-.18-.43-.29-.71-.29s-.53.11-.71.29l-3 3a1.003 1.003 0 0 0 1.42 1.42L9 13.41V19c0 .55.45 1 1 1s1-.45 1-1v-5.59l1.29 1.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71zM15 4c-.12 0-.24.03-.36.04C13.83 1.69 11.62 0 9 0 5.69 0 3 2.69 3 6c0 .05.01.09.01.14A3.98 3.98 0 0 0 0 10c0 2.21 1.79 4 4 4 0-.83.34-1.58.88-2.12l3-3a2.993 2.993 0 0 1 4.24 0l3 3-.01.01c.52.52.85 1.23.87 2.02C18.28 13.44 20 11.42 20 9c0-2.76-2.24-5-5-5"] as readonly string[];
+
 export const CloudUpload: 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="cloud-upload" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M214.2 194.2C210.6 197.8 205.6 200 200 200S189.4 197.8 185.8 194.2L125.8 134.2000000000001A20.06 20.06 0 0 1 154.2 105.8L180 131.8V20C180 9 189 0 200 0S220 9 220 20V131.8L245.8 106C249.4 102.2000000000001 254.4 100 260 100A20.06 20.06 0 0 1 274.2000000000001 134.2000000000001zM300 320C297.6 320 295.2 319.4 292.8 319.2C276.6 366.2 232.4 400 180 400C113.8 400 60 346.2 60 280C60 279 60.2 278.2 60.2 277.2A79.6 79.6 0 0 1 0 200C0 155.8 35.8 120 80 120C80 136.6 86.8 151.6 97.6 162.4L157.6 222.4A59.86 59.86 0 0 0 242.4000000000001 222.4L302.4000000000001 162.4L302.2000000000001 162.2C312.6 151.8000000000001 319.2000000000001 137.6 319.6 121.8C365.6 131.2 400 171.6 400 220C400 275.2 355.2 320 300 320" : "M174.2 174.2C170.6 177.8 165.6 180 160 180S149.4 177.8 145.8 174.2L85.8 114.2A20.06 20.06 0 0 1 114.2 85.8L140 111.8V20C140 9 149 0 160 0S180 9 180 20V111.8L205.8 86C209.4 82.2 214.4 80 220 80A20.06 20.06 0 0 1 234.2 114.2zM240 240C239.4 240 238.6 240 238 239.8A100 100 0 0 1 40 220C40 217.8 40.2 215.6 40.4 213.4A69.9 69.9 0 0 1 41.8 86C40.8 90.6 40 95.2000000000001 40 100C40 116.6 46.8 131.6 57.6 142.4L117.6 202.4A59.86 59.86 0 0 0 202.4 202.4L262.4000000000001 142.4C273.2 131.6 280.0000000000001 116.6 280.0000000000001 100C280.0000000000001 96.8 279.6 93.6 279 90.6C303.4 104.4 320 130 320 160C320 204.2 284.2000000000001 240 240 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>
-   );
+    );
 });
 CloudUpload.displayName = `Blueprint6.Icon.CloudUpload`;
 export default CloudUpload;