@blueprintjs/icons 6.9.0 → 6.9.1

package/src/generated/components/alignment-horizontal-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 = ["M15 7h-1V6c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v1H7V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v4H1c-.55 0-1 .45-1 1s.45 1 1 1h1v4c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V9h2v1c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V9h1c.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 = ["M19 9h-2V7c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v2H9V3c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v6H1c-.55 0-1 .45-1 1s.45 1 1 1h2v6c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-6h2v2c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const AlignmentHorizontalCenter: 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="alignment-horizontal-center" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 220H340V260C340 271 331 280 320 280H240C229 280 220 271 220 260V220H180V340C180 351 171 360 160 360H80C69 360 60 351 60 340V220H20C9 220 0 211 0 200S9 180 20 180H60V60C60 49 69 40 80 40H160C171 40 180 49 180 60V180H220V140C220 129 229 120 240 120H320C331 120 340 129 340 140V180H380C391 180 400 189 400 200S391 220 380 220" : "M300 180H280V200C280 211 271 220 260 220H200C189 220 180 211 180 200V180H140V260C140 271 131 280 120 280H60C49 280 40 271 40 260V180H20C9 180 0 171 0 160S9 140 20 140H40V60C40 49 49 40 60 40H120C131 40 140 49 140 60V140H180V120C180 109 189 100 200 100H260C271 100 280 109 280 120V140H300C311 140 320 149 320 160S311 180 300 180"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 AlignmentHorizontalCenter.displayName = `Blueprint6.Icon.AlignmentHorizontalCenter`;
 export default AlignmentHorizontalCenter;

package/src/generated/components/alignment-left.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M9 9H5c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1M1 0C.45 0 0 .45 0 1v14c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1m13 2H5c-.55 0-1 .45-1 1v3c0 .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 = ["M1 0C.45 0 0 .45 0 1v18c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1m11 11H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h7c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1m7-8H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const AlignmentLeft: 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="alignment-left" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M20 400C9 400 0 391 0 380V20C0 9 9 0 20 0S40 9 40 20V380C40 391 31 400 20 400M240 180H100C89 180 80 171 80 160V80C80 69 89 60 100 60H240C251 60 260 69 260 80V160C260 171 251 180 240 180M380 340H100C89 340 80 331 80 320V240C80 229 89 220 100 220H380C391 220 400 229 400 240V320C400 331 391 340 380 340" : "M180 140H100C89 140 80 131 80 120V60C80 49 89 40 100 40H180C191 40 200 49 200 60V120C200 131 191 140 180 140M20 320C9 320 0 311 0 300V20C0 9 9 0 20 0S40 9 40 20V300C40 311 31 320 20 320M280 280H100C89 280 80 271 80 260V200C80 189 89 180 100 180H280C291 180 300 189 300 200V260C300 271 291 280 280 280"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 AlignmentLeft.displayName = `Blueprint6.Icon.AlignmentLeft`;
 export default AlignmentLeft;

package/src/generated/components/alignment-right.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M11 9H7c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m4-9c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1m-4 2H2c-.55 0-1 .45-1 1v3c0 .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 = ["M19 0c-.55 0-1 .45-1 1v18c0 .55.45 1 1 1s1-.45 1-1V1c0-.55-.45-1-1-1m-4 11H8c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h7c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1m0-8H1c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const AlignmentRight: 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="alignment-right" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400C369 400 360 391 360 380V20C360 9 369 0 380 0S400 9 400 20V380C400 391 391 400 380 400M300 180H160C149 180 140 171 140 160V80C140 69 149 60 160 60H300C311 60 320 69 320 80V160C320 171 311 180 300 180M300 340H20C9 340 0 331 0 320V240C0 229 9 220 20 220H300C311 220 320 229 320 240V320C320 331 311 340 300 340" : "M220 140H140C129 140 120 131 120 120V60C120 49 129 40 140 40H220C231 40 240 49 240 60V120C240 131 231 140 220 140M300 320C289 320 280 311 280 300V20C280 9 289 0 300 0S320 9 320 20V300C320 311 311 320 300 320M220 280H40C29 280 20 271 20 260V200C20 189 29 180 40 180H220C231 180 240 189 240 200V260C240 271 231 280 220 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>
-   );
+    );
 });
 AlignmentRight.displayName = `Blueprint6.Icon.AlignmentRight`;
 export default AlignmentRight;

package/src/generated/components/alignment-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 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1M6 4H3c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m7 0h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M8 4H4c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h4c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m11-4H1C.45 0 0 .45 0 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1m-3 4h-4c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h4c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1"] as readonly string[];
+
 export const AlignmentTop: 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="alignment-top" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M160 320H80C69 320 60 311 60 300V20C60 9 69 0 80 0H160C171 0 180 9 180 20V300C180 311 171 320 160 320M380 400H20C9 400 0 391 0 380S9 360 20 360H380C391 360 400 369 400 380S391 400 380 400M320 320H240C229 320 220 311 220 300V160C220 149 229 140 240 140H320C331 140 340 149 340 160V300C340 311 331 320 320 320" : "M300 320H20C9 320 0 311 0 300S9 280 20 280H300C311 280 320 289 320 300S311 320 300 320M120 240H60C49 240 40 231 40 220V40C40 29 49 20 60 20H120C131 20 140 29 140 40V220C140 231 131 240 120 240M260 240H200C189 240 180 231 180 220V140C180 129 189 120 200 120H260C271 120 280 129 280 140V220C280 231 271 240 260 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>
-   );
+    );
 });
 AlignmentTop.displayName = `Blueprint6.Icon.AlignmentTop`;
 export default AlignmentTop;

package/src/generated/components/alignment-vertical-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 = ["M13 2H9V1c0-.55-.45-1-1-1S7 .45 7 1v1H3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h4v2H6c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h1v1c0 .55.45 1 1 1s1-.45 1-1v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1H9V7h4c.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 = ["M17 3h-6V1c0-.55-.45-1-1-1S9 .45 9 1v2H3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h6v2H7c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1h-2V9h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const AlignmentVerticalCenter: 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="alignment-vertical-center" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M340 340H220V380C220 391 211 400 200 400S180 391 180 380V340H60C49 340 40 331 40 320V240C40 229 49 220 60 220H180V180H140C129 180 120 171 120 160V80C120 69 129 60 140 60H180V20C180 9 189 0 200 0S220 9 220 20V60H260C271 60 280 69 280 80V160C280 171 271 180 260 180H220V220H340C351 220 360 229 360 240V320C360 331 351 340 340 340" : "M260 280H180V300C180 311 171 320 160 320S140 311 140 300V280H60C49 280 40 271 40 260V200C40 189 49 180 60 180H140V140H120C109 140 100 131 100 120V60C100 49 109 40 120 40H140V20C140 9 149 0 160 0S180 9 180 20V40H200C211 40 220 49 220 60V120C220 131 211 140 200 140H180V180H260C271 180 280 189 280 200V260C280 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>
-   );
+    );
 });
 AlignmentVerticalCenter.displayName = `Blueprint6.Icon.AlignmentVerticalCenter`;
 export default AlignmentVerticalCenter;

package/src/generated/components/ammunition.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.126 1.1A5 5 0 0 1 4 5v8H0V5c0-1.517.69-2.952 1.874-3.9L2 1zm6 0A5 5 0 0 1 10 5v8H6V5c0-1.517.69-2.952 1.874-3.9L8 1zM16 5c0-1.517-.69-2.952-1.874-3.9L14 1l-.126.1A5 5 0 0 0 12 5v8h4zM4 15v-1H0v1zm6-1v1H6v-1zm6 1v-1h-4v1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M6 6v-.172C6 4.018 5.28 2.281 4 1a6.83 6.83 0 0 0-2 4.828V6zm0 12v1H2v-1zm0-1V7H2v10zm2 2v-1h4v1zm4-13.172V6H8v-.172c0-1.81.72-3.547 2-4.828 1.28 1.28 2 3.017 2 4.828M12 7v10H8V7zm2 11v1h4v-1zm4-12v-.172c0-1.81-.72-3.547-2-4.828a6.83 6.83 0 0 0-2 4.828V6zm0 11V7h-4v10z"] as readonly string[];
+
 export const Ammunition: 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="ammunition" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M120 280V283.44C120 319.64 105.6 354.38 80 380A136.6 136.6 0 0 1 40 283.44V280zM120 40V20H40V40zM120 60V260H40V60zM160 20V40H240V20zM240 283.44V280H160V283.44C160 319.64 174.4 354.38 200 380C225.6 354.4 240 319.6600000000001 240 283.44M240 260V60H160V260zM280 40V20H360V40zM360 280V283.44C360 319.64 345.6 354.38 320 380A136.6 136.6 0 0 1 280 283.44V280zM360 60V260H280V60z" : "M42.52 298A100 100 0 0 0 80 220V60H0V220C0 250.34 13.8 279.04 37.48 298L40 300zM162.52 298A100 100 0 0 0 200 220V60H120V220C120 250.34 133.8 279.04 157.48 298L160 300zM320 220C320 250.34 306.2 279.04 282.52 298L280 300L277.48 298A100 100 0 0 1 240 220V60H320zM80 20V40H0V20zM200 40V20H120V40zM320 20V40H240V20z"}
-                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>
-   );
+    );
 });
 Ammunition.displayName = `Blueprint6.Icon.Ammunition`;
 export default Ammunition;

package/src/generated/components/anchor.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 2a2 2 0 0 1-1 1.732V5h2v2H9v6.874a4 4 0 0 0 2.976-3.436l-.269.27a1 1 0 0 1-1.414-1.415l2-2a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1-1.414 1.414l-.306-.306a6 6 0 0 1-11.974 0l-.306.306A1 1 0 0 1 .293 9.293l2-2a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1-1.414 1.414l-.27-.27A4 4 0 0 0 7 13.875V7H5V5h2V3.732A2 2 0 1 1 10 2"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11 5.83a3.001 3.001 0 1 0-2 0V7H6v2h3v8.917a6 6 0 0 1-4.985-5.488l.278.278a1 1 0 0 0 1.414-1.414l-2-2a1 1 0 0 0-1.414 0l-2 2a1 1 0 1 0 1.414 1.414l.303-.303a8 8 0 0 0 15.98 0l.303.303a1 1 0 0 0 1.414-1.414l-2-2a1 1 0 0 0-1.414 0l-2 2a1 1 0 0 0 1.414 1.414l.278-.278A6 6 0 0 1 11 17.917V9h3V7h-3zM11 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0"] as readonly string[];
+
 export const Anchor: 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="anchor" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M220 283.4A60.02 60.02 0 1 1 180 283.4V260H120V220H180V41.66A120 120 0 0 0 80.3 151.42L85.86 145.86A20 20 0 0 1 114.14 174.1399999999999L74.14 214.1399999999999A20 20 0 0 1 45.86 214.1399999999999L5.86 174.1399999999999A20 20 0 1 1 34.14 145.86L40.2 151.92A160 160 0 0 1 359.8 151.92L365.86 145.86A20 20 0 0 1 394.14 174.1399999999999L354.14 214.1399999999999A20 20 0 0 1 325.86 214.1399999999999L285.86 174.1399999999999A20 20 0 0 1 314.14 145.86L319.7 151.42A120 120 0 0 0 220 41.66V220H280V260H220zM220 340A20 20 0 1 0 180 340A20 20 0 0 0 220 340" : "M200 280A40 40 0 0 0 180 245.36V220H220V180H180V42.52A80 80 0 0 1 239.52 111.24L234.14 105.84A20 20 0 0 0 205.86 134.14L245.86 174.14A20 20 0 0 0 274.14 174.14L314.14 134.14A20 20 0 0 0 285.86 105.86L279.74 111.98A120 120 0 0 0 40.26 111.98L34.14 105.86A20 20 0 0 0 5.86 134.14L45.86 174.14A20 20 0 0 0 74.14 174.14L114.14 134.14A20 20 0 0 0 85.86 105.86L80.46 111.26A80 80 0 0 1 140 42.5V180H100V220H140V245.36A40 40 0 1 0 200 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>
-   );
+    );
 });
 Anchor.displayName = `Blueprint6.Icon.Anchor`;
 export default Anchor;

package/src/generated/components/annotation.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.52 2.77c.3-.29.48-.7.48-1.15C16 .73 15.27 0 14.38 0c-.45 0-.85.18-1.15.48l-1.34 1.34 2.3 2.3zM7.4 10.9l6.21-6.21-2.3-2.3L5.1 8.6zM14 14H2V2h6.34l2-2H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V5.66l-2 2zM3 13l3.58-1.29-2.29-2.27z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m9.41 13.41 7.65-7.65-2.83-2.83-7.65 7.65zm10-10c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2-.55 0-1.05.22-1.41.59l-1.65 1.65 2.83 2.83zM18 18H2V2h8.93l2-2H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V7.07l-2 2zM4 16l4.41-1.59-2.81-2.79z"] as readonly string[];
+
 export const Annotation: 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="annotation" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M188.2 131.8L341.2000000000001 284.8L284.6 341.4L131.6 188.4zM388.2 331.8C395.6 339 400 349 400 360C400 382 382 400 360 400C349 400 339 395.6 331.8 388.2L298.8 355.2L355.4 298.6zM360 40H40V360H218.6L258.6 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H380C391 0 400 9 400 20V258.6L360 218.6zM80 80L168.2 111.8L112 167.6z" : "M310.4 264.6C316.4 270.4 320 278.6 320 287.6C320 305.4 305.4 320 287.6 320C278.6 320 270.6 316.4 264.6 310.4L237.8 283.6L283.8 237.6zM148 102L272.2 226.2L226.2 272.2L102 148zM280 40H40V280H166.8L206.8 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H300C311 0 320 9 320 20V206.8L280 166.8zM60 60L131.6 85.8L85.8 131.2z"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Annotation.displayName = `Blueprint6.Icon.Annotation`;
 export default Annotation;

package/src/generated/components/announcement.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 5c-.363-.017-4.16-.009-6.005-.003a1 1 0 0 0-.995 1V9a1 1 0 0 0 1 1h2v5.057c0 .53.413.946.943.946h.082a1 1 0 0 0 .996-1.004L5 10h2l3.228 3.924c.596.724 1.772.303 1.772-.636V1.762c0-.936-1.17-1.359-1.768-.64zm8 3c0 1.018-.616 2.046-1.457 2.67-.237.176-.543-.012-.543-.306V5.769c0-.296.31-.484.55-.312C14.384 6.055 15 6.991 15 8"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M8 6H2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2v5a1 1 0 1 0 2 0v-5h2l5.293 5.293c.63.63 1.707.184 1.707-.707V1.414c0-.89-1.077-1.337-1.707-.707zm8.537 7.752C18.068 12.946 19 11.538 19 10c0-1.527-.94-2.933-2.461-3.747-.25-.134-.539.058-.539.342v6.814c0 .283.286.475.537.343"] as readonly string[];
+
 export const Announcement: 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="announcement" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M160 280H40A20 20 0 0 1 20 260V160A20 20 0 0 1 40 140H80V40A20 20 0 1 1 120 40V140H160L265.86 34.14C278.46 21.54 300 30.46 300 48.28V371.7200000000001C300 389.52 278.46 398.46 265.86 385.86zM330.74 124.96C361.36 141.08 380 169.24 380 200C380 230.54 361.2 258.66 330.7800000000001 274.94C325.7800000000001 277.62 320 273.78 320 268.1V131.8200000000001C320 126.16 325.7200000000001 122.3200000000001 330.74 124.96" : "M140 220C132.74 220.34 56.8 220.18 19.9 220.06A20 20 0 0 1 0 200.06V140A20 20 0 0 1 20 120H60V18.86C60 8.26 68.26 -0.06 78.86 -0.06H80.5A20 20 0 0 1 100.42 20.02L100 120H140L204.56 41.52C216.48 27.04 240 35.46 240 54.24V284.76C240 303.48 216.6 311.94 204.64 297.56zM300 160C300 139.64 287.68 119.08 270.86 106.6C266.12 103.08 260 106.84 260 112.72V204.62C260 210.54 266.2 214.3 271 210.86C287.68 198.9 300 180.18 300 160"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Announcement.displayName = `Blueprint6.Icon.Announcement`;
 export default Announcement;

package/src/generated/components/antenna.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.673 10.758a1.4 1.4 0 0 1 .093.234c.127.442.012.932-.362 1.212-.441.332-1.075.246-1.349-.233a8 8 0 1 1 14.014-.225c-.259.488-.889.594-1.341.277-.382-.269-.513-.755-.4-1.2a1.3 1.3 0 0 1 .085-.238 6 6 0 1 0-10.74.173m2.464-1.862a1.8 1.8 0 0 1 .076.404c.03.415-.096.831-.43 1.078-.444.328-1.08.237-1.314-.264a5 5 0 0 1-.24-.62l-.004-.011a5 5 0 1 1 9.574-.08l-.003.011q-.095.32-.23.625c-.226.504-.861.606-1.31.285-.338-.241-.47-.654-.448-1.07a1.7 1.7 0 0 1 .07-.405 3 3 0 0 0-.216-2.233 3 3 0 0 0-5.525 2.28M8 7a1 1 0 0 1 1 1v3.586l2.707 2.707a1 1 0 0 1-1.414 1.414L8 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L7 11.586V8a1 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 = ["M2.01 10.758a8 8 0 0 0 1.01 3.204l.02.035q.05.087.084.178c.163.44.054.951-.33 1.239-.435.328-1.059.242-1.342-.224a10 10 0 0 1-.221-.383 10 10 0 1 1 17.48.106c-.269.474-.89.58-1.335.267-.392-.275-.518-.783-.37-1.228a1 1 0 0 1 .078-.18l.019-.036A8.026 8.026 0 1 0 2.01 10.758m4.272.772a1.5 1.5 0 0 1 .091.32c.07.425-.052.87-.402 1.128-.44.325-1.068.235-1.316-.252a6 6 0 1 1 10.734-.09c-.24.492-.867.593-1.312.275-.354-.253-.483-.695-.42-1.122a1.5 1.5 0 0 1 .085-.321 4.021 4.021 0 0 0-5.87-4.878 4.02 4.02 0 0 0-1.59 4.94m4.712 2.583A1 1 0 0 0 11 14v-4a1 1 0 1 0-2 0v4q0 .057.006.113l-3.753 4.223a1 1 0 0 0 1.494 1.328L10 16.005l3.252 3.66a1 1 0 1 0 1.495-1.33z"] as readonly string[];
+
 export const Antenna: 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="antenna" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M40.2 184.84A160 160 0 0 1 60.4 120.76L60.8 120.06Q61.8 118.32 62.48 116.5C65.74 107.7 63.56 97.48 55.88 91.72C47.18 85.16 34.7 86.8799999999999 29.04 96.2A200 200 0 0 0 24.62 103.86A200 200 0 1 0 374.22 101.74C368.8400000000001 92.2599999999999 356.42 90.14 347.52 96.4C339.68 101.9 337.16 112.06 340.12 120.96A20 20 0 0 0 341.68 124.56L342.0599999999999 125.28A160.52 160.52 0 1 1 40.2 184.84M125.64 169.4A30 30 0 0 0 127.46 163C128.86 154.5 126.42 145.6 119.42 140.44C110.62 133.94 98.06 135.74 93.1 145.48A120 120 0 1 0 307.78 147.28C302.98 137.44 290.44 135.42 281.54 141.78C274.4600000000001 146.84 271.88 155.68 273.14 164.22A30 30 0 0 0 274.8400000000001 170.64A80.42 80.42 0 0 1 157.44 268.2A80.4 80.4 0 0 1 125.64 169.4M219.88 117.74A20 20 0 0 1 220 120V200A20 20 0 1 1 180 200V120Q180 118.86 180.12 117.74L105.06 33.28A20 20 0 0 1 134.94 6.72L200 79.9L265.04 6.7A20 20 0 1 1 294.94 33.3z" : "M53.46 104.84A28 28 0 0 0 55.32 100.16C57.86 91.32 55.56 81.52 48.08 75.92C39.26 69.28 26.58 71 21.1 80.58A160 160 0 1 0 301.38 85.08C296.2 75.3200000000001 283.6 73.2000000000001 274.56 79.5400000000001C266.92 84.9200000000001 264.3 94.64 266.56 103.54A26 26 0 0 0 268.26 108.3A120 120 0 1 1 53.46 104.84M102.74 142.08A36 36 0 0 0 104.26 134C104.86 125.7000000000001 102.34 117.38 95.66 112.44C86.78 105.8800000000001 74.06 107.7000000000001 69.38 117.72A100 100 0 0 0 64.58 130.12L64.5 130.34A100 100 0 1 0 255.98 131.94L255.92 131.72Q254.02 125.32 251.32 119.22C246.8 109.14 234.1 107.1 225.12 113.52C218.36 118.34 215.72 126.6 216.16 134.92A34 34 0 0 0 217.56 143.02A60 60 0 0 1 213.24 187.68A60 60 0 0 1 102.74 142.08M160 180A20 20 0 0 0 180 160V88.28L234.14 34.14A20 20 0 0 0 205.86 5.86L160 51.72L114.14 5.86A20 20 0 0 0 85.86 34.14L140 88.28V160A20 20 0 0 0 160 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>
-   );
+    );
 });
 Antenna.displayName = `Blueprint6.Icon.Antenna`;
 export default Antenna;

package/src/generated/components/app-header.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 0a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zM6 4a1 1 0 0 0-1.993-.117L4 4v8a1 1 0 0 0 1.993.117L6 12V9h4v3a1 1 0 0 0 1.993.117L12 12V4a1 1 0 0 0-1.993-.117L10 4v3H6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 0a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zM8 6a1 1 0 0 0-1.993-.117L6 6v8a1 1 0 0 0 1.993.117L8 14v-3h4v3a1 1 0 0 0 1.993.117L14 14V6a1 1 0 0 0-1.993-.117L12 6v3H8z"] as readonly string[];
+
 export const AppHeader: 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="app-header" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400A20 20 0 0 0 400 380V20A20 20 0 0 0 380 0H20A20 20 0 0 0 0 20V380A20 20 0 0 0 20 400zM160 280A20 20 0 0 1 120.14 282.3400000000001L120 280V120A20 20 0 0 1 159.86 117.66L160 120V180H240V120A20 20 0 0 1 279.86 117.66L280 120V280A20 20 0 0 1 240.14 282.3400000000001L240 280V220H160z" : "M300 320A20 20 0 0 0 320 300V20A20 20 0 0 0 300 0H20A20 20 0 0 0 0 20V300A20 20 0 0 0 20 320zM120 240A20 20 0 0 1 80.14 242.34L80 240V80A20 20 0 0 1 119.86 77.66L120 80V140H200V80A20 20 0 0 1 239.86 77.66L240 80V240A20 20 0 0 1 200.14 242.34L200 240V180H120z"}
-                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>
-   );
+    );
 });
 AppHeader.displayName = `Blueprint6.Icon.AppHeader`;
 export default AppHeader;

package/src/generated/components/application.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M3.5 7h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5M15 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1m-1 12H2V5h12zM3.5 9h4c.28 0 .5-.22.5-.5S7.78 8 7.5 8h-4c-.28 0-.5.22-.5.5s.22.5.5.5m0 2h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3.5 9h9c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-9c-.28 0-.5.22-.5.5s.22.5.5.5m0 2h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5M19 1H1c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1m-1 16H2V6h16zM3.5 13h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5"] as readonly string[];
+
 export const Application: 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="application" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M70 220H250C255.6 220 260 224.4 260 230S255.6 240 250 240H70C64.4 240 60 235.6 60 230S64.4 220 70 220M70 180H170C175.6 180 180 184.4 180 190S175.6 200 170 200H70C64.4 200 60 195.6 60 190S64.4 180 70 180M380 380H20C9 380 0 371 0 360V40C0 29 9 20 20 20H380C391 20 400 29 400 40V360C400 371 391 380 380 380M360 60H40V280H360zM70 140H210C215.6 140 220 144.4 220 150S215.6 160 210 160H70C64.4 160 60 155.6 60 150S64.4 140 70 140" : "M70 180H210C215.6 180 220 184.4 220 190S215.6 200 210 200H70C64.4 200 60 195.6 60 190S64.4 180 70 180M300 300H20C9 300 0 291 0 280V40C0 29 9 20 20 20H300C311 20 320 29 320 40V280C320 291 311 300 300 300M280 60H40V220H280zM70 140H150C155.6 140 160 144.4 160 150S155.6 160 150 160H70C64.4 160 60 155.6 60 150S64.4 140 70 140M70 100H170C175.6 100 180 104.4 180 110S175.6 120 170 120H70C64.4 120 60 115.6 60 110S64.4 100 70 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>
-   );
+    );
 });
 Application.displayName = `Blueprint6.Icon.Application`;
 export default Application;

package/src/generated/components/applications.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M3.5 11h2c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-2c-.28 0-.5.22-.5.5s.22.5.5.5m0-2h5c.28 0 .5-.22.5-.5S8.78 8 8.5 8h-5c-.28 0-.5.22-.5.5s.22.5.5.5M11 4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 10H2V7h8zm5-14H5c-.55 0-1 .45-1 1v2h2V2h8v7h-1v2h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M3.5 13h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15 5H1c-.55 0-1 .45-1 1v13c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1m-1 13H2V8h12zM3.5 10h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5m0 2h3c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-3c-.28 0-.5.22-.5.5s.22.5.5.5m0 2h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5M19 0H5c-.55 0-1 .45-1 1v3h2V3h12v10h-1v2h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1"] as readonly string[];
+
 export const Applications: 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="applications" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 300H20C9 300 0 291 0 280V20C0 9 9 0 20 0H300C311 0 320 9 320 20V280C320 291 311 300 300 300M280 40H40V240H280zM70 200H210C215.6 200 220 204.4 220 210S215.6 220 210 220H70C64.4 220 60 215.6 60 210S64.4 200 70 200M70 160H130C135.6 160 140 164.4 140 170S135.6 180 130 180H70C64.4 180 60 175.6 60 170S64.4 160 70 160M70 120H170C175.6 120 180 124.4 180 130S175.6 140 170 140H70C64.4 140 60 135.6 60 130S64.4 120 70 120M380 400H100C89 400 80 391 80 380V320H120V340H360V140H340V100H380C391 100 400 109 400 120V380C400 391 391 400 380 400" : "M70 100H110C115.6 100 120 104.4 120 110S115.6 120 110 120H70C64.4 120 60 115.6 60 110S64.4 100 70 100M70 140H170C175.6 140 180 144.4 180 150S175.6 160 170 160H70C64.4 160 60 155.6 60 150S64.4 140 70 140M220 240H20C9 240 0 231 0 220V20C0 9 9 0 20 0H220C231 0 240 9 240 20V220C240 231 231 240 220 240M200 40H40V180H200zM300 320H100C89 320 80 311 80 300V260H120V280H280V140H260V100H300C311 100 320 109 320 120V300C320 311 311 320 300 320M70 60H130C135.6 60 140 64.4 140 70S135.6 80 130 80H70C64.4 80 60 75.6 60 70S64.4 60 70 60"}
-                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>
-   );
+    );
 });
 Applications.displayName = `Blueprint6.Icon.Applications`;
 export default Applications;

package/src/generated/components/archive.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.382 0a1 1 0 0 1 .894.553L16 4v11a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4L1.724.553A1 1 0 0 1 2.618 0zM8 6c-.55 0-1 .45-1 1v2.59l-.29-.29-.081-.076A.97.97 0 0 0 6 9a1.003 1.003 0 0 0-.71 1.71l2 2 .096.084c.168.13.38.206.614.206.28 0 .53-.11.71-.29l2-2 .084-.096A1.003 1.003 0 0 0 9.29 9.29l-.29.3V7l-.007-.116A1.004 1.004 0 0 0 8 6m5-4H3L2 4h12z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M16.434 0a1 1 0 0 1 .857.486L20 5v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5L2.709.486A1 1 0 0 1 3.566 0zM10 8c-.55 0-1 .45-1 1v4.58l-1.29-1.29-.081-.073A1 1 0 0 0 7 11.99a1.003 1.003 0 0 0-.71 1.71l3 3 .096.084c.168.13.38.206.614.206.28 0 .53-.11.71-.29l3-3 .084-.096a1.003 1.003 0 0 0-1.504-1.324L11 13.58V9l-.007-.116A1.004 1.004 0 0 0 10 8m6-6H4L2 5.002h16z"] as readonly string[];
+
 export const Archive: 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="archive" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M328.68 400A20 20 0 0 0 345.82 390.28L400 300V20A20 20 0 0 0 380 0H20A20 20 0 0 0 0 20V300L54.18 390.28A20 20 0 0 0 71.32 400zM200 240C189 240 180 231 180 220V128.4L154.2 154.2L152.58 155.66A20 20 0 0 1 140 160.2A20.06 20.06 0 0 1 125.8 126L185.8 66L187.72 64.3200000000001C191.08 61.72 195.32 60.2000000000001 200 60.2000000000001C205.6 60.2000000000001 210.6 62.4 214.2 66L274.2000000000001 126L275.88 127.92A20.06 20.06 0 0 1 245.8 154.4L220 128.4V220L219.86 222.32A20.08 20.08 0 0 1 200 240M320 360H80L40 299.9600000000001H360z" : "M267.64 320A20 20 0 0 0 285.52 308.94L320 240V20A20 20 0 0 0 300 0H20A20 20 0 0 0 0 20V240L34.48 308.94A20 20 0 0 0 52.36 320zM160 200C149 200 140 191 140 180V128.2L134.2 134L132.58 135.52A19.4 19.4 0 0 1 120 140A20.06 20.06 0 0 1 105.8 105.8L145.8 65.8L147.72 64.12C151.08 61.52 155.32 60 160 60C165.6 60 170.6 62.2 174.2 65.8L214.2 105.8L215.88 107.72A20.06 20.06 0 0 1 185.8 134.2L180 128.2V180L179.86 182.32A20.08 20.08 0 0 1 160 200M260 280H60L40 240H280z"}
-                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>
-   );
+    );
 });
 Archive.displayName = `Blueprint6.Icon.Archive`;
 export default Archive;

package/src/generated/components/area-of-interest.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 3.664C4 1.644 5.793 0 8 0s3.993 1.643 4 3.664C12 5.692 8 11 8 11S4 5.693 4 3.664M6 4a2 2 0 1 0 4.001-.001A2 2 0 0 0 6 4m7.504 6.269-2.68-1.609.021-.033c.34-.538.688-1.115 1-1.687l3.67 2.202a1 1 0 0 1 .266 1.483l-4 5A1 1 0 0 1 11 16H5a1 1 0 0 1-.78-.376l-4-5a1 1 0 0 1 .266-1.482l3.67-2.202a31 31 0 0 0 .999 1.687l.021.033-2.68 1.609 2.985 3.73h5.038z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M5 4.664C5 2.09 7.241 0 10 0s4.99 2.091 5 4.664C15 7.245 10 14 10 14S5 7.245 5 4.664M8 5a2 2 0 1 0 4.001-.001A2 2 0 0 0 8 5M.504 12.132l4.302-2.458c.322.576.662 1.145.995 1.681l.025.04-3.294 1.881L6.468 18h7.064l3.936-4.724-3.293-1.882.024-.039c.333-.536.673-1.105.995-1.681l4.302 2.458a1 1 0 0 1 .272 1.508l-5 6A1 1 0 0 1 14 20H6a1 1 0 0 1-.768-.36l-5-6a1 1 0 0 1 .272-1.508"] as readonly string[];
+
 export const AreaOfInterest: 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="area-of-interest" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M100 306.7200000000001C100 358.2 144.82 400 200 400S299.8 358.18 300 306.7200000000001C300 255.1 200 120 200 120S100 255.1 100 306.7200000000001M160 300A40 40 0 1 1 240.0200000000001 300.02A40 40 0 0 1 160 300M10.08 157.36L96.12 206.52C102.56 195 109.36 183.62 116.02 172.9L116.52 172.1L50.64 134.48L129.36 40H270.64L349.36 134.48L283.5 172.12L283.98 172.9C290.64 183.62 297.44 195 303.88 206.52L389.92 157.36A20 20 0 0 0 395.36 127.2L295.36 7.2A20 20 0 0 0 280 0H120A20 20 0 0 0 104.64 7.2L4.64 127.2A20 20 0 0 0 10.08 157.36" : "M80 246.72C80 287.12 115.86 320 160 320S239.86 287.14 240 246.72C240 206.16 160 100 160 100S80 206.14 80 246.72M120 240A40 40 0 1 1 200.0200000000001 240.02A40 40 0 0 1 120 240M270.08 114.62L216.48 146.8L216.9 147.46C223.7 158.22 230.6600000000001 169.76 236.9 181.2L310.3 137.16A20 20 0 0 0 315.62 107.5L235.62 7.5A20 20 0 0 0 220 0H100A20 20 0 0 0 84.4 7.52L4.4 107.52A20 20 0 0 0 9.72 137.16L83.12 181.2A620 620 0 0 1 103.1 147.46L103.52 146.8L49.92 114.62L109.62 40.02H210.38z"}
-                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>
-   );
+    );
 });
 AreaOfInterest.displayName = `Blueprint6.Icon.AreaOfInterest`;
 export default AreaOfInterest;

package/src/generated/components/array-boolean.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 0a1 1 0 0 1 .993.883L16 1v14a1 1 0 0 1-.883.993L15 16h-3a1 1 0 0 1-.117-1.993L12 14h2V2h-2a1 1 0 0 1-.993-.883L11 1a1 1 0 0 1 .883-.993L12 0zM4 0a1 1 0 0 1 .117 1.993L4 2H2v12h2a1 1 0 0 1 .993.883L5 15a1 1 0 0 1-.883.993L4 16H1a1 1 0 0 1-.993-.883L0 15V1A1 1 0 0 1 .883.007L1 0zm7 6a1 1 0 0 1 .993.883L12 7v2a1 1 0 0 1-.883.993L11 10H5a1 1 0 0 1-.993-.883L4 9V7a1 1 0 0 1 .883-.993L5 6zm0 1H8v2h3z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 0a1 1 0 0 1 .993.883L20 1v18a1 1 0 0 1-.883.993L19 20h-4a1 1 0 0 1-.117-1.993L15 18h3V2h-3a1 1 0 0 1-.993-.883L14 1a1 1 0 0 1 .883-.993L15 0zM5 0a1 1 0 0 1 .117 1.993L5 2H2v16h3a1 1 0 0 1 .993.883L6 19a1 1 0 0 1-.883.993L5 20H1a1 1 0 0 1-.993-.883L0 19V1A1 1 0 0 1 .883.007L1 0zm10 7a1 1 0 0 1 .993.883L16 8v4a1 1 0 0 1-.883.993L15 13H5a1 1 0 0 1-.993-.883L4 12V8a1 1 0 0 1 .883-.993L5 7zm0 1h-5v4h5z"] as readonly string[];
+
 export const ArrayBoolean: 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="array-boolean" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400A20 20 0 0 0 399.86 382.34L400 380V20A20 20 0 0 0 382.3400000000001 0.14L380 0H300A20 20 0 0 0 297.66 39.86L300 40H360V360H300A20 20 0 0 0 280.14 377.6600000000001L280 380A20 20 0 0 0 297.66 399.86L300 400zM100 400A20 20 0 0 0 102.34 360.14L100 360H40V40H100A20 20 0 0 0 119.86 22.34L120 20A20 20 0 0 0 102.34 0.14L100 0H20A20 20 0 0 0 0.14 17.66L0 20V380A20 20 0 0 0 17.66 399.86L20 400zM300 260A20 20 0 0 0 319.86 242.34L320 240V160A20 20 0 0 0 302.3400000000001 140.14L300 140H100A20 20 0 0 0 80.14 157.66L80 160V240A20 20 0 0 0 97.66 259.86L100 260zM300 240H200V160H300z" : "M300 320A20 20 0 0 0 319.86 302.34L320 300V20A20 20 0 0 0 302.3400000000001 0.14L300 0H240A20 20 0 0 0 237.66 39.86L240 40H280V280H240A20 20 0 0 0 220.14 297.6600000000001L220 300A20 20 0 0 0 237.66 319.86L240 320zM80 320A20 20 0 0 0 82.34 280.14L80 280H40V40H80A20 20 0 0 0 99.86 22.34L100 20A20 20 0 0 0 82.34 0.14L80 0H20A20 20 0 0 0 0.14 17.66L0 20V300A20 20 0 0 0 17.66 319.86L20 320zM220 200A20 20 0 0 0 239.86 182.34L240 180V140A20 20 0 0 0 222.34 120.14L220 120H100A20 20 0 0 0 80.14 137.66L80 140V180A20 20 0 0 0 97.66 199.86L100 200zM220 180H160V140H220z"}
-                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>
-   );
+    );
 });
 ArrayBoolean.displayName = `Blueprint6.Icon.ArrayBoolean`;
 export default ArrayBoolean;

package/src/generated/components/array-date.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 0a1 1 0 0 1 .993.883L16 1v14a1 1 0 0 1-.883.993L15 16h-3a1 1 0 0 1-.117-1.993L12 14h2V2h-2a1 1 0 0 1-.993-.883L11 1a1 1 0 0 1 .883-.993L12 0zM4 0a1 1 0 0 1 .117 1.993L4 2H2v12h2a1 1 0 0 1 .993.883L5 15a1 1 0 0 1-.883.993L4 16H1a1 1 0 0 1-.993-.883L0 15V1A1 1 0 0 1 .883.007L1 0zm6.5 4a.5.5 0 0 1 .5.5V5a1 1 0 0 1 .993.883L12 6v5a1 1 0 0 1-.883.993L11 12H5a1 1 0 0 1-.993-.883L4 11V6a1 1 0 0 1 .883-.993L5 5v-.5a.5.5 0 0 1 1 0V5h4v-.5a.5.5 0 0 1 .5-.5m.5 3H5v4h6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 0a1 1 0 0 1 .993.883L20 1v18a1 1 0 0 1-.883.993L19 20h-4a1 1 0 0 1-.117-1.993L15 18h3V2h-3a1 1 0 0 1-.993-.883L14 1a1 1 0 0 1 .883-.993L15 0zM5 0a1 1 0 0 1 .117 1.993L5 2H2v16h3a1 1 0 0 1 .993.883L6 19a1 1 0 0 1-.883.993L5 20H1a1 1 0 0 1-.993-.883L0 19V1A1 1 0 0 1 .883.007L1 0zm2.5 5a.5.5 0 0 1 .5.5V6h4v-.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V6h1a1 1 0 0 1 .993.883L16 7v7a1 1 0 0 1-.883.993L15 15H5a1 1 0 0 1-.993-.883L4 14V7a1 1 0 0 1 .883-.993L5 6h1v-.5a.5.5 0 0 1 .5-.5zM15 9H5v5h10z"] as readonly string[];
+
 export const ArrayDate: 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="array-date" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400A20 20 0 0 0 399.86 382.34L400 380V20A20 20 0 0 0 382.3400000000001 0.14L380 0H300A20 20 0 0 0 297.66 39.86L300 40H360V360H300A20 20 0 0 0 280.14 377.6600000000001L280 380A20 20 0 0 0 297.66 399.86L300 400zM100 400A20 20 0 0 0 102.34 360.14L100 360H40V40H100A20 20 0 0 0 119.86 22.34L120 20A20 20 0 0 0 102.34 0.14L100 0H20A20 20 0 0 0 0.14 17.66L0 20V380A20 20 0 0 0 17.66 399.86L20 400zM150 300A10 10 0 0 0 160 290V280H240V290A10 10 0 0 0 250 300H270A10 10 0 0 0 280 290V280H300A20 20 0 0 0 319.86 262.3400000000001L320 260V120A20 20 0 0 0 302.3400000000001 100.14L300 100H100A20 20 0 0 0 80.14 117.66L80 120V260A20 20 0 0 0 97.66 279.86L100 280H120V290A10 10 0 0 0 130 300zM300 220H100V120H300z" : "M300 320A20 20 0 0 0 319.86 302.34L320 300V20A20 20 0 0 0 302.3400000000001 0.14L300 0H240A20 20 0 0 0 237.66 39.86L240 40H280V280H240A20 20 0 0 0 220.14 297.6600000000001L220 300A20 20 0 0 0 237.66 319.86L240 320zM80 320A20 20 0 0 0 82.34 280.14L80 280H40V40H80A20 20 0 0 0 99.86 22.34L100 20A20 20 0 0 0 82.34 0.14L80 0H20A20 20 0 0 0 0.14 17.66L0 20V300A20 20 0 0 0 17.66 319.86L20 320zM210 240A10 10 0 0 0 220 230V220A20 20 0 0 0 239.86 202.34L240 200V100A20 20 0 0 0 222.34 80.14L220 80H100A20 20 0 0 0 80.14 97.66L80 100V200A20 20 0 0 0 97.66 219.86L100 220V230A10 10 0 0 0 120 230V220H200V230A10 10 0 0 0 210 240M220 180H100V100H220z"}
-                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>
-   );
+    );
 });
 ArrayDate.displayName = `Blueprint6.Icon.ArrayDate`;
 export default ArrayDate;