@blueprintjs/icons 6.9.0 → 6.10.0

package/src/generated/components/add-child.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M2 2v6h1v2H.8a.8.8 0 0 1-.8-.8V.8A.8.8 0 0 1 .8 0h14.4a.8.8 0 0 1 .8.8v8.4a.8.8 0 0 1-.8.8H13V8h1V2zm7 9h2c.55 0 1 .45 1 1s-.45 1-1 1H9v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H5c-.55 0-1-.45-1-1s.45-1 1-1h2V9c0-.55.45-1 1-1s1 .45 1 1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M2 3v8h2v2H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3v-2h2V3zm9 11h2c.55 0 1 .45 1 1s-.45 1-1 1h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H7c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1z"] as readonly string[];
+
 export const AddChild: 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="add-child" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M40 340V180H80V140H20A20 20 0 0 0 0 160V360A20 20 0 0 0 20 380H380A20 20 0 0 0 400 360V160A20 20 0 0 0 380 140H320V180H360V340zM220 120H260C271 120 280 111 280 100S271 80 260 80H220V40C220 29 211 20 200 20S180 29 180 40V80H140C129 80 120 89 120 100S129 120 140 120H180V160C180 171 189 180 200 180S220 171 220 160z" : "M40 280V160H60V120H16A16 16 0 0 0 0 136V304A16 16 0 0 0 16 320H304A16 16 0 0 0 320 304V136A16 16 0 0 0 304 120H260V160H280V280zM180 100H220C231 100 240 91 240 80S231 60 220 60H180V20C180 9 171 0 160 0S140 9 140 20V60H100C89 60 80 69 80 80S89 100 100 100H140V140C140 151 149 160 160 160S180 151 180 140z"}
-                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>
-   );
+    );
 });
 AddChild.displayName = `Blueprint6.Icon.AddChild`;
 export default AddChild;

package/src/generated/components/add-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 = ["M12 0a1 1 0 0 0-1 1v2H9a1 1 0 0 0 0 2h2v2a1 1 0 1 0 2 0V5h2a1 1 0 1 0 0-2h-2V1a1 1 0 0 0-1-1M0 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 0 2H2v2a1 1 0 0 1-2 0zm1 12a1 1 0 0 1-1-1v-3a1 1 0 1 1 2 0v2h2.5a1 1 0 1 1 0 2zm11 0a1 1 0 0 0 1-1v-3a1 1 0 1 0-2 0v2H9a1 1 0 1 0 0 2zm-5.5-4a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15 0a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0V6h-3a1 1 0 1 1 0-2h3V1a1 1 0 0 1 1-1M1 4a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V6h3a1 1 0 0 0 0-2zM0 19a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H2v-3a1 1 0 1 0-2 0zm15 1h-4a1 1 0 1 1 0-2h3v-3a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1m-7-5a3 3 0 1 0 0-6 3 3 0 0 0 0 6"] as readonly string[];
+
 export const AddClip: 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="add-clip" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 400A20 20 0 0 0 320 380V320H380A20 20 0 1 0 380 280H320V220A20 20 0 1 0 280 220V280H220A20 20 0 1 0 220 320H280V380A20 20 0 0 0 300 400M20 320A20 20 0 0 1 0 300V220A20 20 0 0 1 40 220V280H100A20 20 0 0 1 100 320zM0 20A20 20 0 0 1 20 0H100A20 20 0 1 1 100 40H40V100A20 20 0 1 1 0 100zM300 0H220A20 20 0 1 0 220 40H280V100A20 20 0 1 0 320 100V20A20 20 0 0 0 300 0M160 100A60 60 0 1 1 160 220A60 60 0 0 1 160 100" : "M240 320A20 20 0 0 1 220 300V260H180A20 20 0 0 1 180 220H220V180A20 20 0 1 1 260 180V220H300A20 20 0 1 1 300 260H260V300A20 20 0 0 1 240 320M0 240A20 20 0 0 0 20 260H90A20 20 0 0 0 90 220H40V180A20 20 0 0 0 0 180zM20 0A20 20 0 0 0 0 20V80A20 20 0 1 0 40 80V40H90A20 20 0 1 0 90 0zM240 0A20 20 0 0 1 260 20V80A20 20 0 1 1 220 80V40H180A20 20 0 1 1 180 0zM130 80A50 50 0 1 1 130 180A50 50 0 0 1 130 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>
-   );
+    );
 });
 AddClip.displayName = `Blueprint6.Icon.AddClip`;
 export default AddClip;

package/src/generated/components/add-column-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 = ["M15 0H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-5 14H2V2h8zm4 0h-3V2h3zM4 9h1v1c0 .55.45 1 1 1s1-.45 1-1V9h1c.55 0 1-.45 1-1s-.45-1-1-1H7V6c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-.55 0-1 .45-1 1s.45 1 1 1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M4 11h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1H8V7c0-.55-.45-1-1-1s-1 .45-1 1v2H4c-.55 0-1 .45-1 1s.45 1 1 1M19 0H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-7 18H2V2h10zm6 0h-5V2h5z"] as readonly string[];
+
 export const AddColumnLeft: 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="add-column-left" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M80 180H120V140C120 129 129 120 140 120S160 129 160 140V180H200C211 180 220 189 220 200S211 220 200 220H160V260C160 271 151 280 140 280S120 271 120 260V220H80C69 220 60 211 60 200S69 180 80 180M380 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400M240 40H40V360H240zM360 40H260V360H360z" : "M300 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320M200 40H40V280H200zM280 40H220V280H280zM80 140H100V120C100 109 109 100 120 100S140 109 140 120V140H160C171 140 180 149 180 160S171 180 160 180H140V200C140 211 131 220 120 220S100 211 100 200V180H80C69 180 60 171 60 160S69 140 80 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>
-   );
+    );
 });
 AddColumnLeft.displayName = `Blueprint6.Icon.AddColumnLeft`;
 export default AddColumnLeft;

package/src/generated/components/add-column-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 9h1v1c0 .55.45 1 1 1s1-.45 1-1V9h1c.55 0 1-.45 1-1s-.45-1-1-1h-1V6c0-.55-.45-1-1-1s-1 .45-1 1v1H8c-.55 0-1 .45-1 1s.45 1 1 1m7-9H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M5 14H2V2h3zm9 0H6V2h8z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 11h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V7c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1m9-11H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M7 18H2V2h5zm11 0H8V2h10z"] as readonly string[];
+
 export const AddColumnRight: 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="add-column-right" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 180H240V140C240 129 249 120 260 120S280 129 280 140V180H320C331 180 340 189 340 200S331 220 320 220H280V260C280 271 271 280 260 280S240 271 240 260V220H200C189 220 180 211 180 200S189 180 200 180M380 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400M140 40H40V360H140zM360 40H160V360H360z" : "M160 140H180V120C180 109 189 100 200 100S220 109 220 120V140H240C251 140 260 149 260 160S251 180 240 180H220V200C220 211 211 220 200 220S180 211 180 200V180H160C149 180 140 171 140 160S149 140 160 140M300 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320M100 40H40V280H100zM280 40H120V280H280z"}
-                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>
-   );
+    );
 });
 AddColumnRight.displayName = `Blueprint6.Icon.AddColumnRight`;
 export default AddColumnRight;

package/src/generated/components/add-derived-column.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 0a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0V4h-1a1 1 0 1 1 0-2h1V1a1 1 0 0 1 1-1m-3 5.83a3 3 0 0 1-1-.594V7H2V5h6.764A3 3 0 0 1 8 3c0-.768.289-1.47.764-2H.909C.364 1 0 1.5 0 2v12c0 .6.364 1 .91 1H9v1h5a1 1 0 0 0 1-1V7.236A3 3 0 0 1 13 8h-3zM2 13v-2h7v2zm7-3H2V8h7zm4-1v2h-3V9zm-3 3h3v2h-3z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M12 0H1C.4 0 0 .5 0 1v16c0 .5.4 1 1 1h10v2h7c.5 0 1-.5 1-1V7c0 1.306-.835 2.588-2 3h-5V6.83a3 3 0 0 1-1-.594V8H2V5h8.17A3 3 0 0 1 12 1.17zm0 11h5v3h-5zm5 4v3h-5v-3zm-6 1H2v-3h9zm0-7v3H2V9zm4-8a1 1 0 0 1 2 0v2h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0V5h-2a1 1 0 0 1 0-2h2z"] as readonly string[];
+
 export const AddDerivedColumn: 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="add-derived-column" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M240 400H20C8 400 0 390 0 380V60C0 50 8 40 20 40H220V0H360C370 0 380 10 380 20V260C380 233.88 363.3 208.24 340 200H240V263.4A60 60 0 0 0 220 275.28V240H40V300H203.4A60 60 0 0 0 240 376.6zM240 180H340V120H240zM340 100V40H240V100zM220 80H40V140H220zM220 220V160H40V220zM300 380A20 20 0 0 0 340 380V340H380A20 20 0 0 0 380 300H340V260A20 20 0 0 0 300 260V300H260A20 20 0 0 0 260 340H300z" : "M260 320A20 20 0 0 0 280 300V280H300A20 20 0 1 0 300 240H280V220A20 20 0 1 0 240 220V240H220A20 20 0 1 0 220 280H240V300A20 20 0 0 0 260 320M200 203.4A60 60 0 0 0 180 215.28V180H40V220H175.28A60 60 0 0 0 160 260C160 275.36 165.78 289.4 175.28 300H18.18C7.28 300 0 290 0 280V40C0 28 7.28 20 18.2 20H180V0H280A20 20 0 0 1 300 20V175.28A60 60 0 0 0 260 160H200zM40 60V100H180V60zM180 120H40V160H180zM260 140V100H200V140zM200 80H260V40H200z"}
-                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>
-   );
+    );
 });
 AddDerivedColumn.displayName = `Blueprint6.Icon.AddDerivedColumn`;
 export default AddDerivedColumn;

package/src/generated/components/add-location.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M8 0a1 1 0 1 1 0 2 6 6 0 1 0 6 6 1 1 0 0 1 2 0 8 8 0 1 1-8-8m0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m5-5a1 1 0 0 1 1 1v.999L15 2a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0V4h-1a1 1 0 0 1 0-2h1V1a1 1 0 0 1 1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 0a1 1 0 0 1 0 2 8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0m0 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8m6-6c.6 0 1 .4 1 1v2h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v2c0 .6-.4 1-1 1s-1-.4-1-1V5h-2c-.6 0-1-.4-1-1 0-.5.4-1 1-1h2V1c0-.6.4-1 1-1"] as readonly string[];
+
 export const AddLocation: 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="add-location" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 400A20 20 0 0 0 200 360A160 160 0 1 1 360 200A20 20 0 0 0 400 200C400 89.54 310.46 0 200 0S0 89.54 0 200S89.54 400 200 400M200 280A80 80 0 1 0 200 120A80 80 0 0 0 200 280M320 400C332 400 340 392 340 380V340H380C392 340 400 332 400 320S392 300 380 300H340V260C340 248 332 240 320 240S300 248 300 260V300H260C248 300 240 308 240 320C240 330 248 340 260 340H300V380C300 392 308 400 320 400" : "M160 320A20 20 0 1 0 160 280A120 120 0 1 1 280 160A20 20 0 0 0 320 160A160 160 0 1 0 160 320M160 220A60 60 0 1 0 160 100A60 60 0 0 0 160 220M260 320A20 20 0 0 0 280 300V280.02L300 280A20 20 0 0 0 300 240H280V220A20 20 0 0 0 240 220V240H220A20 20 0 0 0 220 280H240V300A20 20 0 0 0 260 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>
-   );
+    );
 });
 AddLocation.displayName = `Blueprint6.Icon.AddLocation`;
 export default AddLocation;

package/src/generated/components/add-parent.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 5H5c-.55 0-1-.45-1-1s.45-1 1-1h2V1c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1H9v2c0 .55-.45 1-1 1s-1-.45-1-1zm7 9V8h-1V6h2.2a.8.8 0 0 1 .8.8v8.4a.8.8 0 0 1-.8.8H.8a.8.8 0 0 1-.8-.8V6.8A.8.8 0 0 1 .8 6H3v2H2v6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 17V9h-2V7h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3v2H2v8zM9 6H7c-.55 0-1-.45-1-1s.45-1 1-1h2V2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1h-2v2c0 .55-.45 1-1 1s-1-.45-1-1z"] as readonly string[];
+
 export const AddParent: 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="add-parent" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 60V220H320V260H380A20 20 0 0 0 400 240V40A20 20 0 0 0 380 20H20A20 20 0 0 0 0 40V240A20 20 0 0 0 20 260H80V220H40V60zM180 280H140C129 280 120 289 120 300S129 320 140 320H180V360C180 371 189 380 200 380S220 371 220 360V320H260C271 320 280 311 280 300S271 280 260 280H220V240C220 229 211 220 200 220S180 229 180 240z" : "M140 220H100C89 220 80 229 80 240S89 260 100 260H140V300C140 311 149 320 160 320S180 311 180 300V260H220C231 260 240 251 240 240S231 220 220 220H180V180C180 169 171 160 160 160S140 169 140 180zM280 40V160H260V200H304A16 16 0 0 0 320 184V16A16 16 0 0 0 304 0H16A16 16 0 0 0 0 16V184A16 16 0 0 0 16 200H60V160H40V40z"}
-                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>
-   );
+    );
 });
 AddParent.displayName = `Blueprint6.Icon.AddParent`;
 export default AddParent;

package/src/generated/components/add-row-bottom.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 11h1v1c0 .55.45 1 1 1s1-.45 1-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1H9V8c0-.55-.45-1-1-1s-1 .45-1 1v1H6c-.55 0-1 .45-1 1s.45 1 1 1m9-11H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 14H2V6h12zm0-9H2V2h12z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 0H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 18H2V8h16zm0-11H2V2h16zM7 14h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-2v-2c0-.55-.45-1-1-1s-1 .45-1 1v2H7c-.55 0-1 .45-1 1s.45 1 1 1"] as readonly string[];
+
 export const AddRowBottom: 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="add-row-bottom" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400M360 40H40V240H360zM360 260H40V360H360zM140 120H180V80C180 69 189 60 200 60S220 69 220 80V120H260C271 120 280 129 280 140S271 160 260 160H220V200C220 211 211 220 200 220S180 211 180 200V160H140C129 160 120 151 120 140S129 120 140 120" : "M120 100H140V80C140 69 149 60 160 60S180 69 180 80V100H200C211 100 220 109 220 120S211 140 200 140H180V160C180 171 171 180 160 180S140 171 140 160V140H120C109 140 100 131 100 120S109 100 120 100M300 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320M280 40H40V200H280zM280 220H40V280H280z"}
-                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>
-   );
+    );
 });
 AddRowBottom.displayName = `Blueprint6.Icon.AddRowBottom`;
 export default AddRowBottom;

package/src/generated/components/add-row-top.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 0H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 14H2v-3h12zm0-4H2V2h12zM6 7h1v1c0 .55.45 1 1 1s1-.45 1-1V7h1c.55 0 1-.45 1-1s-.45-1-1-1H9V4c0-.55-.45-1-1-1s-1 .45-1 1v1H6c-.55 0-1 .45-1 1s.45 1 1 1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M7 8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V4c0-.55-.45-1-1-1s-1 .45-1 1v2H7c-.55 0-1 .45-1 1s.45 1 1 1m12-8H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 18H2v-5h16zm0-6H2V2h16z"] as readonly string[];
+
 export const AddRowTop: 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="add-row-top" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M140 240H180V200C180 189 189 180 200 180S220 189 220 200V240H260C271 240 280 249 280 260S271 280 260 280H220V320C220 331 211 340 200 340S180 331 180 320V280H140C129 280 120 271 120 260S129 240 140 240M380 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400M360 40H40V140H360zM360 160H40V360H360z" : "M300 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320M280 40H40V100H280zM280 120H40V280H280zM120 180H140V160C140 149 149 140 160 140S180 149 180 160V180H200C211 180 220 189 220 200S211 220 200 220H180V240C180 251 171 260 160 260S140 251 140 240V220H120C109 220 100 211 100 200S109 180 120 180"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 AddRowTop.displayName = `Blueprint6.Icon.AddRowTop`;
 export default AddRowTop;

package/src/generated/components/add-tile.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-1h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm9 0a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1zm3.5 8c.483 0 .875.392.875.875v1.75h1.75a.875.875 0 0 1 0 1.75h-1.75v1.75a.875.875 0 0 1-1.75 0v-1.75h-1.75a.875.875 0 0 1 0-1.75h1.75v-1.75c0-.483.392-.875.875-.875"] 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-1h7a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm11 0a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm4.5 10a.9.9 0 0 1 .9.9v2.7h2.7a.9.9 0 0 1 0 1.8h-2.7v2.7a.9.9 0 0 1-1.8 0v-2.7h-2.7a.9.9 0 1 1 0-1.8h2.7v-2.7a.9.9 0 0 1 .9-.9"] as readonly string[];
+
 export const AddTile: 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="add-tile" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0 380A20 20 0 0 0 20 400H160A20 20 0 0 0 180 380V20A20 20 0 0 0 160 0H20A20 20 0 0 0 0 20zM220 380A20 20 0 0 0 240 400H380A20 20 0 0 0 400 380V240A20 20 0 0 0 380 220H240A20 20 0 0 0 220 240zM310 180A18 18 0 0 0 328 162V108H382A18 18 0 0 0 382 71.9999999999999H328V18A18 18 0 0 0 292 18V71.9999999999999H238A18 18 0 1 0 238 108H292V162A18 18 0 0 0 310 180" : "M0 300A20 20 0 0 0 20 320H120A20 20 0 0 0 140 300V20A20 20 0 0 0 120 0H20A20 20 0 0 0 0 20zM180 300A20 20 0 0 0 200 320H300A20 20 0 0 0 320 300V200A20 20 0 0 0 300 180H200A20 20 0 0 0 180 200zM250 140C259.6600000000001 140 267.5 132.16 267.5 122.5V87.5H302.5A17.5 17.5 0 0 0 302.5 52.5H267.5V17.5A17.5 17.5 0 0 0 232.5 17.5V52.5H197.5A17.5 17.5 0 0 0 197.5 87.5H232.5V122.5C232.5 132.16 240.34 140 250 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>
-   );
+    );
 });
 AddTile.displayName = `Blueprint6.Icon.AddTile`;
 export default AddTile;

package/src/generated/components/add-to-artifact.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M14 4.01h-1v-1c0-.55-.45-1-1-1s-1 .45-1 1v1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .55.45 1 1 1s1-.45 1-1v-1h1c.55 0 1-.45 1-1 0-.56-.45-1-1-1m-13 2h6c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1m8 6H1c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1 0-.56-.45-1-1-1m0-4H1c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1 0-.56-.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 12H1c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1m0 4H1c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1M1 6h9c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1m12 2H1c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1m6-4h-2V2c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V6h2c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const AddToArtifact: 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="add-to-artifact" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M260 160H20C9 160 0 151 0 140S9 120 20 120H260C271 120 280 129 280 140S271 160 260 160M260 80H20C9 80 0 71 0 60S9 40 20 40H260C271 40 280 49 280 60S271 80 260 80M20 280H200C211 280 220 289 220 300S211 320 200 320H20C9 320 0 311 0 300S9 280 20 280M260 240H20C9 240 0 231 0 220S9 200 20 200H260C271 200 280 209 280 220S271 240 260 240M380 320H340V360C340 371 331 380 320 380S300 371 300 360V320H260C249 320 240 311 240 300S249 280 260 280H300V240C300 229 309 220 320 220S340 229 340 240V280H380C391 280 400 289 400 300S391 320 380 320" : "M280 239.8H260V259.8C260 270.8 251 279.8 240 279.8S220 270.8 220 259.8V239.8H200C189 239.8 180 230.8 180 219.8S189 199.8 200 199.8H220V179.8C220 168.8 229 159.8 240 159.8S260 168.8 260 179.8V199.8H280C291 199.8 300 208.8 300 219.8C300 231 291 239.8 280 239.8M20 199.8H140C151 199.8 160 208.8 160 219.8S151 239.8 140 239.8H20C9 239.8 0 230.8 0 219.8S9 199.8 20 199.8M180 79.8H20C9 79.8 0 70.8 0 59.8S9 39.8 20 39.8H180C191 39.8 200 48.8 200 59.8C200 71 191 79.8 180 79.8M180 159.8H20C9 159.8 0 150.8 0 139.8S9 119.8 20 119.8H180C191 119.8 200 128.8 200 139.8C200 151 191 159.8 180 159.8"}
-                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>
-   );
+    );
 });
 AddToArtifact.displayName = `Blueprint6.Icon.AddToArtifact`;
 export default AddToArtifact;

package/src/generated/components/add-to-folder.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M.01 7V5H16v7c0 .55-.45 1-1 1H9.005v-2.99C8.974 8.332 7.644 7 5.996 7zM15 2H7.416L5.706.29a1 1 0 0 0-.71-.29H1C.45 0 0 .45 0 1v3h15.99V3c.01-.55-.44-1-.99-1M5.997 9H2c-.55 0-1 .45-1 1s.45 1 1 1h1.589L.3 14.29a1.003 1.003 0 0 0 1.42 1.42l3.287-3.29v1.59c0 .55.45 1 1 1 .549 0 .999-.45.999-1v-4A1.02 1.02 0 0 0 5.996 9"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M.01 10V6H20v10c0 .55-.45 1-1 1H9.995v-3.99C9.965 11.332 8.635 10 6.987 10zM19 3c.55 0 1 .45.99 1v1H0V2c0-.55.45-1 1-1h5.997c.28 0 .53.11.71.29L9.414 3zM6.987 12c.55 0 .999.45 1.009 1.01v5c0 .55-.45 1-1 1s-.999-.45-.999-1v-2.59l-4.288 4.29a1.003 1.003 0 0 1-1.42-1.42L4.579 14h-2.59c-.55 0-1-.45-1-1s.45-1 1-1z"] as readonly string[];
+
 export const AddToFolder: 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="add-to-folder" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0.2 200V280H400V80C400 69 391 60 380 60H199.9V139.8C199.3 173.36 172.7 200 139.74 200zM380 340C391 340 400 331 399.8 320V300H0V360C0 371 9 380 20 380H139.94C145.54 380 150.54 377.8 154.14 374.2L188.28 340zM139.74 160C150.74 160 159.72 151 159.92 139.8V39.8000000000001C159.92 28.8 150.92 19.8000000000001 139.92 19.8000000000001S119.94 28.8 119.94 39.8000000000001V91.6L34.18 5.8000000000001A20.06 20.06 0 0 0 5.78 34.2L91.58 120H39.78C28.78 120 19.78 129 19.78 140S28.78 160 39.78 160z" : "M0.2 180V220H320V80C320 69 311 60 300 60H180.1V119.8C179.48 153.36 152.88 180 119.92 180zM300 280H148.32L114.12 314.2A20 20 0 0 1 99.92 320H20C9 320 0 311 0 300V240H319.8V260C320 271 311 280 300 280M119.94 140H40C29 140 20 131 20 120S29 100 40 100H71.78L6 34.2A20.06 20.06 0 0 1 34.4 5.8L100.14 71.6V39.8000000000001C100.14 28.8 109.14 19.8000000000001 120.14 19.8000000000001C131.12 19.8000000000001 140.12 28.8 140.12 39.8000000000001V119.8000000000001A20.4 20.4 0 0 1 119.92 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>
-   );
+    );
 });
 AddToFolder.displayName = `Blueprint6.Icon.AddToFolder`;
 export default AddToFolder;

package/src/generated/components/add.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.99 6.99h-2v-2c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1m-3-7c-4.42 0-8 3.58-8 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.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 0m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m5-9h-4V5c0-.55-.45-1-1-1s-1 .45-1 1v4H5c-.55 0-1 .45-1 1s.45 1 1 1h4v4c0 .55.45 1 1 1s1-.45 1-1v-4h4c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const Add: 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="add" 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 40M300 220H220V300C220 311 211 320 200 320S180 311 180 300V220H100C89 220 80 211 80 200S89 180 100 180H180V100C180 89 189 80 200 80S220 89 220 100V180H300C311 180 320 189 320 200S311 220 300 220" : "M219.8 180.2H179.8V220.2C179.8 231.2 170.8 240.2 159.8 240.2S139.8 231.2 139.8 220.2V180.2H99.8C88.8 180.2 79.8 171.2 79.8 160.2S88.8 140.2 99.8 140.2H139.8V100.2C139.8 89.2 148.8 80.2 159.8 80.2S179.8 89.2 179.8 100.2V140.2H219.8C230.8 140.2 239.8 149.2 239.8 160.2S230.8 180.2 219.8 180.2M159.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.2M159.8 40.2C93.6 40.2 39.8 94 39.8 160.2S93.6 280.2 159.8 280.2S279.8 226.4 279.8 160.2S226.2 40.2 159.8 40.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>
-   );
+    );
 });
 Add.displayName = `Blueprint6.Icon.Add`;
 export default Add;

package/src/generated/components/aimpoints-target.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M2.1 9.101a4 4 0 0 0-1.828.974A8 8 0 0 1 10.075.272 4 4 0 0 0 9.1 2.1a6 6 0 0 0-7 7M14 8a6 6 0 0 0-.1-1.101 4 4 0 0 0 1.828-.974 8 8 0 0 1-9.803 9.803A4 4 0 0 0 6.9 13.9q.535.1 1.1.1a6 6 0 0 0 6-6M8 3a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1m1 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1M3 8a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1m4 2a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zm-2 3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M2.296 12.163a4.5 4.5 0 0 0-1.792.98A10 10 0 0 1 0 10C0 4.477 4.477 0 10 0a10 10 0 0 1 3.143.504 4.5 4.5 0 0 0-.98 1.792 8 8 0 0 0-9.867 9.867M18 10c0-.75-.103-1.475-.296-2.163a4.5 4.5 0 0 0 1.792-.98c.327.99.504 2.046.504 3.143 0 5.523-4.477 10-10 10a10 10 0 0 1-3.142-.504 4.5 4.5 0 0 0 .98-1.792A8 8 0 0 0 18 10m1-6.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m-13 13a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M10 4a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0V5a1 1 0 0 0-1-1m1 6a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1m-7 0a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2H5a1 1 0 0 1-1-1m5 2a1 1 0 0 1 2 0v3a1 1 0 0 1-2 0z"] as readonly string[];
+
 export const AimpointsTarget: 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="aimpoints-target" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M45.92 156.74A90 90 0 0 1 10.08 137.14A200 200 0 0 0 0 200C0 310.46 89.54 400 200 400A200 200 0 0 0 262.86 389.92A90 90 0 0 1 243.26 354.08A160 160 0 0 1 45.92 156.74M360 200C360 215 357.94 229.5 354.0800000000001 243.26A90 90 0 0 1 389.9200000000001 262.86C396.4600000000001 243.06 400.0000000000001 221.94 400.0000000000001 200C400.0000000000001 89.54 310.4600000000001 0 200.0000000000001 0A200 200 0 0 0 137.1600000000001 10.08A90 90 0 0 1 156.7600000000001 45.9200000000001A160 160 0 0 1 360 200M380 330A50 50 0 1 0 280 330A50 50 0 0 0 380 330M120 70A50 50 0 1 0 20 70A50 50 0 0 0 120 70M200 320A20 20 0 0 1 180 300V240A20 20 0 0 1 220 240V300A20 20 0 0 1 200 320M220 200A20 20 0 0 0 240 220H300A20 20 0 0 0 300 180H240A20 20 0 0 0 220 200M80 200A20 20 0 0 0 100 220H160A20 20 0 0 0 160 180H100A20 20 0 0 0 80 200M180 160A20 20 0 0 0 220 160V100A20 20 0 0 0 180 100z" : "M42 137.98A80 80 0 0 1 5.44 118.5A160 160 0 0 0 201.5 314.56A80 80 0 0 1 182 278A120 120 0 0 1 42 138M280 160A120 120 0 0 1 278 182.02A80 80 0 0 1 314.56 201.5A160 160 0 0 0 118.5 5.4399999999999A80 80 0 0 1 138 42Q148.7 40 160 40A120 120 0 0 1 280 160M160 260A20 20 0 0 1 140 240V200A20 20 0 0 1 180 200V240A20 20 0 0 1 160 260M180 160A20 20 0 0 0 200 180H240A20 20 0 0 0 240 140H200A20 20 0 0 0 180 160M60 160A20 20 0 0 0 80 180H120A20 20 0 0 0 120 140H80A20 20 0 0 0 60 160M140 120A20 20 0 0 0 180 120V80A20 20 0 0 0 140 80zM100 60A40 40 0 1 0 20 60A40 40 0 0 0 100 60M260 220A40 40 0 1 1 260 300A40 40 0 0 1 260 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>
-   );
+    );
 });
 AimpointsTarget.displayName = `Blueprint6.Icon.AimpointsTarget`;
 export default AimpointsTarget;

package/src/generated/components/airplane.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.5A1.498 1.498 0 0 0 13.44.44L9.91 3.97 2 1 1 3l5.93 3.95L3.88 10H1l-1 1 3 2 2 3 1-1v-2.88l3.05-3.05L13 15l2-1-2.97-7.91 3.53-3.53c.27-.27.44-.65.44-1.06"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M20 2c0-1.1-.9-2-2-2-.55 0-1.05.22-1.41.59l-4.84 4.84L2 1 1 3l7.53 5.64L4.17 13H1l-1 1 4 2 2 4 1-1v-3.17l4.36-4.36L17 19l2-1-4.43-9.74 4.84-4.84c.37-.37.59-.87.59-1.42"] as readonly string[];
+
 export const Airplane: 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="airplane" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M400 360C400 382 382 400 360 400C349 400 339 395.6 331.8 388.2L235 291.4L40 380L20 340L170.6 227.2L83.4 140H20L0 120L80 80L120 0L140 20V83.4L227.2 170.6L340 20L380 40L291.4 234.8L388.2 331.6C395.6 339 400 349 400 360" : "M320 290A29.96 29.96 0 0 1 268.8 311.2L198.2 240.6L40 300L20 260L138.6 181L77.6 120H20L0 100L60 60L100 0L120 20V77.6L181 138.6L260 20L300 40L240.6 198.2L311.2 268.8C316.6 274.2 320 281.8 320 290"}
-                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>
-   );
+    );
 });
 Airplane.displayName = `Blueprint6.Icon.Airplane`;
 export default Airplane;

package/src/generated/components/align-center.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 4c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1zM1 3h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1m13 10H2c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1m1-6H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1m-5 5c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1s.45 1 1 1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M5 5c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zM1 3h18c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1m12 12c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1zm4 2H3c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1m2-8H1c-.55 0-1 .45-1 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const AlignCenter: 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="align-center" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M100 300C89 300 80 291 80 280S89 260 100 260H300C311 260 320 269 320 280S311 300 300 300zM20 340H380C391 340 400 349 400 360S391 380 380 380H20C9 380 0 371 0 360S9 340 20 340M260 100C271 100 280 109 280 120S271 140 260 140H140C129 140 120 131 120 120S129 100 140 100zM340 60H60C49 60 40 51 40 40S49 20 60 20H340C351 20 360 29 360 40S351 60 340 60M380 220H20C9 220 0 211 0 200S9 180 20 180H380C391 180 400 189 400 200S391 220 380 220" : "M80 240C69 240 60 231 60 220S69 200 80 200H240C251 200 260 209 260 220S251 240 240 240zM20 260H300C311 260 320 269 320 280S311 300 300 300H20C9 300 0 291 0 280S9 260 20 260M280 60H40C29 60 20 51 20 40S29 20 40 20H280C291 20 300 29 300 40S291 60 280 60M300 180H20C9 180 0 171 0 160S9 140 20 140H300C311 140 320 149 320 160S311 180 300 180M200 80C211 80 220 89 220 100S211 120 200 120H120C109 120 100 111 100 100S109 80 120 80z"}
-                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>
-   );
+    );
 });
 AlignCenter.displayName = `Blueprint6.Icon.AlignCenter`;
 export default AlignCenter;

package/src/generated/components/align-justify.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 12.98H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1m-14-10h14c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1 0 .56.45 1 1 1m14 4H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1m0-3H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1m0 6H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M1 3h18c.55 0 1-.45 1-1s-.45-1-1-1H1c-.55 0-1 .45-1 1s.45 1 1 1m18 14H1c-.55 0-1 .45-1 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1m0-12H1c-.55 0-1 .45-1 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1m0 4H1c-.55 0-1 .45-1 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1m0 4H1c-.55 0-1 .45-1 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const AlignJustify: 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="align-justify" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M20 340H380C391 340 400 349 400 360S391 380 380 380H20C9 380 0 371 0 360S9 340 20 340M380 60H20C9 60 0 51 0 40S9 20 20 20H380C391 20 400 29 400 40S391 60 380 60M380 300H20C9 300 0 291 0 280S9 260 20 260H380C391 260 400 269 400 280S391 300 380 300M380 220H20C9 220 0 211 0 200S9 180 20 180H380C391 180 400 189 400 200S391 220 380 220M380 140H20C9 140 0 131 0 120S9 100 20 100H380C391 100 400 109 400 120S391 140 380 140" : "M300 60.4H20C9 60.4 0 51.4 0 40.4S9 20.4 20 20.4H300C311 20.4 320 29.4 320 40.4S311 60.4 300 60.4M20 260.4H300C311 260.4 320 269.4 320 280.4S311 300.4 300 300.4H20C9 300.4 0 291.4 0 280.4C0 269.2 9 260.4 20 260.4M300 180.4H20C9 180.4 0 171.4 0 160.4S9 140.4 20 140.4H300C311 140.4 320 149.4 320 160.4S311 180.4 300 180.4M300 240.4H20C9 240.4 0 231.4 0 220.4S9 200.4 20 200.4H300C311 200.4 320 209.4 320 220.4S311 240.4 300 240.4M300 120.4H20C9 120.4 0 111.4 0 100.4S9 80.4 20 80.4H300C311 80.4 320 89.4 320 100.4S311 120.4 300 120.4"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 AlignJustify.displayName = `Blueprint6.Icon.AlignJustify`;
 export default AlignJustify;