@blueprintjs/icons 6.9.0 → 6.10.0

package/src/generated/components/output.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 16c-4.41 0-8-3.582-8-8.005S3.59 0 8 0c.94 0 1.86.16 2.74.48.52.19.79.76.6 1.281s-.76.79-1.28.6a6.007 6.007 0 0 0-8.05 5.644 6.007 6.007 0 0 0 8.05 5.643.997.997 0 0 1 1.28.6 1 1 0 0 1-.6 1.282c-.88.32-1.8.47-2.74.47m7.71-8.705c.18.18.29.43.29.71s-.11.53-.29.71l-3 3.002a1.003 1.003 0 0 1-1.71-.71c0-.28.11-.53.3-.71l1.29-1.291H5c-.55 0-1-.45-1-1.001s.45-1 1-1h7.59l-1.3-1.291a1.003 1.003 0 0 1 1.42-1.42z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M0 10c0 5.51 4.49 10 10 10 1.17 0 2.32-.2 3.42-.6.52-.19.79-.76.6-1.28a1 1 0 0 0-1.28-.6c-.88.32-1.8.48-2.74.48-4.41 0-8-3.59-8-8s3.59-8 8-8c.94 0 1.86.16 2.74.48a1 1 0 0 0 1.28-.6 1 1 0 0 0-.6-1.28C12.32.2 11.17 0 10 0 4.49 0 0 4.49 0 10m19.71-.71-4-4a1.003 1.003 0 0 0-1.42 1.42L16.59 9H5a1 1 0 0 0 0 2h11.59l-2.29 2.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l4-4c.18-.18.29-.43.29-.71s-.11-.53-.29-.71"] as readonly string[];
+
 export const Output: 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="output" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0 200C0 89.8 89.8 0 200 0C223.4 0 246.4 4 268.4 12C278.8 15.8000000000001 284.2000000000001 27.2 280.4 37.6A20 20 0 0 1 254.8 49.6000000000001C237.2 43.2 218.8 40.0000000000001 200 40.0000000000001C111.8 40.0000000000001 40 111.8000000000001 40 200.0000000000001S111.8 360.0000000000001 200 360.0000000000001C218.8 360.0000000000001 237.2 356.8000000000001 254.8 350.4000000000001A20 20 0 0 1 280.4 362.4000000000001A20 20 0 0 1 268.4 388.0000000000001C246.4 396 223.4 400 200 400C89.8 400 0 310.2 0 200M394.2000000000001 214.2L314.2000000000001 294.2000000000001A20.06 20.06 0 0 1 285.8 265.8L331.8 220H100A20 20 0 0 1 100 180H331.8L286 134.2000000000001C282.2000000000001 130.6 280 125.6 280 120A20.06 20.06 0 0 1 314.2000000000001 105.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200S397.8 210.6 394.2000000000001 214.2" : "M160 0C71.8 0 0 71.64 0 160.1S71.8 320 160 320C178.8 320 197.2 316.8 214.8 310.4C225.2 306.6 230.6 295.2 226.8 284.78S211.6 268.98 201.2 272.78A120.14 120.14 0 0 1 40.2 159.9A120.14 120.14 0 0 1 201.2 47.04A19.94 19.94 0 0 0 226.8 35.04A20 20 0 0 0 214.8 9.4C197.2 3 178.8 0 160 0M314.2000000000001 174.1C317.8 170.5 320 165.5 320 159.9S317.8 149.3000000000001 314.2000000000001 145.7L254.2 85.66A20.06 20.06 0 0 0 220 99.86C220 105.46 222.2 110.46 226 114.0600000000001L251.8 139.8800000000001H100C89 139.8800000000001 80 148.8800000000001 80 159.9000000000001S89 179.9000000000001 100 179.9000000000001H251.8L225.8 205.7200000000001A20.06 20.06 0 0 0 254.2 234.1200000000001z"}
-                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>
-   );
+    );
 });
 Output.displayName = `Blueprint6.Icon.Output`;
 export default Output;

package/src/generated/components/package.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.8.15 5.1 2.6c.7.3 1.1 1 1.1 1.8v6.8c0 .8-.5 1.6-1.3 1.9l-6.9 2.6c-.5.2-1.1.2-1.6 0l-5.1-2.6c-.7-.3-1.1-1-1.1-1.8v-6.8c0-.8.5-1.6 1.3-1.9L8.2.15c.5-.2 1.1-.2 1.6 0M12 6.193V9.9l-2 .8V6.943l-2 .75v6.018l6-2.261V5.443z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m11.849.306 7.045 3.523A2 2 0 0 1 20 5.618v8.705a2 2 0 0 1-1.257 1.857l-8.955 3.582a2 2 0 0 1-1.637-.068L1.106 16.17A2 2 0 0 1 0 14.38V5.678A2 2 0 0 1 1.257 3.82L10.212.238a2 2 0 0 1 1.637.068M10 9.677v7.846l8-3.2V6.477l-3 1.2v5.159l-2 .793V8.477z"] as readonly string[];
+
 export const Package: 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="package" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M236.98 393.88L377.88 323.42A40 40 0 0 0 400 287.64V113.54A40 40 0 0 0 374.86 76.4L195.76 4.76A40 40 0 0 0 163.02 6.12L22.12 76.6A40 40 0 0 0 0 112.4V286.44A40 40 0 0 0 25.14 323.6L204.24 395.24A40 40 0 0 0 236.98 393.88M200 206.46V49.54L360 113.54V270.46L300 246.46V143.28L260 127.42V230.46z" : "M196 317L298 265C312 259 320 245 320 229V93C320 77 310 61 294 55L156 3C146 -1 134 -1 124 3L22 55C8 61 0 75 0 91V227C0 243 10 259 26 265L164 317C174 321 186 321 196 317M240 196.14V122L200 106V181.14L160 166.14V45.78L280 91V211.14z"}
-                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>
-   );
+    );
 });
 Package.displayName = `Blueprint6.Icon.Package`;
 export default Package;

package/src/generated/components/page-break.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 7H1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2m6 0H7a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2m6 0h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2m-1-7h-2v3H4V0H2v4c0 .55.45 1 1 1h10c.55 0 1-.45 1-1zM2 16h2v-3h8v3h2v-4c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M0 11V9h2a1 1 0 0 1 0 2zm20-2v2h-3a1 1 0 1 1 0-2zM5 9a1 1 0 0 0 0 2h3a1 1 0 1 0 0-2zm5 1a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1m7-10h-2v4H4V0H2v5c0 .55.45 1 1 1h13c.55 0 1-.45 1-1zM2 20h2v-4h11v4h2v-5c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1z"] as readonly string[];
+
 export const PageBreak: 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="page-break" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0 180V220H40A20 20 0 0 0 40 180zM400 220V180H340A20 20 0 1 0 340 220zM100 220A20 20 0 0 1 100 180H160A20 20 0 1 1 160 220zM200 200A20 20 0 0 0 220 220H280A20 20 0 1 0 280 180H220A20 20 0 0 0 200 200M340 400H300V320H80V400H40V300C40 289 49 280 60 280H320C331 280 340 289 340 300zM40 0H80V80H300V0H340V100C340 111 331 120 320 120H60C49 120 40 111 40 100z" : "M60 180H20A20 20 0 0 1 20 140H60A20 20 0 0 1 60 180M180 180H140A20 20 0 0 1 140 140H180A20 20 0 0 1 180 180M300 180H260A20 20 0 1 1 260 140H300A20 20 0 1 1 300 180M280 320H240V260H80V320H40V240C40 229 49 220 60 220H260C271 220 280 229 280 240zM40 0H80V60H240V0H280V80C280 91 271 100 260 100H60C49 100 40 91 40 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>
-   );
+    );
 });
 PageBreak.displayName = `Blueprint6.Icon.PageBreak`;
 export default PageBreak;

package/src/generated/components/page-layout.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 .95H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-12c0-.55-.45-1-1-1m-9 12H2v-6h4zm8 0H7v-6h7zm0-7H2v-3h12z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 1H1c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1M7 17H2V8h5zm11 0H8V8h10zm0-10H2V3h16z"] as readonly string[];
+
 export const PageLayout: 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="page-layout" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 380H20C9 380 0 371 0 360V40C0 29 9 20 20 20H380C391 20 400 29 400 40V360C400 371 391 380 380 380M140 60H40V240H140zM360 60H160V240H360zM360 260H40V340H360z" : "M300 301H20C9 301 0 292 0 281V41C0 30 9 21 20 21H300C311 21 320 30 320 41V281C320 292 311 301 300 301M120 61H40V181H120zM280 61H140V181H280zM280 201H40V261H280z"}
-                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>
-   );
+    );
 });
 PageLayout.displayName = `Blueprint6.Icon.PageLayout`;
 export default PageLayout;

package/src/generated/components/panel-stats.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 1c.6 0 1 .4 1 1v11c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1V2c0-.6.4-1 1-1zM2 3v9h6V3zm7 0v9h5V3zm4 8h-3v-1h3zm0-2h-3V8h3zm0-2h-3V6h3zm0-2h-3V4h3z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M1 1h18a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1m1 2v13h16V3zm9 0h1v13h-1zm2 7h3.952v1H13zm0 2h3.952v1H13zm0 2h3.952v1H13zm0-6h3.952v1H13zm0-2h3.952v1H13zm0-2h3.952v1H13z"] as readonly string[];
+
 export const PanelStats: 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="panel-stats" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M20 380H380A20 20 0 0 0 400 360V60A20 20 0 0 0 380 40H20A20 20 0 0 0 0 60V360A20 20 0 0 0 20 380M40 340V80H360V340zM220 340H240V80H220zM260 200H339.04V180H260zM260 160H339.04V140H260zM260 120H339.04V100H260zM260 240H339.04V220H260zM260 280H339.04V260H260zM260 320H339.04V300H260z" : "M300 300C312 300 320 292 320 280V60C320 48 312 40 300 40H20C8 40 0 48 0 60V280C0 292 8 300 20 300zM40 260V80H160V260zM180 260V80H280V260zM260 100H200V120H260zM260 140H200V160H260zM260 180H200V200H260zM260 220H200V240H260z"}
-                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>
-   );
+    );
 });
 PanelStats.displayName = `Blueprint6.Icon.PanelStats`;
 export default PanelStats;

package/src/generated/components/panel-table.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 1H1c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1M8 9H6V7h2zm0-3H6V4h2zm-6 6V3h3v9zm4 0v-2h2v2zm8 0H9v-2h5zm0-3H9V7h5zm0-3H9V4h5z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 1H1c-.6 0-1 .4-1 1v15c0 .6.4 1 1 1h18c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1m-9 11H7V9h3zm0-4H7V5h3zm-8 8V3h4v13zm5 0v-3h3v3zm11 0h-7v-3h7zm0-4h-7V9h7zm0-4h-7V5h7z"] as readonly string[];
+
 export const PanelTable: 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="panel-table" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 380H20C8 380 0 372 0 360V60C0 48 8 40 20 40H380C392 40 400 48 400 60V360C400 372 392 380 380 380M200 160H140V220H200zM200 240H140V300H200zM40 80V340H120V80zM140 80V140H200V80zM360 80H220V140H360zM360 160H220V220H360zM360 240H220V300H360z" : "M300 300H20C8 300 0 292 0 280V60C0 48 8 40 20 40H300C312 40 320 48 320 60V280C320 292 312 300 300 300M160 140H120V180H160zM160 200H120V240H160zM40 80V260H100V80zM120 80V120H160V80zM280 80H180V120H280zM280 140H180V180H280zM280 200H180V240H280z"}
-                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>
-   );
+    );
 });
 PanelTable.displayName = `Blueprint6.Icon.PanelTable`;
 export default PanelTable;

package/src/generated/components/panel.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 = ["M1 16h14c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1M2 2h12v12H2zm7 11h4V3H9z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11 17h6V3h-6zM1 20h18c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1H1C.45 0 0 .45 0 1v18c0 .55.45 1 1 1M2 2h16v16H2z"] as readonly string[];
+
 export const Panel: 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="panel" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M220 60H340V340H220zM20 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0M40 360H360V40H40z" : "M20 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0M40 280H280V40H40zM180 60H260V260H180z"}
-                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>
-   );
+    );
 });
 Panel.displayName = `Blueprint6.Icon.Panel`;
 export default Panel;

package/src/generated/components/paperclip.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.68 2.31A4.54 4.54 0 0 0 11.46.99c-1.15 0-2.31.44-3.19 1.32L.95 9.63c-.63.63-.95 1.46-.95 2.28a3.21 3.21 0 0 0 3.23 3.22c.83 0 1.66-.31 2.3-.95l7.31-7.32c.76-.77.76-1.98.01-2.73s-1.99-.76-2.75 0l-6.07 6.08c-.24.25-.24.65.01.9s.65.25.91.01l6.07-6.08c.25-.25.67-.25.91-.01.25.25.25.67 0 .92l-7.31 7.32c-.75.75-2.04.74-2.76.01-.75-.75-.73-2.02.01-2.76L9.2 3.21c1.24-1.24 3.35-1.26 4.58-.03 1.24 1.24 1.24 3.36 0 4.6l-7.12 7.13c-.24.25-.24.64.01.88.24.24.63.24.88.01v.01l7.13-7.13A4.4 4.4 0 0 0 16 5.51c0-1.16-.44-2.32-1.32-3.2"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18.35 2.67A5.66 5.66 0 0 0 14.33 1c-1.44 0-2.89.56-3.99 1.67l-9.16 9.27C.4 12.73 0 13.78 0 14.83s.39 2.1 1.18 2.9c.78.79 1.82 1.18 2.85 1.18 1.04 0 2.07-.39 2.87-1.2l9.14-9.27c.96-.96.96-2.5.02-3.45s-2.49-.96-3.44 0l-7.59 7.69c-.31.32-.3.83.01 1.14s.81.31 1.13.02l7.59-7.69c.31-.31.84-.31 1.13-.02.31.31.31.85 0 1.16l-9.14 9.27c-.93.95-2.54.93-3.45.02-.94-.95-.92-2.55.02-3.49l9.16-9.25c1.55-1.56 4.18-1.59 5.72-.03 1.56 1.57 1.55 4.26 0 5.82l-8.89 9.02c-.3.31-.3.81.01 1.11.3.3.79.31 1.1.01v.01l8.91-9.02A5.65 5.65 0 0 0 20 6.73c0-1.48-.55-2.94-1.65-4.06"] as readonly string[];
+
 export const Paperclip: 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="paperclip" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M367 346.6A113.2 113.2 0 0 1 286.6 380C257.8 380 228.8 368.8 206.8 346.6L23.6 161.2C8 145.4 0 124.4 0 103.4S7.8 61.4 23.6 45.4C39.2 29.6 60 21.8 80.6 21.8C101.4 21.8 122 29.6 138 45.8L320.8 231.2C340 250.4 340 281.2 321.2 300.2S271.4 319.4 252.4 300.2L100.6 146.4C94.4 140 94.6 129.8 100.8 123.6S117 117.4 123.4 123.2L275.2 277C281.4 283.2 292 283.2 297.8 277.4C304 271.2 304 260.4 297.8 254.2L114.9999999999999 68.8C96.3999999999999 49.8 64.1999999999999 50.1999999999999 45.9999999999999 68.4C27.1999999999999 87.4 27.5999999999999 119.4 46.3999999999999 138.2L229.6 323.2C260.6 354.4 313.2 355 343.9999999999999 323.8C375.1999999999999 292.4 375 238.6 343.9999999999999 207.4L166.1999999999999 26.9999999999999C160.1999999999999 20.8 160.1999999999999 10.8 166.3999999999999 4.8C172.3999999999999 -1.2 182.1999999999999 -1.4 188.3999999999999 4.5999999999999V4.3999999999999L366.5999999999999 184.7999999999999A113 113 0 0 1 400 265.4C400 295 389 324.2 367 346.6" : "M293.6 273.8A90.8 90.8 0 0 1 229.2 300.2C206.2 300.2 183 291.4 165.4 273.8L19 127.4C6.4 114.8 0 98.2 0 81.8A64.2 64.2 0 0 1 64.6 17.4C81.2 17.4 97.8 23.6 110.6 36.4L256.8 182.8C272 198.2 272 222.4 257 237.4S217.2 252.6 202 237.4L80.6 115.8C75.8 110.8 75.8 102.8 80.8 97.8S93.8 92.8 99 97.6L220.4 219.2C225.4 224.2 233.8 224.2 238.6 219.4C243.6 214.4 243.6 206 238.6 201L92.4 54.6C77.4 39.6 51.6 39.8 37.2 54.4C22.2 69.4 22.6 94.8 37.4 109.6L184 255.8C208.8 280.6 251 281 275.6 256.4C300.4 231.6 300.4 189.2 275.6 164.4L133.2 21.8C128.4 16.8 128.4 9 133.4 4.2C138.2 -0.6 146 -0.6 151 4V3.8L293.6 146.4A88 88 0 0 1 320 209.8C320 233 311.2 256.2 293.6 273.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>
-   );
+    );
 });
 Paperclip.displayName = `Blueprint6.Icon.Paperclip`;
 export default Paperclip;

package/src/generated/components/paragraph.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 1H6C3.8 1 2 2.8 2 5s1.8 4 4 4v5c0 .6.4 1 1 1s1-.5 1-1V3h2v11c0 .6.4 1 1 1s1-.5 1-1V3h1c.5 0 1-.4 1-1s-.4-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M16.5 1H7C4.2 1 2 3.2 2 6s2.2 5 5 5v6.5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V4h2v13.5c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V4h1.5c.8 0 1.5-.7 1.5-1.5S17.3 1 16.5 1"] as readonly string[];
+
 export const Paragraph: 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="paragraph" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M330 380H140C84 380 40 336 40 280S84 180 140 180V50C140 34 154 20 170 20S200 34 200 50V320H240V50C240 34 254 20 270 20S300 34 300 50V320H330C346 320 360 334 360 350S346 380 330 380" : "M260 300H120C76 300 40 264 40 220S76 140 120 140V40C120 28 128 20 140 20S160 30 160 40V260H200V40C200 28 208 20 220 20S240 30 240 40V260H260C270 260 280 268 280 280S272 300 260 300"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Paragraph.displayName = `Blueprint6.Icon.Paragraph`;
 export default Paragraph;

package/src/generated/components/paste-variable.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 2v1H5V2c0-.55.45-1 1-1h-.22c.34-.6.98-1 1.72-1s1.38.4 1.72 1H9c.55 0 1 .45 1 1m2 0c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h1v2h7V2zm-1.459 9.455-.225-.129c-.25.352-.434.567-.55.661a.5.5 0 0 1-.276.086c-.125 0-.25-.086-.376-.24-.208-.284-.492-1.048-.842-2.31.317-.557.575-.926.792-1.098a.77.77 0 0 1 .493-.189c.066 0 .183.026.358.069.167.051.326.068.45.068q.276.002.451-.188a.67.67 0 0 0 .184-.49c0-.214-.058-.386-.184-.506-.125-.129-.292-.189-.525-.189q-.3.002-.576.146c-.175.094-.409.309-.684.635-.209.24-.509.67-.918 1.27a5.9 5.9 0 0 0-.81-2.042l-2.16.377-.042.232c.159-.034.3-.051.41-.051.216 0 .391.094.533.283q.326.438.926 2.678c-.308.42-.525.695-.642.824-.192.206-.342.343-.467.403a.65.65 0 0 1-.326.078c-.092 0-.242-.052-.442-.155a1 1 0 0 0-.375-.094.7.7 0 0 0-.518.206.73.73 0 0 0-.2.523c0 .198.067.36.192.49.125.128.292.188.509.188q.31 0 .584-.128c.183-.086.409-.275.684-.558s.65-.739 1.135-1.365c.183.592.35 1.021.484 1.296.133.266.292.464.467.584s.392.18.659.18q.388 0 .776-.283c.334-.25.684-.661 1.051-1.262"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M12 1c.55 0 1 .45 1 1v2H6V2c0-.55.45-1 1-1h.78a1.98 1.98 0 0 1 3.44 0zm2 1h2c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h2v3h9zm-.069 12.492c-.387.531-.68.856-.857.983a.8.8 0 0 1-.44.118c-.199 0-.398-.118-.596-.364-.325-.412-.765-1.563-1.32-3.442.492-.836.9-1.387 1.246-1.643a1.25 1.25 0 0 1 .774-.285c.105 0 .293.039.555.108.272.069.502.108.712.108a.98.98 0 0 0 .711-.285q.283-.28.283-.738c0-.324-.094-.57-.283-.757s-.46-.285-.816-.285c-.314 0-.617.068-.9.216s-.638.463-1.068.954c-.324.364-.806 1.004-1.434 1.909A9.2 9.2 0 0 0 9.2 8l-3.389.58-.063.354a3.4 3.4 0 0 1 .638-.068 1.01 1.01 0 0 1 .838.423c.345.442.837 1.77 1.454 4.002-.492.63-.816 1.043-1.004 1.24-.293.315-.545.522-.733.61a1.05 1.05 0 0 1-.502.108c-.147 0-.377-.078-.702-.226a1.5 1.5 0 0 0-.596-.148 1.15 1.15 0 0 0-.817.315 1.04 1.04 0 0 0-.324.787.98.98 0 0 0 .293.738c.199.187.461.285.796.285a2.2 2.2 0 0 0 .91-.197c.283-.128.638-.413 1.067-.846.43-.432 1.026-1.111 1.78-2.045.293.885.543 1.534.753 1.937s.461.698.733.876q.41.265 1.036.265.597.001 1.225-.422c.565-.355 1.12-.984 1.685-1.88l-.346-.196"] as readonly string[];
+
 export const PasteVariable: 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="paste-variable" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M240 380C251 380 260 371 260 360V320H120V360C120 371 129 380 140 380H155.6A39.6 39.6 0 0 0 224.4 380zM280 360H320C331 360 340 351 340 340V20C340 9 331 0 320 0H60C49 0 40 9 40 20V340C40 351 49 360 60 360H100V300H280zM278.62 110.16C270.88 99.54 265.02 93.04 261.48 90.5A16 16 0 0 0 252.68 88.14C248.7 88.14 244.7200000000001 90.5 240.76 95.42C234.26 103.66 225.46 126.68 214.36 164.26C224.2 180.98 232.36 192 239.28 197.12A25 25 0 0 0 254.76 202.82C256.86 202.82 260.62 202.04 265.86 200.66C271.3 199.28 275.9 198.5 280.1 198.5A19.6 19.6 0 0 1 294.32 204.2Q299.98 209.8 299.98 218.96C299.98 225.44 298.1 230.36 294.32 234.1S285.12 239.8 278 239.8C271.72 239.8 265.66 238.44 260 235.48S247.24 226.22 238.64 216.4C232.16 209.12 222.52 196.32 209.96 178.22A184 184 0 0 1 184 240L116.22 228.4L114.96 221.32A68 68 0 0 0 127.72 222.68A20.2 20.2 0 0 0 144.48 214.22C151.38 205.38 161.22 178.82 173.56 134.18C163.72 121.58 157.24 113.32 153.48 109.38C147.62 103.08 142.5800000000001 98.94 138.82 97.18A21 21 0 0 0 128.78 95.02C125.84 95.02 121.2400000000001 96.58 114.7400000000001 99.54A30 30 0 0 1 102.82 102.5A23 23 0 0 1 86.48 96.2A20.8 20.8 0 0 1 80 80.46A19.6 19.6 0 0 1 85.86 65.7C89.84 61.96 95.08 60 101.7800000000001 60A44 44 0 0 1 119.9800000000001 63.94C125.6400000000001 66.5 132.7400000000001 72.2 141.3200000000001 80.86C149.9200000000001 89.5 161.84 103.08 176.9200000000001 121.76C182.78 104.06 187.78 91.08 191.9800000000001 83.02S201.2000000000001 69.06 206.6400000000001 65.5Q214.8400000000001 60.1999999999999 227.3600000000001 60.1999999999999Q239.3000000000001 60.18 251.8600000000001 68.64C263.1600000000001 75.74 274.26 88.32 285.5600000000001 106.24L278.6400000000001 110.16" : "M200 280V260H100V280C100 291 109 300 120 300H115.6C122.4 312 135.2 320 150 320S177.6 312 184.4 300H180C191 300 200 291 200 280M240 280C251 280 260 271 260 260V20C260 9 251 0 240 0H60C49 0 40 9 40 20V260C40 271 49 280 60 280H80V240H220V280zM210.82 90.9L206.32 93.48C201.32 86.44 197.6400000000001 82.14 195.32 80.26A10 10 0 0 0 189.8 78.54C187.3 78.54 184.8 80.26 182.28 83.34C178.12 89.02 172.44 104.3 165.44 129.54C171.78 140.68 176.94 148.06 181.28 151.5A15.4 15.4 0 0 0 191.14 155.28C192.46 155.28 194.8 154.76 198.3 153.9C201.64 152.88 204.82 152.54 207.3 152.54Q212.82 152.5 216.32 156.3A13.4 13.4 0 0 1 220 166.1C220 170.3800000000001 218.84 173.82 216.32 176.22C213.82 178.8 210.48 180 205.82 180Q199.82 179.96 194.3 177.0800000000001C190.8 175.2000000000001 186.12 170.9 180.62 164.3800000000001C176.44 159.5800000000001 170.44 150.98 162.26 138.98A118 118 0 0 1 146.06 179.82L102.86 172.28L102.02 167.6400000000001C105.2 168.32 108.02 168.66 110.22 168.66C114.54 168.66 118.04 166.78 120.88 163Q127.4 154.2400000000001 139.4 109.44C133.2400000000001 101.04 128.9 95.54 126.56 92.96C122.72 88.84 119.72 86.1 117.22 84.9A13 13 0 0 0 110.7000000000001 83.34C108.86 83.34 105.86 84.38 101.86 86.44A20 20 0 0 1 94.36 88.32A14 14 0 0 1 84 84.2A14.6 14.6 0 0 1 80 73.74C80 69.78 81.34 66.54 83.84 63.94C86.34 61.38 89.68 60.18 94.02 60.18Q100.22 60.18 105.7000000000001 62.74C109.36 64.46 113.8800000000001 68.24 119.3800000000001 73.9S132.3800000000001 88.68 142.0800000000001 101.2C145.7400000000001 89.36 149.0800000000001 80.78 151.7600000000001 75.28C154.4200000000001 69.96 157.6 66 161.1 63.6S168.94 60.0000000000001 174.28 60.0000000000001Q182.0400000000001 60.0000000000001 189.8000000000001 65.66C196.48 70.66 203.48 78.88 210.8200000000001 90.9"}
-                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>
-   );
+    );
 });
 PasteVariable.displayName = `Blueprint6.Icon.PasteVariable`;
 export default PasteVariable;

package/src/generated/components/path-search.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 14.62-4-2.4V9.77c-.32.09-.66.15-1 .18v2.27l-4 2.4V8.71c-.38-.31-.72-.66-1-1.06v6.97l-4-2.4V8c.55 0 1-.45 1-1s-.45-1-1-1V1.38l3.15 1.89c.08-.34.18-.66.32-.97L.76.07v.01A.5.5 0 0 0 .5 0C.22 0 0 .22 0 .5v12c0 .18.1.33.25.42v.01l5 3v-.01c.07.05.16.08.25.08s.18-.03.25-.08v.01l4.74-2.85 4.74 2.85v-.01c.09.05.18.08.27.08.28 0 .5-.22.5-.5v-3.78c-.3.17-.63.28-1 .28zM2 5c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1m6-1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1m7.75-.92-1.19-.72c.18.43.29.9.36 1.38l.08.04v3.39l1 1V3.5c0-.18-.1-.33-.25-.42M10 2c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1m3.3 4.89c.44-.7.7-1.51.7-2.39C14 2.01 11.99 0 9.5 0S5 2.01 5 4.5 7.01 9 9.5 9c.88 0 1.69-.26 2.39-.7l2.41 2.41c.17.18.42.29.7.29a1.003 1.003 0 0 0 .71-1.71zM9.5 8C7.57 8 6 6.43 6 4.5S7.57 1 9.5 1 13 2.57 13 4.5 11.43 8 9.5 8"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M4 7c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1m15 11.69-5-2.5v-3.63c-.32.11-.66.22-1 .29v3.32l-6 2.57v-7.25c-.36-.27-.69-.57-1-.9v8.1l-5-2.5V10c.55 0 1-.45 1-1s-.45-1-1-1V1.31l3.43 1.71c.11-.31.24-.62.39-.92L.72.05A.6.6 0 0 0 .5 0C.22 0 0 .22 0 .5v16c0 .2.12.36.28.44l6 3c.07.04.14.06.22.06.07 0 .14-.01.2-.04l6.79-2.91 5.79 2.9c.07.03.14.05.22.05.28 0 .5-.22.5-.5v-4.21c-.31.13-.64.21-1 .21zM10 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1m3-1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1m6.72-.94-1.43-.72c.2.43.36.89.48 1.36l.23.11V5.5c-.55 0-1 .45-1 1s.45 1 1 1v1.96l1 1V3.5c0-.2-.12-.36-.28-.44m-3.69 5.56c.14-.21.27-.42.38-.65.02-.04.04-.07.05-.11.11-.22.2-.45.28-.69v-.01c.07-.24.13-.48.17-.73l.03-.17c.04-.25.06-.5.06-.76C17 2.46 14.54 0 11.5 0S6 2.46 6 5.5 8.46 11 11.5 11c.26 0 .51-.02.76-.06l.17-.03c.25-.04.49-.1.73-.17h.01c.24-.08.47-.17.69-.28.04-.02.07-.03.11-.05.23-.11.44-.24.65-.38l.18.18 3.5 3.5c.17.18.42.29.7.29a1.003 1.003 0 0 0 .71-1.71zm-4.53.88c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4"] as readonly string[];
+
 export const PathSearch: 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="path-search" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M80 260C69 260 60 251 60 240S69 220 80 220S100 229 100 240S91 260 80 260M380 26.2L280 76.2000000000001V148.8C273.6 146.6 266.8 144.4 260 143.0000000000001V76.6L140 25.2V170.2000000000001C132.8 175.6 126.2 181.6 120 188.2000000000001V26.2L20 76.2000000000001V200C31 200 40 209 40 220S31 240 20 240V373.8L88.6 339.6C90.8 345.8 93.4 352 96.4 358L14.4 399A12 12 0 0 1 10 400C4.4 400 0 395.6 0 390V70C0 66 2.4 62.8 5.6 61.2L125.6 1.2C127 0.4 128.4 0 130 0C131.4 0 132.8 0.2 134 0.8L269.8 59L385.6 1C387 0.4 388.4000000000001 0 390 0C395.6 0 400 4.4 400 10V94.2000000000001C393.8 91.6 387.2 90 380 90zM200 300C189 300 180 291 180 280S189 260 200 260S220 269 220 280S211 300 200 300M260 320C249 320 240 311 240 300S249 280 260 280S280 289 280 300S271 320 260 320M394.4 338.8L365.8 353.2C369.8 344.6 373 335.4 375.4 326L380 323.8V290C369 290 360 281 360 270S369 250 380 250V210.8L400 190.8V330C400 334 397.6 337.2 394.4 338.8M320.6 227.6C323.4 231.8000000000001 326 236 328.2 240.6C328.5999999999999 241.4000000000001 328.9999999999999 242.0000000000001 329.2 242.8000000000001C331.3999999999999 247.2 333.2 251.8000000000001 334.8 256.6V256.8000000000001C336.2 261.6 337.4 266.4000000000001 338.2 271.4000000000001L338.8 274.8000000000001C339.6 279.8000000000001 340 284.8000000000001 340 290C340 350.8 290.8 400 230 400S120 350.8 120 290S169.2 180 230 180C235.2 180 240.2 180.4 245.2 181.2L248.6 181.8C253.6 182.6 258.4 183.8 263.2 185.2H263.4C268.2 186.8 272.8 188.6 277.2 190.8C278 191.2 278.6 191.4 279.4 191.8C284 194 288.2 196.6 292.4 199.4L296 195.8L366 125.8C369.4 122.2000000000001 374.4 120.0000000000001 380 120.0000000000001A20.06 20.06 0 0 1 394.2 154.2zM230 210C185.7999999999999 210 150 245.8 150 290S185.7999999999999 370 230 370S310 334.2 310 290S274.2 210 230 210" : "M300 27.6L220 75.6V124.6C213.6 122.8 206.8 121.6 200 121V75.6L120 27.6V145.8C112.4 152 105.6 159 100 167V27.6L20 75.6V160C31 160 40 169 40 180S31 200 20 200V292.4L83 254.6C84.6 261.4 86.6 267.8 89.4 274L15.2 318.6V318.4A10 10 0 0 1 10 320C4.4 320 0 315.6 0 310V70C0 66.4 2 63.4 5 61.6V61.4L105 1.4V1.6C106.4 0.6 108.2 0 110 0S113.6 0.6 115 1.6V1.4L209.8 58.4L304.6 1.4V1.6C306.4 0.6 308.2 0 310 0C315.6 0 320 4.4 320 10V85.6C314 82.2 307.4 80 300 80zM40 220C40 209 49 200 60 200S80 209 80 220S71 240 60 240S40 231 40 220M160 240C149 240 140 231 140 220S149 200 160 200S180 209 180 220S171 240 160 240M315 258.4L291.2 272.8C294.8 264.2 297 254.8 298.4 245.2L300 244.4V176.6L320 156.6V250C320 253.6 318 256.6 315 258.4M200 280C189 280 180 271 180 260S189 240 200 240S220 249 220 260S211 280 200 280M266 182.2C274.8 196.2 280 212.4 280 230C280 279.8 239.8 320 190 320S100 279.8 100 230S140.2 140 190 140C207.6 140 223.8 145.2 237.8 154L286 105.8C289.4000000000001 102.2 294.4000000000001 100 300 100A20.06 20.06 0 0 1 314.2000000000001 134.2zM190 160C151.4 160 120 191.4 120 230S151.4 300 190 300S260 268.6 260 230S228.6 160 190 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>
-   );
+    );
 });
 PathSearch.displayName = `Blueprint6.Icon.PathSearch`;
 export default PathSearch;

package/src/generated/components/path.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.5 0h-13C.67 0 0 .67 0 1.5S.67 3 1.5 3H7v3H3.5C2.67 6 2 6.67 2 7.5S2.67 9 3.5 9H7v3H5.5c-.83 0-1.5.67-1.5 1.5S4.67 15 5.5 15h5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5H9V9h3.5c.83 0 1.5-.67 1.5-1.5S13.33 6 12.5 6H9V3h5.5c.83 0 1.5-.67 1.5-1.5S15.33 0 14.5 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 0H2C.9 0 0 .9 0 2s.9 2 2 2h7v4H4c-1.1 0-2 .9-2 2s.9 2 2 2h5v4H6c-1.1 0-2 .9-2 2s.9 2 2 2h8c1.1 0 2-.9 2-2s-.9-2-2-2h-3v-4h5c1.1 0 2-.9 2-2s-.9-2-2-2h-5V4h7c1.1 0 2-.9 2-2s-.9-2-2-2"] as readonly string[];
+
 export const Path: 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="path" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 400H40C18 400 0 382 0 360S18 320 40 320H180V240H80C58 240 40 222 40 200S58 160 80 160H180V80H120C98 80 80 62 80 40S98 0 120 0H280C302 0 320 18 320 40S302 80 280 80H220V160H320C342 160 360 178 360 200S342 240 320 240H220V320H360C382 320 400 338 400 360S382 400 360 400" : "M290 320H30C13.4 320 0 306.6 0 290S13.4 260 30 260H140V200H70C53.4 200 40 186.6 40 170S53.4 140 70 140H140V80H110C93.4 80 80 66.6 80 50S93.4 20 110 20H210C226.6 20 240 33.4 240 50S226.6 80 210 80H180V140H250C266.6 140 280 153.4 280 170S266.6 200 250 200H180V260H290C306.6 260 320 273.4 320 290S306.6 320 290 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>
-   );
+    );
 });
 Path.displayName = `Blueprint6.Icon.Path`;
 export default Path;

package/src/generated/components/pause.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 3H4c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1m6 0h-2c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M7 3H4c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1m9 0h-3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h3c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const Pause: 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="pause" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M140 340H80C69 340 60 331 60 320V80C60 69 69 60 80 60H140C151 60 160 69 160 80V320C160 331 151 340 140 340M320 340H260C249 340 240 331 240 320V80C240 69 249 60 260 60H320C331 60 340 69 340 80V320C340 331 331 340 320 340" : "M120 260H80C69 260 60 251 60 240V80C60 69 69 60 80 60H120C131 60 140 69 140 80V240C140 251 131 260 120 260M240 260H200C189 260 180 251 180 240V80C180 69 189 60 200 60H240C251 60 260 69 260 80V240C260 251 251 260 240 260"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Pause.displayName = `Blueprint6.Icon.Pause`;
 export default Pause;

package/src/generated/components/people.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.69 13.98c-.05-.24-.14-.5-.25-.76-.36-.86-1.12-1.33-2.69-2-.14-.06-.59-.25-.6-.25-.21-.09-.36-.15-.5-.22.02-.1.02-.2.03-.31 0-.04.01-.08.01-.13-.07-.06-.13-.12-.19-.19q.33-.48.54-1.05c.02-.06.02-.06.03-.1.29-.23.48-.57.59-.96.16-.33.25-.73.21-1.16-.03-.4-.16-.76-.37-1.03-.02-.53-.07-1.13-.15-1.54-.01-.06-.02-.12-.03-.19.23-.06.48-.09.72-.09.49 0 1.05.16 1.44.46.38.29.67.7.8 1.17.03.1.05.21.07.31.07.37.11.94.11 1.33v.05c.14.06.27.21.29.51.02.25-.07.45-.13.54-.05.21-.16.44-.38.48q-.03.15-.09.3c0 .01-.01.03-.01.03-.17.44-.43.83-.75 1.11v.14c.03.35-.09.59.83 1 .93.41 2.32.84 2.6 1.5.29.66.17 1.04.17 1.04h-2.3zm-1.17-.38c.37.86.22 1.36.22 1.36H.06s-.14-.5.22-1.36 2.13-1.43 3.31-1.96c1.17-.54 1.05-.86 1.09-1.3 0-.05.01-.11.01-.17-.41-.35-.75-.86-.97-1.45v-.01s-.01-.01-.01-.02c-.04-.12-.09-.26-.12-.39-.28-.05-.44-.36-.5-.64-.06-.12-.19-.39-.16-.71.04-.41.21-.6.39-.68v-.06c0-.51.05-1.26.14-1.74.02-.13.05-.27.09-.4.17-.6.54-1.13 1.02-1.51.5-.39 1.21-.6 1.84-.6s1.34.21 1.84.6c.48.38.85.91 1.02 1.52.04.13.07.27.09.4.09.48.14 1.22.14 1.73v.07c.18.08.34.27.37.67.03.32-.09.59-.16.71-.06.28-.21.58-.48.63q-.045.195-.12.39c0 .01-.01.04-.01.04-.22.58-.55 1.08-.95 1.45v.18c.04.45-.12.77 1.06 1.3s2.95 1.09 3.31 1.95"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M16.94 17a5 5 0 0 0-.33-1.06c-.45-.97-1.37-1.52-3.24-2.3-.17-.07-.76-.31-.77-.32-.1-.04-.2-.08-.28-.12.05-.14.04-.29.06-.45 0-.05.01-.11.01-.16-.25-.21-.47-.48-.65-.79.22-.34.41-.71.56-1.12l.04-.11c-.01.02-.01.02-.02.08l.06-.15c.36-.26.6-.67.72-1.13.18-.37.29-.82.25-1.3-.05-.5-.21-.92-.47-1.22-.02-.53-.06-1.11-.12-1.59.38-.17.83-.26 1.24-.26.59 0 1.26.19 1.73.55.46.35.8.85.97 1.4.04.13.07.25.08.38.08.45.13 1.14.13 1.61v.07c.16.07.31.24.35.62.02.29-.09.55-.15.65-.05.26-.2.53-.46.59-.03.12-.07.25-.11.36-.01.01-.01.04-.01.04-.2.53-.51 1-.89 1.34 0 .06 0 .12.01.17.04.41-.11.71 1 1.19 1.1.5 2.77 1.01 3.13 1.79.34.79.2 1.25.2 1.25h-3.04zm-5.42-3.06c1.47.66 3.7 1.35 4.18 2.39.45 1.05.27 1.67.27 1.67H.04s-.19-.62.27-1.67 2.68-1.75 4.16-2.4 1.33-1.05 1.38-1.59c0-.07.01-.14.01-.21-.52-.45-.95-1.08-1.22-1.8l-.01-.01c0-.01-.01-.02-.01-.03-.07-.15-.12-.32-.16-.49-.34-.06-.54-.43-.62-.78-.08-.14-.24-.48-.2-.87.05-.51.26-.74.49-.83v-.08c0-.64.05-1.55.17-2.15a3.65 3.65 0 0 1 1.4-2.36C6.32 2.25 7.21 2 8 2s1.68.25 2.31.73a3.63 3.63 0 0 1 1.4 2.36c.11.6.17 1.52.17 2.15v.09c.22.09.42.32.47.82.03.39-.12.73-.2.87-.07.34-.27.71-.61.78-.04.16-.09.33-.15.48-.01.01-.02.05-.02.05-.27.71-.68 1.33-1.19 1.78 0 .08 0 .16.01.23.05.55-.15.95 1.33 1.6"] as readonly string[];
+
 export const People: 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="people" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M338.8 60A100 100 0 0 1 332.2000000000001 81.2C323.2000000000001 100.6 304.8000000000001 111.6 267.4000000000001 127.2C264.0000000000001 128.6 252.2000000000001 133.4 252.0000000000001 133.6C250.0000000000001 134.4 248.0000000000001 135.2 246.4000000000001 136C247.4000000000001 138.8 247.2000000000001 141.8 247.6000000000001 145C247.6000000000001 146 247.8000000000001 147.2 247.8000000000001 148.2C242.8000000000001 152.4 238.4000000000001 157.8 234.8000000000001 164C239.2000000000001 170.8 243.0000000000001 178.2 246.0000000000001 186.4L246.8000000000001 188.6C246.6000000000001 188.2 246.6000000000001 188.2 246.4000000000001 187L247.6000000000001 190C254.8000000000001 195.2 259.6000000000001 203.4 262.0000000000001 212.6C265.6000000000001 220 267.8000000000001 229 267.0000000000001 238.6C266.0000000000001 248.6 262.8000000000001 257 257.6000000000001 263C257.2000000000001 273.6 256.4000000000001 285.2 255.2000000000001 294.8C262.8000000000002 298.2 271.8000000000002 300 280.0000000000001 300C291.8000000000002 300 305.2000000000001 296.2 314.6000000000002 289C323.8000000000001 282 330.6000000000001 272 334.0000000000001 261C334.8000000000002 258.4 335.4000000000002 256 335.6000000000001 253.4C337.2000000000001 244.4 338.2000000000001 230.6 338.2000000000001 221.2V219.8C341.4000000000001 218.4 344.4000000000001 215 345.2000000000001 207.4C345.6000000000001 201.6 343.4000000000001 196.4 342.2000000000002 194.4C341.2000000000001 189.2 338.2000000000002 183.8 333.0000000000001 182.6C332.4000000000001 180.2 331.6000000000002 177.6 330.8000000000002 175.4C330.6000000000001 175.2 330.6000000000001 174.6 330.6000000000001 174.6C326.6000000000002 164 320.4000000000001 154.6 312.8000000000001 147.8C312.8000000000001 146.6 312.8000000000001 145.4 313.0000000000001 144.4C313.8000000000001 136.2 310.8000000000001 130.2000000000001 333.0000000000001 120.6C355.0000000000001 110.6 388.4000000000001 100.4 395.6000000000001 84.8000000000001C402.4000000000001 69.0000000000001 399.6000000000001 59.8000000000001 399.6000000000001 59.8000000000001H338.8000000000001zM230.4000000000001 121.2C259.8000000000001 108 304.4000000000001 94.2000000000001 314 73.4C323.0000000000001 52.4 319.4000000000001 40 319.4000000000001 40H0.8S-3 52.4 6.2 73.4S59.8 108.4 89.4 121.4S116 142.4 117 153.2000000000001C117 154.6000000000001 117.2 156.0000000000001 117.2 157.4000000000001C106.8 166.4 98.2 179.0000000000001 92.8 193.4000000000001L92.6 193.6000000000001C92.6 193.8000000000001 92.4 194.0000000000001 92.4 194.2000000000001C91 197.2000000000001 90 200.6000000000001 89.2 204.0000000000001C82.4 205.2000000000001 78.4 212.6000000000001 76.8 219.6000000000001C75.2 222.4000000000001 72 229.2000000000001 72.8 237.0000000000001C73.8 247.2 78 251.8000000000001 82.6 253.6V255.2000000000001C82.6 268 83.6 286.2000000000001 86 298.2000000000001A73 73 0 0 0 114 345.4000000000001C126.4 355 144.2 360 160 360S193.6 355 206.2 345.4A72.6 72.6 0 0 0 234.2 298.2C236.4 286.2000000000001 237.6 267.8 237.6 255.2V253.4C242.0000000000001 251.6 246 247 247.0000000000001 237C247.6 229.2 244.6000000000001 222.4 243.0000000000001 219.6C241.6 212.8 237.6000000000001 205.4 230.8000000000001 204C230.0000000000001 200.8 229.0000000000001 197.4 227.8000000000001 194.4C227.6000000000001 194.2 227.4000000000001 193.4 227.4000000000001 193.4C222.0000000000001 179.2 213.8000000000001 166.8 203.6000000000001 157.8C203.6000000000001 156.2 203.6000000000001 154.6 203.8000000000001 153.2C204.8000000000001 142.2 200.8000000000001 134.2000000000001 230.4000000000001 121.2" : "M273.8 40.4C272.8 45.2 271 50.4 268.8 55.6C261.6 72.8 246.4 82.2 215 95.6C212.2 96.8 203.2 100.6 203 100.6C198.8 102.4 195.8 103.6 193 105C193.4 107 193.4 109 193.6 111.2C193.6 112 193.8 112.8 193.8 113.8C192.4 115 191.2 116.2 190 117.6Q196.6 127.2 200.8 138.6C201.2 139.8000000000001 201.2 139.8000000000001 201.4 140.6C207.2 145.2000000000001 211 152 213.2 159.8000000000001C216.4 166.4 218.2 174.4 217.4 183.0000000000001C216.8 191.0000000000001 214.2 198.2000000000001 210 203.6000000000001C209.6 214.2000000000001 208.6 226.2000000000001 207 234.4000000000001C206.8 235.6 206.6 236.8000000000001 206.4 238.2000000000001C211 239.4000000000001 216 240.0000000000001 220.8 240.0000000000001C230.6 240.0000000000001 241.8000000000001 236.8000000000001 249.6 230.8000000000001C257.2000000000001 225.0000000000001 263 216.8000000000001 265.6 207.4000000000001C266.2 205.4000000000001 266.6 203.2000000000001 267 201.2000000000001C268.4000000000001 193.8000000000001 269.2000000000001 182.4000000000001 269.2000000000001 174.6000000000001V173.6000000000001C272 172.4000000000001 274.6 169.4000000000001 275 163.4000000000001C275.4 158.4000000000001 273.6 154.4000000000001 272.4 152.6000000000001C271.4 148.4 269.2 143.8000000000001 264.8 143.0000000000001Q264.2 140 263 137C263 136.8000000000001 262.8 136.4 262.8 136.4C259.4 127.6000000000001 254.2 119.8000000000001 247.8 114.2000000000001V111.4C248.4 104.4 246 99.6000000000001 264.4 91.4C283 83.2000000000001 310.8 74.6000000000001 316.4 61.4C322.2 48.2 319.8 40.6 319.8 40.6H273.8zM250.4 48C257.8 30.8 254.8 20.8 254.8 20.8H1.2S-1.6 30.8 5.6 48S48.2 76.6 71.8 87.2C95.2 98 92.8 104.4 93.6 113.2C93.6 114.2 93.8 115.4 93.8 116.6C85.6 123.6 78.8 133.8 74.4 145.6V145.8S74.2 146 74.2 146.2C73.4 148.6 72.4 151.4 71.8 154C66.2 155 63 161.2 61.8 166.8C60.6 169.2 58 174.6 58.6 181C59.4 189.2 62.8 193 66.4 194.6V195.8C66.4 206 67.4 221 69.2 230.6C69.6 233.2 70.2 236 71 238.6C74.4 250.6 81.8 261.2 91.4 268.8C101.4 276.6 115.6 280.8 128.2 280.8S155 276.6 165 268.8C174.6 261.2 182 250.6 185.4 238.4C186.2 235.8 186.8 233 187.2 230.4C189 220.8 190 206 190 195.8V194.4C193.6 192.8 196.8 189 197.4 181C198 174.5999999999999 195.6 169.1999999999999 194.2 166.8C193 161.1999999999999 190 155.2 184.6 154.1999999999999Q183.7 150.3 182.2 146.3999999999999C182.2 146.1999999999999 182 145.6 182 145.6C177.6 134 171 124 163 116.6V113C163.8 104 160.6 97.6 184.2 86.9999999999999S243.2 65.2 250.4000000000001 48"}
-                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>
-   );
+    );
 });
 People.displayName = `Blueprint6.Icon.People`;
 export default People;

package/src/generated/components/percentage.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 6V4c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2M3.5 6c-.28 0-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5s.5.22.5.5v1c0 .28-.22.5-.5.5M13 8h-1c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2m0 3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-1c0-.28.22-.5.5-.5s.5.22.5.5zM12 3a1.003 1.003 0 0 0-1.87-.5l-5.99 9.98c-.09.15-.14.33-.14.52a1.003 1.003 0 0 0 1.87.5l5.99-9.98c.09-.15.14-.33.14-.52"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15 10c-1.66 0-3 1.34-3 3v2c0 1.66 1.34 3 3 3s3-1.34 3-3v-2c0-1.66-1.34-3-3-3m1 5c0 .55-.45 1-1 1s-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1zM8 7V5c0-1.66-1.34-3-3-3S2 3.34 2 5v2c0 1.66 1.34 3 3 3s3-1.34 3-3M4 7V5c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1s-1-.45-1-1m11-4a1.003 1.003 0 0 0-1.88-.48L5.14 16.49a1.003 1.003 0 1 0 1.74.99l7.99-13.97c.08-.15.13-.32.13-.51"] as readonly string[];
+
 export const Percentage: 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="percentage" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 200C266.8 200 240 173.2 240 140V100C240 66.8 266.8 40 300 40S360 66.8 360 100V140C360 173.2 333.2 200 300 200M320 100C320 89 311 80 300 80S280 89 280 100V140C280 151 289 160 300 160S320 151 320 140zM160 260V300C160 333.2 133.2 360 100 360S40 333.2 40 300V260C40 226.8 66.8 200 100 200S160 226.8 160 260M80 260V300C80 311 89 320 100 320S120 311 120 300V260C120 249 111 240 100 240S80 249 80 260M300 340A20.06 20.06 0 0 1 262.4000000000001 349.6L102.8 70.2000000000001A20.06 20.06 0 1 1 137.6 50.4000000000001L297.4000000000001 329.8000000000001C299 332.8000000000001 300.0000000000001 336.2000000000001 300.0000000000001 340.0000000000001" : "M120 200V240C120 262 102 280 80 280H60C38 280 20 262 20 240V200C20 178 38 160 60 160H80C102 160 120 178 120 200M70 200C64.4 200 60 204.4 60 210V230C60 235.6 64.4 240 70 240S80 235.6 80 230V210C80 204.4 75.6 200 70 200M260 160H240C218 160 200 142 200 120V80C200 58 218 40 240 40H260C282 40 300 58 300 80V120C300 142 282 160 260 160M260 90C260 84.4 255.6 80 250 80S240 84.4 240 90V110C240 115.6 244.4 120 250 120S260 115.6 260 110zM240 260A20.06 20.06 0 0 1 202.6 270L82.8 70.4C81 67.4 80 63.8 80 60A20.06 20.06 0 0 1 117.4 50L237.2 249.6C239 252.6 240 256.2 240 260"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Percentage.displayName = `Blueprint6.Icon.Percentage`;
 export default Percentage;

package/src/generated/components/person.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.68 14.32c-.46-1.05-2.68-1.75-4.16-2.4s-1.28-1.05-1.33-1.59c-.01-.07-.01-.15-.01-.23.51-.45.92-1.07 1.19-1.78 0 0 .01-.04.02-.05.06-.15.11-.32.15-.48.34-.07.54-.44.61-.78.08-.14.23-.48.2-.87-.05-.5-.25-.73-.47-.82v-.09c0-.63-.06-1.55-.17-2.15A3.67 3.67 0 0 0 10.32.72C9.68.25 8.79-.01 8-.01S6.32.24 5.69.72c-.61.47-1.06 1.13-1.28 1.86-.05.17-.09.33-.11.5-.12.6-.17 1.51-.17 2.15v.08c-.24.09-.45.32-.5.83-.03.38.13.72.2.86.08.35.28.72.63.78.04.17.09.33.15.49 0 .01.01.02.01.03l.01.01c.27.72.7 1.35 1.22 1.8 0 .07-.01.14-.01.21-.05.54.1.94-1.37 1.59-1.48.65-3.7 1.35-4.16 2.4s-.27 1.67-.27 1.67h15.92c-.01.01.18-.61-.28-1.66"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19.61 17.91c-.57-1.32-3.35-2.19-5.19-3.01-1.85-.82-1.59-1.31-1.66-1.99-.01-.09-.01-.19-.02-.29.63-.56 1.15-1.33 1.49-2.22 0 0 .02-.05.02-.06.07-.19.13-.39.19-.6.42-.09.67-.55.76-.98.1-.17.29-.6.25-1.08-.06-.62-.31-.91-.59-1.03v-.11c0-.79-.07-1.93-.22-2.68A4.55 4.55 0 0 0 12.9.92C12.11.32 11 0 10.01 0s-2.1.32-2.89.92a4.55 4.55 0 0 0-1.74 2.94c-.14.75-.22 1.89-.22 2.68v.1c-.29.11-.55.4-.61 1.04-.04.48.15.91.25 1.08.1.44.35.91.79.98.05.21.12.41.19.6 0 .01.01.03.01.04l.01.02c.34.91.87 1.69 1.52 2.25 0 .09-.01.18-.02.26-.07.68.13 1.17-1.72 1.99S.96 16.59.39 17.91.05 20 .05 20h19.9s.23-.77-.34-2.09"] as readonly string[];
+
 export const Person: 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="person" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M392.2 41.8C380.8 68.2 325.2 85.6 288.4 102C251.4 118.4 256.6 128.2 255.2 141.8C255 143.6 255 145.6 254.8 147.6C267.4 158.8 277.8 174.2 284.6 192C284.6 192 285 193 285 193.2C286.4 197 287.6 201 288.8 205.2C297.2 207 302.2 216.2 304 224.8C306 228.2 309.8 236.8 309 246.4C307.8 258.8 302.8 264.6 297.2 267V269.2000000000001C297.2 285 295.8 307.8 292.8 322.8A91 91 0 0 1 258 381.6C242.2 393.6 220 400 200.2 400S158.2 393.6 142.4 381.6A91 91 0 0 1 107.6 322.8C104.8 307.8 103.2 285 103.2 269.2V267.2000000000001C97.4 265 92.2 259.2 91 246.4C90.2 236.8 94 228.2 96 224.8C98 216 103 206.6 111.8 205.2C112.8 201 114.2 197 115.6 193.2C115.6 193 115.8 192.6 115.8 192.4L116 192C122.8 173.8 133.4 158.2000000000001 146.4 147C146.4 145.2000000000001 146.2 143.4 146 141.8C144.6 128.2000000000001 148.6 118.4 111.6 102S19.2 68.2 7.8 41.8S1 0 1 0H399S403.6 15.4 392.2 41.8" : "M313.6 33.6C304.4 54.6 260 68.6 230.4 81.6S204.8 102.6 203.8 113.4C203.6 114.8 203.6 116.4 203.6 118C213.8 127 222 139.4 227.4 153.6C227.4 153.6 227.6 154.4 227.8 154.6C229 157.6 230 161 230.8 164.2C237.6 165.6 241.6 173 243 179.8C244.6 182.6 247.6 189.4 247 197.2C246 207.2 242 211.8000000000001 237.6 213.6V215.4C237.6 228.0000000000001 236.3999999999999 246.4000000000001 234.2 258.4000000000001A73.4 73.4 0 0 1 206.4 305.6C193.6 315 175.8 320.2 160 320.2S126.4 315.2 113.8 305.6C101.6 296.2 92.6 283 88.2 268.4C87.2 265 86.4 261.8 86 258.4C83.6 246.4 82.6 228.2 82.6 215.4V213.8C77.8 212 73.6 207.4 72.6 197.2C72 189.6 75.2 182.8 76.6 180C78.2 173 82.2 165.6 89.2 164.4C90 161 91 157.8 92.2 154.6C92.2 154.4 92.4 154.2 92.4 154L92.6 153.8C98 139.4 106.6 126.8 117 117.8C117 116.4 116.8 115 116.8 113.6C115.8 102.8 118.8 94.8 89.4 81.8C59.8 68.8 15.4 54.8 6.2 33.8S0.8 0.4 0.8 0.4H319.2C319 0.1999999999999 322.8 12.6 313.6 33.6"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Person.displayName = `Blueprint6.Icon.Person`;
 export default Person;