@blueprintjs/icons 6.9.0 → 6.10.0

package/src/generated/components/phone-call.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.916 12.41c-.06-.06-3.373-2-3.483-2.05a.8.8 0 0 0-.32-.08c-.15 0-.34.11-.57.32-.23.22-.941 1.19-1.152 1.4-.21.22-.38.32-.52.32a.7.7 0 0 1-.25-.06c-.1-.04-1.161-.58-3.363-2.52-2.202-1.929-2.492-3.199-2.502-3.549 0-.14.11-.31.32-.52.22-.21.45-.41.7-.6s.491-.4.701-.62c.22-.23.32-.42.32-.57a.8.8 0 0 0-.08-.319c-.05-.1-2.051-3.41-2.121-3.48-.15-.15-.741-.08-1.041.08-2.392 1.3-2.582 3.04-2.552 3.73.04.71.49 4.459 4.163 7.948C8.73 16.17 11.903 16 12.113 16c.69 0 2.822-.38 3.723-2.55.13-.32.25-.87.08-1.04M13 7c0 .6-.4 1-1 1s-1-.4-1-1c0-1.1-.9-2-2-2-.6 0-1-.4-1-1s.4-1 1-1c2.2 0 4 1.8 4 4m3 0c0 .6-.4 1-1 1s-1-.4-1-1c0-2.8-2.2-5-5-5-.6 0-1-.4-1-1s.4-1 1-1c3.9 0 7 3.1 7 7"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19.845 15.51c-.08-.08-4.206-2.5-4.346-2.57a.9.9 0 0 0-.4-.1c-.189 0-.419.13-.709.4-.28.27-1.168 1.49-1.428 1.76s-.48.4-.65.4c-.08 0-.19-.02-.319-.07-.13-.05-1.449-.73-4.196-3.15s-3.107-4-3.127-4.44c0-.17.13-.39.4-.65.28-.25.57-.51.89-.74q.476-.36.878-.78c.27-.28.4-.52.4-.71 0-.13-.03-.27-.1-.4C7.068 4.32 4.57.19 4.48.1c-.19-.18-.92-.1-1.289.1C.205 1.82-.045 4 .005 4.86c.05.89.61 5.58 5.195 9.93 5.694 5.41 9.65 5.2 9.91 5.2.869 0 3.516-.48 4.645-3.19.16-.38.31-1.07.09-1.29M11 2c-.6 0-1-.4-1-1s.4-1 1-1c5 0 9 4 9 9 0 .6-.4 1-1 1s-1-.4-1-1c0-3.9-3.1-7-7-7m0 4c-.6 0-1-.4-1-1s.4-1 1-1c2.8 0 5 2.2 5 5 0 .6-.4 1-1 1s-1-.4-1-1c0-1.7-1.3-3-3-3"] as readonly string[];
+
 export const PhoneCall: 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="phone-call" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M396.9 89.8C395.3 91.4 312.78 139.8 309.98 141.2A18 18 0 0 1 301.98 143.2C298.2 143.2 293.6 140.6 287.8 135.2C282.2 129.8 264.44 105.4 259.24 100S249.64 92 246.24 92C244.64 92 242.44 92.4 239.86 93.4C237.26 94.4 210.88 108 155.94 156.4S93.8 236.4 93.4 245.2C93.4 248.6 96 253 101.4 258.2000000000001C107 263.2000000000001 112.8 268.4 119.2 273Q128.72 280.2000000000001 136.76 288.6C142.16 294.2000000000001 144.76 299 144.76 302.8C144.76 305.4000000000001 144.16 308.2000000000001 142.76 310.8000000000001C141.36 313.6 91.4 396.2 89.6 398C85.8 401.6 71.2 400 63.82 396C4.1 363.6 -0.9 320 0.1 302.8C1.1 285 12.3 191.2 104 104.2000000000001C217.88 -4 297 0.2 302.2 0.2C319.58 0.2 372.52 9.8000000000001 395.1 64.0000000000001C398.3 71.6 401.3 85.4000000000001 396.9 89.8000000000001M220 360C208 360 200 368 200 380S208 400 220 400C320 400 400 320 400 220C400 208 392 200 380 200S360 208 360 220C360 298 298 360 220 360M220 280C208 280 200 288 200 300S208 320 220 320C276 320 320 276 320 220C320 208 312 200 300 200S280 208 280 220C280 254 254 280 220 280" : "M318.32 71.8C317.12 73 250.86 111.8 248.66 112.8A16 16 0 0 1 242.26 114.4C239.26 114.4 235.46 112.2 230.86 108C226.26 103.6 212.04 84.2 207.82 80C203.62 75.6 200.22 73.6 197.42 73.6A14 14 0 0 0 192.42 74.8C190.42 75.6 169.2 86.4 125.16 125.2C81.12 163.78 75.32 189.18 75.12 196.18C75.12 198.98 77.32 202.38 81.52 206.58C85.92 210.78 90.52 214.78 95.52 218.58S105.34 226.58 109.54 230.98C113.94 235.58 115.94 239.38 115.94 242.38A16 16 0 0 1 114.34 248.76C113.34 250.76 73.32 316.96 71.92 318.36C68.92 321.36 57.1 319.96 51.1 316.76C3.26 290.76 -0.54 255.96 0.06 242.16C0.86 227.96 9.86 152.98 83.3200000000001 83.2C174.6 -3.4 238.06 0 242.26 0C256.06 0 298.7 7.6 316.72 51C319.32 57.4 321.72 68.4 318.32 71.8M260 180C260 168 252 160 240 160S220 168 220 180C220 202 202 220 180 220C168 220 160 228 160 240S168 260 180 260C224 260 260 224 260 180M320 180C320 168 312 160 300 160S280 168 280 180C280 236 236 280 180 280C168 280 160 288 160 300S168 320 180 320C258 320 320 258 320 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>
-   );
+    );
 });
 PhoneCall.displayName = `Blueprint6.Icon.PhoneCall`;
 export default PhoneCall;

package/src/generated/components/phone-forward.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.916 12.41c-.06-.06-3.373-2-3.483-2.05a.8.8 0 0 0-.32-.08c-.15 0-.34.11-.57.32-.23.22-.941 1.19-1.152 1.4-.21.22-.38.32-.52.32a.7.7 0 0 1-.25-.06c-.1-.04-1.161-.58-3.363-2.52-2.202-1.929-2.492-3.199-2.502-3.549 0-.14.11-.31.32-.52.22-.21.45-.41.7-.6s.491-.4.701-.62c.22-.23.32-.42.32-.57a.8.8 0 0 0-.08-.319c-.05-.1-2.051-3.41-2.121-3.48-.15-.15-.741-.08-1.041.08-2.392 1.3-2.582 3.04-2.552 3.73.04.71.49 4.459 4.163 7.948C8.73 16.17 11.903 16 12.113 16c.69 0 2.822-.38 3.723-2.55.13-.32.25-.87.08-1.04M15.71 4.3l-2-2A.97.97 0 0 0 13 2a1.003 1.003 0 0 0-.71 1.71l.29.29H9c-.55 0-1 .45-1 1s.45 1 1 1h3.59l-.29.29a1.003 1.003 0 0 0 1.42 1.42l2-2c.18-.18.29-.43.29-.71s-.12-.52-.3-.7"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19.845 15.51c-.08-.08-4.206-2.5-4.346-2.57a.9.9 0 0 0-.4-.1c-.189 0-.419.13-.709.4-.28.27-1.168 1.49-1.428 1.76s-.48.4-.65.4c-.08 0-.19-.02-.319-.07-.13-.05-1.449-.73-4.196-3.15s-3.107-4-3.127-4.44c0-.17.13-.39.4-.65.28-.25.57-.51.89-.74q.476-.36.878-.78c.27-.28.4-.52.4-.71 0-.13-.03-.27-.1-.4C7.068 4.32 4.57.19 4.48.1c-.19-.18-.92-.1-1.289.1C.205 1.82-.045 4 .005 4.86c.05.89.61 5.58 5.195 9.93 5.694 5.41 9.65 5.2 9.91 5.2.869 0 3.516-.48 4.645-3.19.16-.38.31-1.07.09-1.29M11 7h5.58l-1.29 1.29a1 1 0 0 0-.3.71 1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71s-.11-.53-.29-.71l-3-3a1.003 1.003 0 0 0-1.42 1.42L16.58 5H11c-.55 0-1 .45-1 1s.45 1 1 1"] as readonly string[];
+
 export const PhoneForward: 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="phone-forward" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M396.9 89.8C395.3 91.4 312.78 139.8 309.98 141.2A18 18 0 0 1 301.98 143.2C298.2 143.2 293.6 140.6 287.8 135.2C282.2 129.8 264.44 105.4 259.24 100S249.64 92 246.24 92C244.64 92 242.44 92.4 239.86 93.4C237.26 94.4 210.88 108 155.94 156.4S93.8 236.4 93.4 245.2C93.4 248.6 96 253 101.4 258.2000000000001C107 263.2000000000001 112.8 268.4 119.2 273Q128.72 280.2000000000001 136.76 288.6C142.16 294.2000000000001 144.76 299 144.76 302.8C144.76 305.4000000000001 144.16 308.2000000000001 142.76 310.8000000000001C141.36 313.6 91.4 396.2 89.6 398C85.8 401.6 71.2 400 63.82 396C4.1 363.6 -0.9 320 0.1 302.8C1.1 285 12.3 191.2 104 104.2000000000001C217.88 -4 297 0.2 302.2 0.2C319.58 0.2 372.52 9.8000000000001 395.1 64.0000000000001C398.3 71.6 401.3 85.4000000000001 396.9 89.8000000000001M220 260H331.6L305.8 234.2A20 20 0 0 1 299.8 220A20.06 20.06 0 0 1 334 205.8L394 265.8C397.6 269.4 399.8 274.4 399.8 280S397.6 290.6 394 294.2L334 354.2A20.06 20.06 0 0 1 305.6 325.8L331.6 300H220C209 300 200 291 200 280S209 260 220 260" : "M318.32 71.8C317.12 73 250.86 111.8 248.66 112.8A16 16 0 0 1 242.26 114.4C239.26 114.4 235.46 112.2 230.86 108C226.26 103.6 212.04 84.2 207.82 80C203.62 75.6 200.22 73.6 197.42 73.6A14 14 0 0 0 192.42 74.8C190.42 75.6 169.2 86.4 125.16 125.2C81.12 163.78 75.32 189.18 75.12 196.18C75.12 198.98 77.32 202.38 81.52 206.58C85.92 210.78 90.52 214.78 95.52 218.58S105.34 226.58 109.54 230.98C113.94 235.58 115.94 239.38 115.94 242.38A16 16 0 0 1 114.34 248.76C113.34 250.76 73.32 316.96 71.92 318.36C68.92 321.36 57.1 319.96 51.1 316.76C3.26 290.76 -0.54 255.96 0.06 242.16C0.86 227.96 9.86 152.98 83.3200000000001 83.2C174.6 -3.4 238.06 0 242.26 0C256.06 0 298.7 7.6 316.72 51C319.32 57.4 321.72 68.4 318.32 71.8M314.2000000000001 234L274.2000000000001 274A19.4 19.4 0 0 1 260 280A20.06 20.06 0 0 1 245.8 245.8L251.6 240H180C169 240 160 231 160 220S169 200 180 200H251.8L246 194.2A20.06 20.06 0 0 1 274.4000000000001 165.8L314.4000000000001 205.8C318 209.4 320.2000000000001 214.4 320.2000000000001 220S317.8000000000001 230.4 314.2000000000001 234"}
-                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>
-   );
+    );
 });
 PhoneForward.displayName = `Blueprint6.Icon.PhoneForward`;
 export default PhoneForward;

package/src/generated/components/phone-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 = ["M3 0h8c.55 0 1 .45 1 1v.598A5.5 5.5 0 0 0 9.5 1a5.49 5.49 0 0 0-4.246 2H4v9h6v-.023a5.4 5.4 0 0 0 1.705-.447l.295.294V15c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1m3 14c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1m5.89-3.7a4.5 4.5 0 0 1-2.39.7C7.01 11 5 8.99 5 6.5A4.49 4.49 0 0 1 6.668 3C7.44 2.374 8.425 2 9.5 2A4.49 4.49 0 0 1 14 6.5c0 .88-.26 1.69-.7 2.39l2.41 2.4A1.003 1.003 0 0 1 15 13c-.28 0-.53-.11-.7-.29zM12 6.5a2.5 2.5 0 1 0-5.002 0A2.5 2.5 0 0 0 12 6.5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M14 0H4c-.55 0-1 .45-1 1v18c0 .55.45 1 1 1h10c.55 0 1-.45 1-1v-4.342A6 6 0 0 1 13 15v1H5V3h8c.701 0 1.375.12 2 .341V1c0-.55-.45-1-1-1M9 19c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m4-15c.711 0 1.387.148 2 .416A4.99 4.99 0 0 1 18 9a5 5 0 0 1-.828 2.757l2.534 2.534a1 1 0 1 1-1.415 1.415l-2.534-2.534A5 5 0 0 1 13 14a5 5 0 0 1-5-5c.021-2.724 2.259-5 5-5m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6"] as readonly string[];
+
 export const PhoneSearch: 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="phone-search" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M280 400H80C69 400 60 391 60 380V20C60 9 69 0 80 0H280C291 0 300 9 300 20V106.84A120 120 0 0 0 260 100V80H100V340H260C274.02 340 287.5 337.6 300 333.18V380C300 391 291 400 280 400M180 20C169 20 160 29 160 40S169 60 180 60S200 51 200 40S191 20 180 20M260 320C274.2200000000001 320 287.74 317.04 300 311.68A99.8 99.8 0 0 0 360 220A100 100 0 0 0 343.44 164.86L394.12 114.18A20 20 0 1 0 365.82 85.88L315.1400000000001 136.56A100 100 0 0 0 260 120A100 100 0 0 0 160 220C160.42 274.48 205.18 320 260 320M260 280A60 60 0 1 1 260 160A60 60 0 0 1 260 280" : "M60 320H220C231 320 240 311 240 300V288.04A110 110 0 0 1 190 300A109.8 109.8 0 0 1 105.08 260H80V80H200V80.46A108 108 0 0 1 234.1 89.4L240 83.52V20C240 9 231 0 220 0H60C49 0 40 9 40 20V300C40 311 49 320 60 320M120 40C120 29 129 20 140 20S160 29 160 40S151 60 140 60S120 51 120 40M237.8 114A90 90 0 0 0 190 100C140.2 100 100 140.2 100 190A89.8 89.8 0 0 0 133.36 260C148.8 272.52 168.5 280 190 280A89.8 89.8 0 0 0 280 190C280 172.4 274.8 156.2 266 142.2L314.2000000000001 94.2A20.06 20.06 0 0 0 300 60C294.4000000000001 60 289.4000000000001 62.2 286 65.8zM240 190A50 50 0 1 1 139.96 190A50 50 0 0 1 240 190"}
-                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>
-   );
+    );
 });
 PhoneSearch.displayName = `Blueprint6.Icon.PhoneSearch`;
 export default PhoneSearch;

package/src/generated/components/phone.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.9 12.41c-.06-.06-3.37-2-3.48-2.05a.8.8 0 0 0-.32-.08c-.15 0-.34.11-.57.32-.23.22-.94 1.19-1.15 1.4-.21.22-.38.32-.52.32-.07 0-.15-.02-.25-.06s-1.16-.58-3.36-2.52c-2.2-1.93-2.49-3.2-2.5-3.55 0-.14.11-.31.32-.52.22-.21.45-.41.7-.6s.49-.4.7-.62c.22-.23.32-.42.32-.57 0-.11-.03-.21-.08-.32C5.66 3.46 3.66.15 3.59.08 3.44-.07 2.85 0 2.55.16.16 1.46-.03 3.2 0 3.89c.04.71.49 4.46 4.16 7.95C8.72 16.17 11.89 16 12.1 16c.69 0 2.82-.38 3.72-2.55.13-.32.25-.87.08-1.04"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19.91 15.51c-.08-.08-4.21-2.5-4.35-2.57a.9.9 0 0 0-.4-.1c-.19 0-.42.13-.71.4-.28.27-1.17 1.49-1.43 1.76s-.48.4-.65.4c-.08 0-.19-.02-.32-.07s-1.45-.73-4.2-3.15-3.11-4-3.13-4.44c0-.17.13-.39.4-.65.28-.25.57-.51.89-.74.32-.24.61-.5.88-.78s.4-.52.4-.71c0-.13-.03-.27-.1-.4C7.12 4.32 4.62.19 4.53.1c-.19-.18-.92-.1-1.29.1C.25 1.82 0 4 .05 4.86c.05.89.61 5.58 5.2 9.93 5.7 5.41 9.66 5.2 9.92 5.2.87 0 3.52-.48 4.65-3.19.16-.38.31-1.07.09-1.29"] as readonly string[];
+
 export const Phone: 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="phone" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M398.2 89.8C396.6 91.4 314 139.8 311.2 141.2A18 18 0 0 1 303.2 143.2C299.4000000000001 143.2 294.8 140.6 289 135.2C283.4 129.8 265.6 105.4 260.4 100S250.8 92 247.4 92C245.8 92 243.6 92.4 241 93.4S212 108 157 156.4S94.8 236.4 94.4 245.2C94.4 248.6 97 253 102.4 258.2000000000001C108 263.2000000000001 113.8 268.4 120.2 273C126.6 277.8 132.4 283 137.8 288.6S145.8 299 145.8 302.8C145.8 305.4000000000001 145.2 308.2000000000001 143.8 310.8000000000001C142.4 313.6 92.4 396.2 90.6 398C86.8 401.6 72.2 400 64.8 396C5 363.6 0 320 1 302.8C2 285 13.2 191.2 105 104.2000000000001C219 -4 298.2 0.2 303.4 0.2C320.8 0.2 373.8 9.8000000000001 396.4 64.0000000000001C399.6 71.6 402.6 85.4000000000001 398.2 89.8000000000001" : "M318 71.8C316.8 73 250.6 111.8 248.4 112.8A16 16 0 0 1 242 114.4C239 114.4 235.2 112.2 230.6 108C226 103.6 211.8 84.2 207.6 80C203.4 75.6 200 73.6 197.2 73.6C195.8 73.6 194.2 74 192.2 74.8S169 86.4 125 125.2C81 163.8 75.2 189.2 75 196.2C75 199 77.2 202.4 81.4 206.6C85.8 210.8 90.4 214.8 95.4 218.6S105.2 226.6 109.4 231C113.8 235.6 115.8 239.4 115.8 242.4C115.8 244.6 115.2 246.6 114.2 248.8C113.2 250.8 73.2 317 71.8 318.4C68.8 321.4 57 320 51 316.8C3.2 290.8 -0.6 256 0 242.2C0.8 228 9.8 153 83.2 83.2C174.4 -3.4 237.8 0 242 0C255.8 0 298.4 7.6 316.4 51C319 57.4 321.4 68.4 318 71.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>
-   );
+    );
 });
 Phone.displayName = `Blueprint6.Icon.Phone`;
 export default Phone;

package/src/generated/components/pie-chart.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 1.08c-3.37.5-5.97 3.4-5.97 6.92 0 3.87 3.13 7 6.98 7 3.52 0 6.42-2.61 6.91-6H7zM8 0v8h8c0-4.42-3.58-8-8-8"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M9 .98c-4.5.5-8 4.31-8 8.94 0 4.97 4.03 9.04 9 9.04 4.63 0 8.44-3.96 8.94-7.96H9zm1-1.06V10h10C20 4 15.52-.08 10-.08"] as readonly string[];
+
 export const PieChart: 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="pie-chart" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M180 380.4C90 370.4 20 294.2000000000001 20 201.6C20 102.2 100.6 20.8 200 20.8C292.6 20.8 368.8 100 378.8 180H180zM200 401.6V200H400C400 320 310.4 401.6 200 401.6" : "M140 298.4C72.6 288.4 20.6 230.4 20.6 160C20.6 82.6 83.2 20 160.2000000000001 20C230.6 20 288.6 72.2 298.4000000000001 140H140zM160 320V160H320C320 248.4 248.4 320 160 320"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 PieChart.displayName = `Blueprint6.Icon.PieChart`;
 export default PieChart;

package/src/generated/components/pill.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 4h3.273c.401 0 .727.326.727.727v6.546a.727.727 0 0 1-.727.727H4a4 4 0 0 1 0-8m12 4a4 4 0 0 1-4 4H9.636A.636.636 0 0 1 9 11.364V4.636C9 4.285 9.285 4 9.636 4H12a4 4 0 0 1 4 4m-4-2h-1v4h1a2 2 0 1 0 0-4"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M5 5h5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H5A5 5 0 0 1 5 5m7 .727c0-.401.326-.727.727-.727H15a5 5 0 0 1 0 10h-2.273a.727.727 0 0 1-.727-.727zM15 13a3 3 0 1 0 0-6h-1v6z"] as readonly string[];
+
 export const Pill: 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="pill" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M100 300H200A20 20 0 0 0 220 280V120A20 20 0 0 0 200 100H100A100 100 0 0 0 100 300M240 285.46C240 293.48 246.52 300 254.54 300H300A100 100 0 0 0 300 100H254.54A14.54 14.54 0 0 0 240 114.54zM300 140A60 60 0 1 1 300 260H280V140z" : "M80 240H145.46C153.48 240 160 233.48 160 225.46V94.54A14.54 14.54 0 0 0 145.46 80H80A80 80 0 0 0 80 240M320 160A80 80 0 0 0 240 80H192.72A12.72 12.72 0 0 0 180 92.72V227.28C180 234.3 185.7 240 192.72 240H240A80 80 0 0 0 320 160M240 200H220V120H240A40 40 0 1 1 240 200"}
-                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>
-   );
+    );
 });
 Pill.displayName = `Blueprint6.Icon.Pill`;
 export default Pill;

package/src/generated/components/pin.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.41.92c-.51.51-.41 1.5.15 2.56L4.34 7.54C2.8 6.48 1.45 6.05.92 6.58l3.54 3.54-3.54 4.95 4.95-3.54 3.54 3.54c.53-.53.1-1.88-.96-3.42l4.06-5.22c1.06.56 2.04.66 2.55.15z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11.77 1.16c-.81.81-.74 2.28.02 3.76L6.1 8.71c-2.17-1.46-4.12-2-4.94-1.18l4.95 4.95-4.95 6.36 6.36-4.95 4.95 4.95c.82-.82.27-2.77-1.19-4.94l3.8-5.69c1.47.76 2.94.84 3.76.02z"] as readonly string[];
+
 export const Pin: 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="pin" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M235.4 376.8C219.2 360.6 220.6 331.2000000000001 235.8 301.6L122 225.8C78.6 255 39.6 265.8 23.2 249.4L122.2 150.4L23.2 23.2L150.4 122.2L249.4 23.2C265.8 39.6 254.8 78.6 225.6 122L301.6 235.8000000000001C331 220.6000000000001 360.4 219.0000000000001 376.8 235.4000000000001z" : "M188.2 301.6C178 291.4 180 271.6 191.2 250.4L86.8 169.2C56 190.4 29 199 18.4 188.4L89.2 117.6L18.4 18.6L117.4 89.4L188.2 18.6C198.8 29.2 190.2 56.2 169 87L250.2 191.4C271.4 180.2 291 178.2 301.2 188.4z"}
-                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>
-   );
+    );
 });
 Pin.displayName = `Blueprint6.Icon.Pin`;
 export default Pin;

package/src/generated/components/pistol.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.477 7.618c.275.55-.263 1.505-.879 2.6-.634 1.126-1.35 2.4-1.35 3.53 0 .18.19.34.349.442.132.085.29.116.446.116h2.875a.79.79 0 0 0 .788-.789c0-.209.083-.41.231-.557l.13-.13a.67.67 0 0 0 .197-.475c0-.178.07-.35.197-.476l.081-.081a.95.95 0 0 0 .279-.673v-.163c0-.308.25-.558.557-.558h2.787c.615 0 1.114-.499 1.114-1.114V8.175c0-.616.5-1.115 1.115-1.115h3.344c.616 0 1.115-.499 1.115-1.114v-.894c0-.066.026-.13.073-.175A.24.24 0 0 0 16 4.702v-.394a.36.36 0 0 0-.074-.217.36.36 0 0 1-.073-.217v-.158a.557.557 0 0 0-.558-.557h-.278a.28.28 0 0 1-.279-.278.28.28 0 0 0-.279-.28h-.115a.4.4 0 0 0-.279.116l-.163.164a.95.95 0 0 1-.673.278H2.708a.56.56 0 0 1-.394-.163.557.557 0 0 0-.788 0 .56.56 0 0 1-.395.163H.805a.557.557 0 0 0-.557.557v1.967c0 .173-.042.342-.106.503-.128.328-.284.874.106.874q.136 0 .319-.012c.628-.033 1.583-.083 1.91.57m3.657 2.229a.244.244 0 0 1-.237-.304l.24-.962c.035-.14.241-.115.241.03 0 .067.055.121.122.121h.351q.084.001.155.047l.442.295c.254.17.556-.133.387-.386l-.295-.443a.3.3 0 0 1-.047-.154v-.195c0-.154.125-.278.279-.278h1.277c.074 0 .145.03.197.081l.15.15c.209.209.326.492.326.788v.537c0 .074-.03.145-.081.197l-.15.15a1.12 1.12 0 0 1-.788.326zM1.81 5h12.9a.25.25 0 0 1 .207.389l-.167.25a.25.25 0 0 1-.208.111H1.644a.25.25 0 0 1-.208-.389l.167-.25A.25.25 0 0 1 1.811 5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3.096 9.522c.344.687-.328 1.881-1.098 3.25-.792 1.408-1.688 3-1.688 4.413 0 .225.238.426.436.553.165.106.362.144.558.144h3.594a.985.985 0 0 0 .985-.985c0-.262.104-.512.288-.697l.162-.162a.84.84 0 0 0 .246-.594.84.84 0 0 1 .247-.595l.102-.102a1.2 1.2 0 0 0 .348-.84v-.205c0-.385.312-.697.697-.697h3.483c.77 0 1.393-.623 1.393-1.393V10.22c0-.77.624-1.393 1.394-1.393h4.179c.77 0 1.394-.624 1.394-1.394V6.315c0-.083.033-.162.092-.219A.3.3 0 0 0 20 5.878v-.493a.44.44 0 0 0-.092-.271.44.44 0 0 1-.092-.271v-.197a.697.697 0 0 0-.697-.697h-.348a.35.35 0 0 1-.349-.348.35.35 0 0 0-.348-.349h-.144a.5.5 0 0 0-.349.145l-.203.204a1.2 1.2 0 0 1-.841.348H3.385a.7.7 0 0 1-.493-.204.697.697 0 0 0-.985 0 .7.7 0 0 1-.493.204h-.408a.697.697 0 0 0-.696.697v2.457c0 .217-.053.429-.132.63-.161.41-.356 1.093.132 1.093.112 0 .248-.008.398-.016.786-.041 1.98-.104 2.388.712m4.571 2.787a.305.305 0 0 1-.296-.38l.3-1.203c.045-.175.302-.143.302.037 0 .084.068.152.153.152h.438q.106 0 .193.059l.553.369c.317.21.694-.167.483-.483l-.368-.553a.35.35 0 0 1-.059-.194V9.87c0-.192.156-.348.348-.348h1.598a.35.35 0 0 1 .246.102l.187.187c.26.261.408.615.408.985v.672a.35.35 0 0 1-.102.246l-.187.187a1.4 1.4 0 0 1-.985.408zM2.264 6.25h16.124c.25 0 .398.278.26.486l-.209.312a.31.31 0 0 1-.26.14H2.055a.312.312 0 0 1-.26-.486l.209-.313a.31.31 0 0 1 .26-.139"] as readonly string[];
+
 export const Pistol: 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="pistol" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M61.92 209.56C68.8 195.82 55.36 171.94 39.96 144.56C24.12 116.4 6.2 84.56 6.2 56.3C6.2 51.8 10.96 47.78 14.92 45.24C18.22 43.1199999999999 22.16 42.36 26.08 42.36H97.96A19.7 19.7 0 0 1 117.66 62.06C117.66 67.3 119.74 72.3 123.42 75.9999999999999L126.66 79.2399999999999A16.8 16.8 0 0 1 131.58 91.1199999999999A16.8 16.8 0 0 0 136.52 103.0199999999999L138.56 105.06A24 24 0 0 1 145.52 121.8599999999999V125.9599999999999C145.52 133.6599999999999 151.76 139.8999999999999 159.46 139.8999999999999H229.1200000000001C244.52 139.8999999999999 256.98 152.3599999999999 256.98 167.7599999999999V195.6C256.98 211 269.4600000000001 223.46 284.86 223.46H368.4400000000001C383.8400000000001 223.46 396.3200000000001 235.94 396.3200000000001 251.34V273.7C396.3200000000001 275.36 396.9800000000001 276.94 398.1600000000001 278.08A6 6 0 0 1 400 282.44V292.3A8.8 8.8 0 0 1 398.1600000000001 297.7200000000001A8.8 8.8 0 0 0 396.3200000000001 303.14V307.08A13.94 13.94 0 0 1 382.3800000000001 321.02H375.4200000000001A7 7 0 0 0 368.4400000000001 327.98A7 7 0 0 1 361.4800000000002 334.9600000000001H358.6000000000002A10 10 0 0 1 351.6200000000001 332.06L347.5600000000002 327.98A24 24 0 0 0 330.7400000000001 321.02H67.7A14 14 0 0 0 57.84 325.1A13.94 13.94 0 0 1 38.14 325.1A14 14 0 0 0 28.28 321.02H20.12A13.94 13.94 0 0 1 6.2 307.08V257.94C6.2 253.6 5.14 249.36 3.56 245.34C0.34 237.14 -3.56 223.48 6.2 223.48C8.44 223.48 11.16 223.64 14.16 223.8C29.88 224.62 53.76 225.88 61.92 209.56M153.34 153.82A6.1 6.1 0 0 0 147.42 161.42L153.42 185.48C154.32 188.98 159.46 188.34 159.46 184.74C159.46 183.06 160.82 181.7 162.52 181.7H171.28Q173.4 181.7 175.14 180.52L186.2 173.14C192.54 168.94 200.0800000000001 176.48 195.86 182.8L188.5 193.86A7 7 0 0 0 187.32 197.7400000000001V202.6C187.32 206.44 190.4400000000001 209.56 194.28 209.56H226.2400000000001A7 7 0 0 0 231.1600000000001 207.5200000000001L234.9000000000001 203.78C240.1000000000001 198.5600000000001 243.0600000000001 191.48 243.0600000000001 184.0800000000001V170.6400000000001A7 7 0 0 0 241.0200000000001 165.72L237.2800000000001 161.9800000000001A28 28 0 0 0 217.5800000000001 153.8200000000001zM45.28 275H367.76C372.76 275 375.72 269.44 372.96 265.28L368.78 259.04A6.2 6.2 0 0 0 363.58 256.24H41.1A6.24 6.24 0 0 0 35.9 265.9600000000001L40.08 272.2200000000001A6.2 6.2 0 0 0 45.28 275" : "M49.54 167.64C55.04 156.64 44.28 137.54 31.96 115.64C19.28 93.12 4.96 67.64 4.96 45.04C4.96 41.44 8.76 38.24 11.94 36.2C14.58 34.5 17.74 33.88 20.86 33.88H78.36A15.8 15.8 0 0 1 94.12 49.66C94.12 53.84 95.78 57.86 98.74 60.8L101.34 63.4A13.4 13.4 0 0 1 105.28 72.9C105.28 76.46 106.68 79.9 109.22 82.4200000000001L110.84 84.04A19 19 0 0 1 116.42 97.5V100.7600000000001C116.42 106.9200000000001 121.42 111.9200000000001 127.56 111.9200000000001H183.3C195.6 111.9200000000001 205.58 121.9 205.58 134.2000000000001V156.5C205.58 168.82 215.58 178.8 227.88 178.8H294.76C307.08 178.8 317.06 188.78 317.06 201.08V218.96C317.06 220.28 317.58 221.56 318.52 222.46A4.8 4.8 0 0 1 320 225.96V233.84A7.2 7.2 0 0 1 318.52 238.18A7.2 7.2 0 0 0 317.06 242.52V245.68A11.14 11.14 0 0 1 305.9 256.82H300.34A5.6 5.6 0 0 0 294.76 262.38A5.6 5.6 0 0 1 289.18 267.98H286.88A8 8 0 0 1 281.3 265.66L278.04 262.38A19 19 0 0 0 264.58 256.82H54.16A11.2 11.2 0 0 0 46.28 260.08A11.14 11.14 0 0 1 30.52 260.08A11.2 11.2 0 0 0 22.62 256.82H16.1A11.14 11.14 0 0 1 4.96 245.68V206.34C4.96 202.88 4.12 199.5 2.84 196.28C0.28 189.72 -2.84 178.8 4.96 178.8Q7.68 178.8 11.34 179.04C23.9 179.7 43 180.7 49.54 167.64M122.68 123.06A4.88 4.88 0 0 0 117.94 129.14L122.74 148.38C123.44 151.18 127.56 150.68 127.56 147.78C127.56 146.44 128.66 145.36 130 145.36H137.02Q138.7 145.34 140.12 144.42L148.96 138.52C154.04 135.12 160.0800000000001 141.18 156.7 146.24L150.8 155.0999999999999A6 6 0 0 0 149.86 158.18V162.08C149.86 165.16 152.36 167.64 155.44 167.64H180.98C182.46 167.64 183.88 167.04 184.92 166.02L187.92 163.02C192.1 158.8399999999999 194.44 153.18 194.44 147.26V136.5199999999999C194.44 135.0399999999999 193.84 133.62 192.8200000000001 132.58L189.82 129.58A22.4 22.4 0 0 0 174.06 123.06zM36.2 220H294.2000000000001A5 5 0 0 0 298.3400000000001 212.22L295.0000000000001 207.22A5 5 0 0 0 290.8400000000001 205H32.88A5 5 0 0 0 28.72 212.78L32.06 217.78A5 5 0 0 0 36.22 220"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Pistol.displayName = `Blueprint6.Icon.Pistol`;
 export default Pistol;

package/src/generated/components/pivot-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 = ["M2 4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m0-4H1C.45 0 0 .45 0 1v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m11.71 4.29C13.53 4.11 13.28 4 13 4s-.53.11-.71.29l-2 2a1.003 1.003 0 0 0 1.42 1.42l.29-.3V9c0 1.66-1.34 3-3 3H7.41l.29-.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-2 2c-.18.18-.29.43-.29.71s.11.53.29.71l2 2a1.003 1.003 0 0 0 1.42-1.42l-.3-.29H9c2.76 0 5-2.24 5-5V7.41l.29.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71zM15 0H5c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3 5H1c-.55 0-1 .45-1 1v13c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1m0-5H1C.45 0 0 .45 0 1v2c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m13.71 5.29C16.53 5.11 16.28 5 16 5s-.53.11-.71.29l-3 3a1.003 1.003 0 0 0 1.42 1.42L15 8.41V11c0 2.21-1.79 4-4 4H8.41l1.29-1.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-3 3c-.18.18-.29.43-.29.71s.11.53.29.71l3 3a1.003 1.003 0 0 0 1.42-1.42L8.41 17H11c3.31 0 6-2.69 6-6V8.41l1.29 1.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71zM19 0H6c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h13c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1"] as readonly string[];
+
 export const PivotTable: 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="pivot-table" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M60 300H20C9 300 0 291 0 280V20C0 9 9 0 20 0H60C71 0 80 9 80 20V280C80 291 71 300 60 300M60 400H20C9 400 0 391 0 380V340C0 329 9 320 20 320H60C71 320 80 329 80 340V380C80 391 71 400 60 400M334.2000000000001 294.2C330.6 297.8 325.6 300 320 300S309.4000000000001 297.8 305.8 294.2L245.8 234.2A20.06 20.06 0 0 1 274.2 205.8L300 231.8V180C300 135.8 264.2000000000001 100 220 100H168.2L194 125.8C197.8 129.4 200 134.4 200 140A20.06 20.06 0 0 1 165.8 154.2L105.8 94.2000000000001C102.2 90.6 100 85.6 100 80S102.2 69.4 105.8 65.8L165.8 5.8A20.06 20.06 0 0 1 194.2 34.2L168.2 60H220C286.2 60 340 113.8 340 180V231.8L365.8 206C369.4 202.2 374.4 200 380 200A20.06 20.06 0 0 1 394.2000000000001 234.2zM380 400H120C109 400 100 391 100 380V340C100 329 109 320 120 320H380C391 320 400 329 400 340V380C400 391 391 400 380 400" : "M40 240H20C9 240 0 231 0 220V20C0 9 9 0 20 0H40C51 0 60 9 60 20V220C60 231 51 240 40 240M40 320H20C9 320 0 311 0 300V280C0 269 9 260 20 260H40C51 260 60 269 60 280V300C60 311 51 320 40 320M274.2000000000001 234.2C270.6 237.8 265.6 240 260 240S249.4 237.8 245.8 234.2L205.8 194.2A20.06 20.06 0 0 1 234.2 165.8L240 171.8V140C240 106.8 213.2 80 180 80H148.2L154 85.8C157.8 89.4 160 94.4 160 100A20.06 20.06 0 0 1 125.8 114.2L85.8 74.2C82.2 70.6 80 65.6 80 60S82.2 49.4 85.8 45.8L125.8 5.8A20.06 20.06 0 0 1 154.2 34.2L148.2 39.9999999999999H180C235.2 39.9999999999999 280 84.8 280 140V171.8L285.8 166C289.4 162.2 294.4 160 300 160A20.06 20.06 0 0 1 314.2000000000001 194.2zM300 320H100C89 320 80 311 80 300V280C80 269 89 260 100 260H300C311 260 320 269 320 280V300C320 311 311 320 300 320"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 PivotTable.displayName = `Blueprint6.Icon.PivotTable`;
 export default PivotTable;

package/src/generated/components/pivot.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.57 7.02.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l4.27-4.27c-.58-.35-1.07-.84-1.41-1.42M15 8c-.55 0-1 .45-1 1v.59l-2.57-2.57c-.34.58-.83 1.07-1.41 1.41L12.59 11H12c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1m-4-3c0-1.66-1.34-3-3-3S5 3.34 5 5s1.34 3 3 3 3-1.34 3-3M8 6c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.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 = ["M5.83 9.75.29 15.29a1.003 1.003 0 0 0 1.42 1.42l5.54-5.54c-.57-.37-1.05-.85-1.42-1.42M19 11c-.55 0-1 .45-1 1v1.59l-3.83-3.83c-.37.56-.85 1.04-1.41 1.41L16.59 15H15c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1m-5-4c0-2.21-1.79-4-4-4S6 4.79 6 7s1.79 4 4 4 4-1.79 4-4m-4 2c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"] as readonly string[];
+
 export const Pivot: 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="pivot" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M116.6 205L5.8 94.2000000000001A20.06 20.06 0 0 1 34.2 65.8L145 176.6C133.6 184 124 193.6 116.6 205M380 180C369 180 360 171 360 160V128.2L283.4 204.8C276 193.6 266.4 184 255.2 176.6L331.8 100H300C289 100 280 91 280 80S289 60 300 60H380C391 60 400 69 400 80V160C400 171 391 180 380 180M280 260C280 304.2 244.2 340 200 340S120 304.2 120 260S155.8 180 200 180S280 215.8 280 260M200 220C178 220 160 238 160 260S178 300 200 300S240 282 240 260S222 220 200 220" : "M91.4 179.6L6 94.2C2.2 90.6 0 85.6 0 80A20.06 20.06 0 0 1 34.2 65.8L119.6 151.2C108 158.2 98.2 168 91.4 179.6M300 160C289 160 280 151 280 140V128.2L228.6 179.6C221.8 168 212 158.2 200.4 151.4L251.8 100H240C229 100 220 91 220 80S229 60 240 60H300C311 60 320 69 320 80V140C320 151 311 160 300 160M220 220C220 253.2 193.2 280 160 280S100 253.2 100 220S126.8 160 160 160S220 186.8 220 220M160 200C149 200 140 209 140 220S149 240 160 240S180 231 180 220S171 200 160 200"}
-                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>
-   );
+    );
 });
 Pivot.displayName = `Blueprint6.Icon.Pivot`;
 export default Pivot;

package/src/generated/components/play.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M12 8c0-.35-.19-.64-.46-.82l.01-.02-6-4-.01.02A.97.97 0 0 0 5 3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1 .21 0 .39-.08.54-.18l.01.02 6-4-.01-.02c.27-.18.46-.47.46-.82"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M16 10c0-.36-.2-.67-.49-.84l.01-.01-10-6-.01.01A1 1 0 0 0 5 3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1 .19 0 .36-.07.51-.16l.01.01 10-6-.01-.01c.29-.17.49-.48.49-.84"] as readonly string[];
+
 export const Play: 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="play" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M320 200C320 207.2 316 213.4 310.2 216.8L310.4 217L110.4 337L110.2 336.8A20 20 0 0 1 100 340C89 340 80 331 80 320V80C80 69 89 60 100 60C103.8 60 107.2 61.4 110.2 63.2L110.4 63L310.4 183L310.2 183.2C316 186.6 320 192.8 320 200" : "M240 160C240 167 236.2 172.8 230.8 176.4L231 176.8L111 256.8L110.8 256.4A19.4 19.4 0 0 1 100 260C89 260 80 251 80 240V80C80 69 89 60 100 60C104.2 60 107.8 61.6 110.8 63.6L111 63.2L231 143.2L230.8 143.6C236.2 147.2 240.0000000000001 153 240.0000000000001 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>
-   );
+    );
 });
 Play.displayName = `Blueprint6.Icon.Play`;
 export default Play;

package/src/generated/components/playbook.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.293.293a1 1 0 0 1 1.414 1.414L4.414 3l1.293 1.293a1 1 0 0 1-1.414 1.414L3 4.414 1.707 5.707A1 1 0 0 1 .293 4.293L1.586 3 .293 1.707A1 1 0 0 1 1.707.293L3 1.586zM14.29 4.71 13 3.41V6a3 3 0 0 1-3 3H4a1 1 0 0 0-1 1v5a1 1 0 1 1-2 0v-5a3 3 0 0 1 3-3h6a1 1 0 0 0 1-1V3.41L9.71 4.7c-.18.19-.43.3-.71.3a1.003 1.003 0 0 1-.71-1.71l3-3c.18-.18.43-.29.71-.29s.53.11.71.29l3 3a1.003 1.003 0 0 1-1.42 1.42M16 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-2 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M1.707.293A1 1 0 0 0 .293 1.707L2.086 3.5.293 5.293a1 1 0 0 0 1.414 1.414L3.5 4.914l1.793 1.793a1 1 0 0 0 1.414-1.414L4.914 3.5l1.793-1.793A1 1 0 0 0 5.293.293L3.5 2.086zM16 20a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4m2.29-12.3L16 3.41V8a3 3 0 0 1-3 3H4a1 1 0 0 0-1 1v7a1 1 0 1 1-2 0v-7a3 3 0 0 1 3-3h9a1 1 0 0 0 1-1V3.41l-2.29 2.3a1.003 1.003 0 0 1-1.42-1.42l4-4c.18-.18.43-.29.71-.29s.53.11.71.29l4 4A1.003 1.003 0 0 1 19 6c-.28 0-.53-.11-.71-.3"] as readonly string[];
+
 export const Playbook: 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="playbook" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M34.14 394.14A20 20 0 0 1 5.86 365.86L41.72 330L5.86 294.14A20 20 0 0 1 34.14 265.86L70 301.7200000000001L105.86 265.86A20 20 0 0 1 134.14 294.14L98.28 330L134.14 365.86A20 20 0 0 1 105.86 394.14L70 358.28zM320 0A80 80 0 1 1 320 160A80 80 0 0 1 320 0M320 40A40 40 0 1 1 320 120A40 40 0 0 1 320 40M365.8 286L320 331.8V240A60 60 0 0 0 260 180H80A20 20 0 0 1 60 160V20A20 20 0 1 0 20 20V160A60 60 0 0 0 80 220H260A20 20 0 0 1 280 240V331.8L234.2 285.8A20.06 20.06 0 0 0 205.8 314.2L285.8 394.2C289.4000000000001 397.8 294.4000000000001 400 300 400S310.6 397.8 314.2000000000001 394.2L394.2000000000001 314.2A20.06 20.06 0 0 0 380 280C374.4 280 369.4 282.2 365.8 286" : "M85.86 314.14A20 20 0 0 0 114.14 285.86L88.28 260L114.14 234.14A20 20 0 0 0 85.86 205.86L60 231.72L34.14 205.86A20 20 0 0 0 5.86 234.14L31.72 260L5.86 285.86A20 20 0 0 0 34.14 314.14L60 288.28zM285.8 225.8L260 251.8V200A60 60 0 0 0 200 140H80A20 20 0 0 1 60 120V20A20 20 0 1 0 20 20V120A60 60 0 0 0 80 180H200A20 20 0 0 1 220 200V251.8L194.2 226C190.6 222.2 185.6 220 180 220A20.06 20.06 0 0 0 165.8 254.2L225.8 314.2C229.4 317.8 234.4 320 240 320S250.6 317.8 254.2 314.2L314.2000000000001 254.2A20.06 20.06 0 0 0 285.8 225.8M320 60A60 60 0 1 0 200 60A60 60 0 0 0 320 60M280 60A20 20 0 1 0 240 60A20 20 0 0 0 280 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>
-   );
+    );
 });
 Playbook.displayName = `Blueprint6.Icon.Playbook`;
 export default Playbook;

package/src/generated/components/plus.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 7H9V3c0-.55-.45-1-1-1s-1 .45-1 1v4H3c-.55 0-1 .45-1 1s.45 1 1 1h4v4c0 .55.45 1 1 1s1-.45 1-1V9h4c.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 = ["M16 9h-5V4c0-.55-.45-1-1-1s-1 .45-1 1v5H4c-.55 0-1 .45-1 1s.45 1 1 1h5v5c0 .55.45 1 1 1s1-.45 1-1v-5h5c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const Plus: 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="plus" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M320 220H220V320C220 331 211 340 200 340S180 331 180 320V220H80C69 220 60 211 60 200S69 180 80 180H180V80C180 69 189 60 200 60S220 69 220 80V180H320C331 180 340 189 340 200S331 220 320 220" : "M260 180H180V260C180 271 171 280 160 280S140 271 140 260V180H60C49 180 40 171 40 160S49 140 60 140H140V60C140 49 149 40 160 40S180 49 180 60V140H260C271 140 280 149 280 160S271 180 260 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>
-   );
+    );
 });
 Plus.displayName = `Blueprint6.Icon.Plus`;
 export default Plus;

package/src/generated/components/polygon-filter.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 5c-.24 0-.47.05-.68.13L9.97 2.34c.01-.11.03-.22.03-.34 0-1.1-.9-2-2-2S6 .9 6 2c0 .04.01.08.01.12L2.88 4.21C2.61 4.08 2.32 4 2 4 .9 4 0 4.9 0 6c0 .74.4 1.38 1 1.72v4.55c-.6.35-1 .99-1 1.73 0 1.1.9 2 2 2 .74 0 1.38-.4 1.72-1h4.55c.35.6.98 1 1.72 1 1.1 0 2-.9 2-2 0-.37-.11-.7-.28-1L14 9c1.11-.01 2-.9 2-2s-.9-2-2-2m-4.01 7c-.73 0-1.37.41-1.71 1H3.73c-.18-.3-.43-.55-.73-.72V7.72c.6-.34 1-.98 1-1.72 0-.04-.01-.08-.01-.12l3.13-2.09c.27.13.56.21.88.21.24 0 .47-.05.68-.13l3.35 2.79c-.01.11-.03.22-.03.34 0 .37.11.7.28 1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 7q-.405 0-.75.15l-6.28-4.88c.01-.09.03-.18.03-.27 0-1.1-.9-2-2-2S7 .9 7 2c0 .06.01.12.02.19l-4.19 3C2.57 5.07 2.29 5 2 5 .9 5 0 5.9 0 7c0 .74.4 1.38 1 1.72v7.55c-.6.35-1 .99-1 1.73 0 1.1.9 2 2 2 .74 0 1.38-.4 1.72-1h7.55c.35.6.98 1 1.72 1 1.1 0 2-.9 2-2 0-.37-.11-.72-.29-1.02L18.03 11A2 2 0 0 0 18 7m-5.03 9c-.72.01-1.35.41-1.69 1H3.72c-.17-.3-.42-.55-.72-.72V8.72c.6-.34 1-.98 1-1.72 0-.06-.01-.12-.02-.19l4.19-3c.26.12.54.19.83.19q.405 0 .75-.15l6.28 4.88c-.01.09-.03.18-.03.27 0 .37.11.72.29 1.02z"] as readonly string[];
+
 export const PolygonFilter: 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="polygon-filter" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 260Q351.9 260 345 257L219.4 354.6C219.6 356.4 220 358.2 220 360C220 382 202 400 180 400S140 382 140 360C140 358.8 140.2 357.6 140.4 356.2L56.6 296.2000000000001C51.4 298.6 45.8 300 40 300C18 300 0 282 0 260C0 245.2 8 232.4000000000001 20 225.6V74.6C8 67.6 0 54.8000000000001 0 40C0 18 18 0 40 0C54.8 0 67.6 8 74.4 20H225.4C232.4 8 245 0 259.8 0C281.8 0 299.8 18 299.8 40C299.8 47.4 297.6 54.4 294 60.4L360.6 180A40 40 0 0 1 360 260M259.4 80C245 79.8 232.4 71.8 225.6 60H74.4C71 66 66 71 60 74.4V225.6C72 232.4 80 245.2 80 260C80 261.2 79.8 262.4 79.6 263.8L163.4 323.8C168.6 321.4 174.2 320 180 320Q188.1 320 195 323L320.6 225.4C320.4 223.6 320 221.8 320 220C320 212.6 322.2 205.6 325.8 199.6z" : "M280 220C275.2 220 270.6 219 266.4 217.4L199.4 273.2C199.6 275.4 200 277.6 200 280C200 302 182 320 160 320S120 302 120 280C120 279.2 120.2 278.4 120.2 277.6L57.6 235.8C52.2 238.4 46.4 240 40 240C18 240 0 222 0 200C0 185.2 8 172.4 20 165.6V74.6C8 67.6 0 54.8 0 40C0 18 18 0 40 0C54.8 0 67.6 8 74.4 20H165.4C172.4 8 185 0 199.8 0C221.8 0 239.8 18 239.8 40C239.8 47.4 237.6 54 234.2 60L280 140C302.2 140.2 320 158 320 180S302 220 280 220M199.8 80C185.2 80 172.4 71.8 165.6 60H74.6C71 66 66 71 60 74.4V165.6C72 172.4 80 185.2 80 200C80 200.8 79.8 201.6 79.8 202.4L142.4 244.2C147.8 241.6 153.6 240 160 240C164.8 240 169.4 241 173.6 242.6L240.6 186.8C240.4 184.6 240 182.4 240 180C240 172.6 242.2 166 245.6 160z"}
-                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>
-   );
+    );
 });
 PolygonFilter.displayName = `Blueprint6.Icon.PolygonFilter`;
 export default PolygonFilter;

package/src/generated/components/popout.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M5 8c0-1.66 1.34-3 3-3h4.59L11.3 6.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71s-.11-.53-.29-.71l-3-3a1.003 1.003 0 0 0-1.42 1.42L12.59 3H8C5.24 3 3 5.24 3 8H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zm-3 6v-4h4v4z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M6 10c0-2.21 1.79-4 4-4h6.59L14.3 8.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-.71l-4-4a1.003 1.003 0 0 0-1.42 1.42L16.59 4H10c-3.31 0-6 2.69-6 6H1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-4 8v-6h6v6z"] as readonly string[];
+
 export const Popout: 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="popout" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M120 200C120 244.2 155.8 280 200 280H331.8L286 234.2C282.2000000000001 230.6 280 225.6 280 220A20.06 20.06 0 0 1 314.2000000000001 205.8L394.2000000000001 285.8C397.8 289.4 400 294.4 400 300S397.8 310.6 394.2000000000001 314.2L314.2000000000001 394.2A20.06 20.06 0 0 1 285.8 365.8L331.8 320H200C133.8 320 80 266.2000000000001 80 200H20A20 20 0 0 1 0 180V20A20 20 0 0 1 20 0H180A20 20 0 0 1 200 20V180A20 20 0 0 1 180 200zM40 40V160H160V40z" : "M100 160C100 193.2 126.8 220 160 220H251.8L226 194.2C222.2 190.6 220 185.6 220 180A20.06 20.06 0 0 1 254.2 165.8L314.2000000000001 225.8C317.8 229.4 320 234.4 320 240S317.8 250.6 314.2000000000001 254.2L254.2 314.2A20.06 20.06 0 0 1 225.8 285.8L251.8 260H160C104.8 260 60 215.2 60 160H20A20 20 0 0 1 0 140V20A20 20 0 0 1 20 0H140A20 20 0 0 1 160 20V140A20 20 0 0 1 140 160zM40 40V120H120V40z"}
-                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>
-   );
+    );
 });
 Popout.displayName = `Blueprint6.Icon.Popout`;
 export default Popout;

package/src/generated/components/power.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 8c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1S7 .45 7 1v6c0 .55.45 1 1 1m3-5.32v2.34c1.21.91 2 2.35 2 3.98 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-1.63.79-3.06 2-3.98V2.68C2.64 3.81 1 6.21 1 9c0 3.87 3.13 7 7 7s7-3.13 7-7c0-2.79-1.64-5.19-4-6.32"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 10c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1S9 .45 9 1v8c0 .55.45 1 1 1m3-7.45v2.16c2.36 1.12 4 3.5 4 6.29 0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.79 1.64-5.17 4-6.29V2.55C3.51 3.79 1 7.09 1 11a9 9 0 0 0 18 0c0-3.91-2.51-7.21-6-8.45"] as readonly string[];
+
 export const Power: 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="power" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 200C211 200 220 209 220 220V380C220 391 211 400 200 400S180 391 180 380V220C180 209 189 200 200 200M260 349V305.8C307.2 283.4 340 235.8 340 180C340 102.6 277.4000000000001 40 200 40S60 102.6 60 180C60 235.8 92.8 283.4 140 305.8V349C70.2 324.2 20 258.2 20 180A180 180 0 0 1 380 180C380 258.2 329.8000000000001 324.2 260 349" : "M160 160C171 160 180 169 180 180V300C180 311 171 320 160 320S140 311 140 300V180C140 169 149 160 160 160M220 266.4V219.6C244.2 201.4 260 172.6 260 140C260 84.8 215.2 40 160 40S60 84.8 60 140C60 172.6 75.8 201.2 100 219.6V266.4C52.8 243.8 20 195.8 20 140C20 62.6 82.6 0 160 0S300 62.6 300 140C300 195.8 267.2 243.8 220 266.4"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Power.displayName = `Blueprint6.Icon.Power`;
 export default Power;