@blueprintjs/icons 6.8.0 → 6.9.1

package/src/generated/components/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.55 13.43-2.67-2.68a6.94 6.94 0 0 0 1.11-3.76c0-3.87-3.13-7-7-7s-7 3.13-7 7 3.13 7 7 7c1.39 0 2.68-.42 3.76-1.11l2.68 2.67a1.498 1.498 0 1 0 2.12-2.12m-8.56-1.44c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m19.56 17.44-4.94-4.94A8 8 0 0 0 16 8c0-4.42-3.58-8-8-8S0 3.58 0 8s3.58 8 8 8c1.67 0 3.21-.51 4.5-1.38l4.94 4.94a1.498 1.498 0 1 0 2.12-2.12M8 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6"] as readonly string[];
+
 export const Search: 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="search" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M391.2 51.2L292.4 150A160 160 0 0 1 320 240C320 328.4 248.4 400 160 400S0 328.4 0 240S71.6 80 160 80C193.4 80 224.2 90.2 250 107.6L348.8 8.8A29.96 29.96 0 1 1 391.2000000000001 51.2M160 120C93.8 120 40 173.8 40 240S93.8 360 160 360S280 306.2000000000001 280 240S226.2 120 160 120" : "M311 51.4L257.6 105A138.8 138.8 0 0 1 279.8 180.2C279.8 257.6 217.2 320.2 139.8 320.2S-0.2 257.6 -0.2 180.2S62.4 40.2 139.8 40.2C167.6 40.2 193.4 48.6 215 62.4L268.6 9A29.96 29.96 0 1 1 311 51.4M139.8 80.2C84.6 80.2 39.8 125 39.8 180.2S84.6 280.2 139.8 280.2S239.8 235.4 239.8 180.2S195 80.2 139.8 80.2"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Search.displayName = `Blueprint6.Icon.Search`;
 export default Search;

package/src/generated/components/segmented-control.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 4H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6H8V6h6z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 5H1c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1m-1 8h-8V7h8z"] as readonly string[];
+
 export const SegmentedControl: 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="segmented-control" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 300H20C9 300 0 291 0 280V120C0 109 9 100 20 100H380C391 100 400 109 400 120V280C400 291 391 300 380 300M360 140H200V260H360z" : "M300 240H20C9 240 0 231 0 220V100C0 89 9 80 20 80H300C311 80 320 89 320 100V220C320 231 311 240 300 240M280 120H160V200H280z"}
-                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>
-   );
+    );
 });
 SegmentedControl.displayName = `Blueprint6.Icon.SegmentedControl`;
 export default SegmentedControl;

package/src/generated/components/select.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M16 15c0-.28-.12-.52-.31-.69l.02-.02-3.12-3.12 3.41-.84-8.05-2.86c.03-.09.05-.17.05-.27V2c0-.55-.45-1-1-1H3c0-.55-.45-1-1-1S1 .45 1 1c-.55 0-1 .45-1 1s.45 1 1 1v4c0 .55.45 1 1 1h5.2c.1 0 .18-.02.27-.05L10.33 16l.85-3.41 3.12 3.12.02-.02c.16.19.4.31.68.31.04 0 .07-.02.1-.02s.06.02.1.02c.44 0 .8-.36.8-.8 0-.04-.02-.07-.02-.1s.02-.06.02-.1M6 6H3V3h3z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m19.71 18.29-4.25-4.25L20 12.91 9.93 9.33c.04-.1.07-.21.07-.33V3c0-.55-.45-1-1-1H4V1c0-.55-.45-1-1-1S2 .45 2 1v1H1c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 .55.45 1 1 1h6c.12 0 .23-.03.34-.07L12.91 20l1.14-4.54 4.25 4.25c.17.18.42.29.7.29a1.003 1.003 0 0 0 .71-1.71M8 8H4V4h4z"] as readonly string[];
+
 export const Select: 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="select" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M394.2000000000001 34.2L309.2000000000001 119.2000000000001L400 141.8L198.6 213.4C199.4 215.4 200 217.6 200 220V340C200 351 191 360 180 360H80V380C80 391 71 400 60 400S40 391 40 380V360H20C9 360 0 351 0 340S9 320 20 320H40V220C40 209 49 200 60 200H180C182.4 200 184.6 200.6 186.8 201.4L258.2 0L281 90.8L366 5.8C369.4000000000001 2.2 374.4000000000001 0 380 0A20.06 20.06 0 0 1 394.2000000000001 34.2M160 240H80V320H160z" : "M320 20C320 25.6 317.6 30.4 313.8 33.8L314.2 34.2L251.8 96.6L320 113.4L159 170.6C159.6 172.4 160 174 160 176V280C160 291 151 300 140 300H60C60 311 51 320 40 320S20 311 20 300C9 300 0 291 0 280S9 260 20 260V180C20 169 29 160 40 160H144C146 160 147.6 160.4 149.4 161L206.6 0L223.6 68.2L286 5.8L286.4 6.2C289.6 2.4 294.4000000000001 0 300 0C300.8 0 301.4 0.4 302 0.4S303.2 0 304 0C312.8 0 320 7.2 320 16C320 16.8 319.6 17.4 319.6 18S320 19.2 320 20M120 200H60V260H120z"}
-                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>
-   );
+    );
 });
 Select.displayName = `Blueprint6.Icon.Select`;
 export default Select;

package/src/generated/components/selection-box-add.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M6 2h4V0H6zm-6 8V6h2v4zM1 0h3v2H2v2H0V1a1 1 0 0 1 1-1M0 14v1a1 1 0 0 0 1 1h3v-2H2v-2H0zm10 0v2H6v-2zm6-8h-2v4h2zm-1 10h-3v-2h2v-2h2v3a1 1 0 0 1-1 1m1-14V1a1 1 0 0 0-1-1h-3v2h2v2h2zM7 5a1 1 0 0 1 2 0v2h2a1 1 0 1 1 0 2H9v2a1 1 0 1 1-2 0V9H5a1 1 0 0 1 0-2h2z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M2 0h3v2H2v3H0V1a1 1 0 0 1 1-1zm16 18v-3h2v4a1 1 0 0 1-1 1h-4v-2zM0 15v4a1 1 0 0 0 1 1h4v-2H2v-3zM18 0h-3v2h3v3h2V1a1 1 0 0 0-1-1zm-6 0H8v2h4zM0 8v4h2V8zm9-2a1 1 0 0 1 2 0v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H6a1 1 0 1 1 0-2h3zm11 6h-2V8h2zM8 20v-2h4v2z"] as readonly string[];
+
 export const SelectionBoxAdd: 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="selection-box-add" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M40 400H100V360H40V300H0V380A20 20 0 0 0 20 400zM360 40V100H400V20A20 20 0 0 0 380 0H300V40zM0 100V20A20 20 0 0 1 20 0H100V40H40V100zM360 400H300V360H360V300H400V380A20 20 0 0 1 380 400zM240 400H160V360H240zM0 240V160H40V240zM180 280A20 20 0 0 0 220 280V220H280A20 20 0 1 0 280 180H220V120A20 20 0 1 0 180 120V180H120A20 20 0 1 0 120 220H180zM400 160H360V240H400zM160 0V40H240V0z" : "M120 280H200V320H120zM0 120V200H40V120zM20 320H80V280H40V240H0V300A20 20 0 0 0 20 320M0 40V20A20 20 0 0 1 20 0H80V40H40V80H0zM200 40V0H120V40zM320 200H280V120H320zM300 0H240V40H280V80H320V20A20 20 0 0 0 300 0M320 280V300A20 20 0 0 1 300 320H240V280H280V240H320zM140 220A20 20 0 0 0 180 220V180H220A20 20 0 1 0 220 140H180V100A20 20 0 1 0 140 100V140H100A20 20 0 0 0 100 180H140z"}
-                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>
-   );
+    );
 });
 SelectionBoxAdd.displayName = `Blueprint6.Icon.SelectionBoxAdd`;
 export default SelectionBoxAdd;

package/src/generated/components/selection-box-edit.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 2H6V0h4zM0 6v4h2V6zm6 10h4v-2H6zm8-10h2v4h-2zM2 0H1a1 1 0 0 0-1 1v3h2V2h2V0zM0 15v-3h2v2h2v2H1a1 1 0 0 1-1-1m14 1h1a1 1 0 0 0 1-1v-3h-2v2h-2v2zM8.72 9.224l-1.943-1.94 5.268-5.265 1.934 1.949zm-.685.684L5 11l1.1-3.01zM13.657.4c.252-.244.597-.401.975-.401.763 0 1.376.62 1.368 1.367 0 .385-.15.723-.401.974l-1.132 1.132-1.942-1.94z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M5 0H1a1 1 0 0 0-1 1v4h2V2h3zm13 15v3h-3v2h4a1 1 0 0 0 1-1v-4zM0 18v-3h2v3h3v2H1a1 1 0 0 1-1-1zM8 0h4v2H8zm10 8v4h2V8zM0 12V8h2v4zm12 6H8v2h4zM19.548.452a1.543 1.543 0 0 0-2.182 0l-1.091 1.091 2.182 2.182 1.091-1.09a1.543 1.543 0 0 0 0-2.183m-4 1.818 2.181 2.183-8.001 8.001-2.182-2.182zM6.817 11 9 13.182 5 15z"] as readonly string[];
+
 export const SelectionBoxEdit: 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="selection-box-edit" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M100 400H20A20 20 0 0 1 0 380V300H40V360H100zM360 100V40H300V0H380A20 20 0 0 1 400 20V100zM0 40V100H40V40H100V0H20A20 20 0 0 0 0 20zM160 400H240V360H160zM360 240V160H400V240zM0 160V240H40V160zM240 40H160V0H240zM390.96 390.96A30.86 30.86 0 0 1 347.32 390.96L325.5 369.14L369.14 325.5L390.96 347.3A30.86 30.86 0 0 1 390.96 390.96M310.96 354.6L354.58 310.94L194.56 150.92L150.92 194.56zM136.34 180L180 136.36L100 100z" : "M200 280H120V320H200zM0 200V120H40V200zM120 0H200V40H120zM280 200H320V120H280zM40 320H20A20 20 0 0 1 0 300V240H40V280H80V320zM0 20V80H40V40H80V0H20A20 20 0 0 0 0 20M280 0H300A20 20 0 0 1 320 20V80H280V40H240V0zM174.4 135.52L135.54 174.32L240.9000000000001 279.62L279.5800000000001 240.64zM160.7 121.84L100 100L122 160.2zM273.14 312C278.18 316.88 285.08 320.02 292.64 320.02C307.9 320.02 320.16 307.62 320 292.68C320 284.98 317 278.2200000000001 311.98 273.2L289.3400000000001 250.56L250.5 289.36z"}
-                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>
-   );
+    );
 });
 SelectionBoxEdit.displayName = `Blueprint6.Icon.SelectionBoxEdit`;
 export default SelectionBoxEdit;

package/src/generated/components/selection-box-remove.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 2H6V0h4zM0 6v4h2V6zm6 10h4v-2H6zm8-6V6h2v4zM1 0a1 1 0 0 0-1 1v3h2V2h2V0zM0 15v-3h2v2h2v2H1a1 1 0 0 1-1-1m15 1a1 1 0 0 0 1-1v-3h-2v2h-2v2zm1-15v3h-2V2h-2V0h3a1 1 0 0 1 1 1M5 9a1 1 0 0 1 0-2h6a1 1 0 1 1 0 2z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M5 0v2H2v3H0V1a1 1 0 0 1 1-1zm13 18v-3h2v4a1 1 0 0 1-1 1h-4v-2zM0 15v4a1 1 0 0 0 1 1h4v-2H2v-3zM15 0v2h3v3h2V1a1 1 0 0 0-1-1zm-3 0H8v2h4zM0 8v4h2V8zm20 4h-2V8h2zM8 20v-2h4v2zm-1.999-8.993a1 1 0 1 1 0-2h8a1 1 0 0 1 0 2z"] as readonly string[];
+
 export const SelectionBoxRemove: 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="selection-box-remove" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M100 400V360H40V300H0V380A20 20 0 0 0 20 400zM360 40V100H400V20A20 20 0 0 0 380 0H300V40zM0 100V20A20 20 0 0 1 20 0H100V40H40V100zM300 400V360H360V300H400V380A20 20 0 0 1 380 400zM240 400H160V360H240zM0 240V160H40V240zM400 160H360V240H400zM160 0V40H240V0zM120.02 179.86A20 20 0 1 0 120.02 219.86H280.02A20 20 0 0 0 280.02 179.86z" : "M200 280H120V320H200zM0 200V120H40V200zM120 0H200V40H120zM280 120V200H320V120zM20 320A20 20 0 0 1 0 300V240H40V280H80V320zM0 20V80H40V40H80V0H20A20 20 0 0 0 0 20M300 0A20 20 0 0 1 320 20V80H280V40H240V0zM320 300V240H280V280H240V320H300A20 20 0 0 0 320 300M100 140A20 20 0 0 0 100 180H220A20 20 0 1 0 220 140z"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 SelectionBoxRemove.displayName = `Blueprint6.Icon.SelectionBoxRemove`;
 export default SelectionBoxRemove;

package/src/generated/components/selection-box.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 2H6V0h4zM0 6v4h2V6zm6 10h4v-2H6zm8-6V6h2v4zM2 0H1a1 1 0 0 0-1 1v3h2V2h2V0zM0 15v-3h2v2h2v2H1a1 1 0 0 1-1-1m14 1h1a1 1 0 0 0 1-1v-3h-2v2h-2v2zm2-15v3h-2V2h-2V0h3a1 1 0 0 1 1 1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M5 0H1a1 1 0 0 0-1 1v4h2V2h3zm13 15v3h-3v2h4a1 1 0 0 0 1-1v-4zM0 18v-3h2v3h3v2H1a1 1 0 0 1-1-1zM15 0h4a1 1 0 0 1 1 1v4h-2V2h-3zM8 0h4v2H8zm10 8v4h2V8zM0 12V8h2v4zm12 6H8v2h4z"] as readonly string[];
+
 export const SelectionBox: 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="selection-box" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M100 400H20A20 20 0 0 1 0 380V300H40V360H100zM360 100V40H300V0H380A20 20 0 0 1 400 20V100zM0 40V100H40V40H100V0H20A20 20 0 0 0 0 20zM300 400H380A20 20 0 0 0 400 380V300H360V360H300zM160 400H240V360H160zM360 240V160H400V240zM0 160V240H40V160zM240 40H160V0H240z" : "M200 280H120V320H200zM0 200V120H40V200zM120 0H200V40H120zM280 120V200H320V120zM40 320H20A20 20 0 0 1 0 300V240H40V280H80V320zM0 20V80H40V40H80V0H20A20 20 0 0 0 0 20M280 0H300A20 20 0 0 1 320 20V80H280V40H240V0zM320 300V240H280V280H240V320H300A20 20 0 0 0 320 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>
-   );
+    );
 });
 SelectionBox.displayName = `Blueprint6.Icon.SelectionBox`;
 export default SelectionBox;

package/src/generated/components/selection.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6m0-9C6.34 5 5 6.34 5 8s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10 0c5.52 0 10 4.48 10 10s-4.48 10-10 10S0 15.52 0 10 4.48 0 10 0m0 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m0 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8"] as readonly string[];
+
 export const Selection: 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="selection" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200 400C310.4 400 400 310.4 400 200S310.4 0 200 0S0 89.6 0 200S89.6 400 200 400M200 360C111.6 360 40 288.4 40 200S111.6 40 200 40S360 111.6 360 200S288.4 360 200 360M200 280A80 80 0 1 0 200 120A80 80 0 0 0 200 280" : "M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320M160 40C93.8 40 40 93.8 40 160S93.8 280 160 280S280 226.2 280 160S226.2 40 160 40M160 220C126.8 220 100 193.2 100 160S126.8 100 160 100S220 126.8 220 160S193.2 220 160 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>
-   );
+    );
 });
 Selection.displayName = `Blueprint6.Icon.Selection`;
 export default Selection;

package/src/generated/components/send-backward.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.303 15.71c.18.18.43.29.7.29s.53-.11.71-.29l2.997-2.99a1.003 1.003 0 0 0-1.42-1.42l-1.288 1.29L9 9h6a1 1 0 1 0 0-2H9V5h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6v2H1a1 1 0 1 0 0 2h6v3.586h.003v.004l-1.29-1.29a1 1 0 0 0-.699-.29 1.003 1.003 0 0 0-.71 1.71z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10.707 19.707a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 16.586V11H1a1 1 0 1 1 0-2h8V6H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-8v3h8a1 1 0 1 1 0 2h-8v5.586l2.293-2.293a1 1 0 0 1 1.414 1.414z"] as readonly string[];
+
 export const SendBackward: 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="send-backward" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M214.14 5.86A20 20 0 0 0 185.86 5.86L105.86 85.86A20 20 0 1 0 134.14 114.14L180 68.28V180H20A20 20 0 1 0 20 220H180V280H20A20 20 0 0 0 0 300V360A20 20 0 0 0 20 380H380A20 20 0 0 0 400 360V300A20 20 0 0 0 380 280H220V220H380A20 20 0 1 0 380 180H220V68.28L265.86 114.14A20 20 0 0 0 294.14 85.86z" : "M146.06 5.8C149.66 2.2 154.66 0 160.06 0S170.66 2.2 174.26 5.8L234.2 65.6A20.06 20.06 0 0 1 205.8 94L180.04 68.2L180 140H300A20 20 0 1 1 300 180H180V220H300A20 20 0 0 1 320 240V280A20 20 0 0 1 300 300H20A20 20 0 0 1 0 280V240A20 20 0 0 1 20 220H140V180H20A20 20 0 1 1 20 140H140V68.28H140.06V68.2L114.26 94A20 20 0 0 1 100.28 99.8A20.06 20.06 0 0 1 86.08 65.6z"}
-                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>
-   );
+    );
 });
 SendBackward.displayName = `Blueprint6.Icon.SendBackward`;
 export default SendBackward;

package/src/generated/components/send-message.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.399 9.01 1.527 15.875c-.535.267-1.175.081-1.421-.427A.95.95 0 0 1 0 15v-5l8-2-8-2V1c0-.528.407-1 1.004-1 .169 0 .416.04.567.116L15.403 7.07a1.084 1.084 0 0 1-.005 1.939"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M1.754.135 19.393 9.06c.57.288.775.943.458 1.462-.107.176-.266.32-.458.418l-17.64 8.925c-.57.288-1.288.1-1.604-.418C.05 19.287 0 19.183 0 19v-7l11-2L0 8V1.075C0 .481.529 0 1.18 0c.201 0 .399.047.574.135"] as readonly string[];
+
 export const SendMessage: 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="send-message" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M35.08 397.3L387.86 218.8C399.26 213.04 403.36 199.94 397.02 189.56C394.88 186.04 391.7000000000001 183.16 387.86 181.2L35.06 2.6999999999999C23.66 -3.0600000000001 9.3 0.6999999999999 2.98 11.0599999999999C1 14.26 0 16.34 0 20V160L220 200L0 240V378.5C0 390.38 10.58 400 23.6 400C27.62 400 31.58 399.06 35.08 397.3" : "M307.98 139.8L30.54 2.5C19.84 -2.84 7.04 0.88 2.12 11.04A19 19 0 0 0 0 20V120L160 160L0 200V300C0 310.56 8.14 320 20.08 320C23.46 320 28.4 319.2 31.42 317.68L308.06 178.6A21.68 21.68 0 0 0 307.96 139.82"}
-                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>
-   );
+    );
 });
 SendMessage.displayName = `Blueprint6.Icon.SendMessage`;
 export default SendMessage;

package/src/generated/components/send-to-graph.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 9H2c-.55 0-1 .45-1 1s.45 1 1 1h1.59L.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L5 12.41V14c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1m8 .5c-.56 0-1.06.23-1.42.59l-2.13-1.24L8.99 8l3.59-2.09A2.002 2.002 0 0 0 16 4.5c0-1.1-.9-2-2-2s-2 .9-2 2c0 .19.03.37.08.54L8.5 7.13v-3.2c.86-.22 1.5-1 1.5-1.93 0-1.1-.9-2-2-2S6 .9 6 2c0 .93.64 1.71 1.5 1.93v3.2l-.88-.52-2.7-1.57c.05-.17.08-.35.08-.54 0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2c.56 0 1.06-.23 1.42-.59l2.13 1.24 3.84 2.24 2.7 1.57q-.09.255-.09.54c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M8 11H3c-.55 0-1 .45-1 1s.45 1 1 1h2.59L.3 18.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L7 14.41V17c0 .55.45 1 1 1s1-.45 1-1v-5c0-.55-.45-1-1-1m10 2c-.53 0-1.01.21-1.37.55L11.9 10.6c.06-.19.1-.39.1-.6s-.04-.41-.1-.6l4.72-2.95c.37.34.85.55 1.38.55 1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2c0 .21.04.41.1.6l-4.73 2.96c-.24-.23-.54-.4-.87-.48V3.93c.86-.22 1.5-1 1.5-1.93 0-1.1-.9-2-2-2S8 .9 8 2c0 .93.64 1.71 1.5 1.93v4.14c-.33.09-.63.26-.87.48L7.6 7.91 5.42 6.55 3.9 5.6c.06-.19.1-.39.1-.6 0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2c.53 0 1.01-.21 1.37-.55L9 9.96V10h.06L12 11.84l.4.25 1.51.94 2.19 1.37c-.06.19-.1.39-.1.6 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2m-7-2.96-.06-.04H11z"] as readonly string[];
+
 export const SendToGraph: 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="send-to-graph" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M160 180H60C49 180 40 171 40 160S49 140 60 140H111.8L6 34.2C2.2 30.6 0 25.6 0 20A20.06 20.06 0 0 1 34.2 5.8L140 111.8V60C140 49 149 40 160 40S180 49 180 60V160C180 171 171 180 160 180M360 140C349.4 140 339.8 135.8 332.6 129L238 188C239.2 191.8 240 195.8 240 200S239.2 208.2 238 212L332.4000000000001 271C339.8000000000001 264.2 349.4000000000001 260 360 260C382 260 400 278 400 300S382 340 360 340S320 322 320 300C320 295.8 320.8 291.8 322 288L227.4000000000001 228.8C222.6 233.4000000000001 216.6 236.8000000000001 210 238.4000000000001V321.4C227.2 325.8 240.0000000000001 341.4 240.0000000000001 360C240.0000000000001 382 222 400 200 400S160 382 160 360C160 341.4 172.8 325.8 190 321.4V238.6C183.4 236.8 177.4 233.4 172.6 229L152 241.8L108.4 269L78 288C79.2 291.8 80 295.8 80 300C80 322 62 340 40 340S0 322 0 300S18 260 40 260C50.6 260 60.2 264.2 67.4 271L180 200.8V200H181.2L240 163.2L248 158.2L278.2 139.4L322 112C320.8000000000001 108.2000000000001 320 104.2000000000001 320 100.0000000000001C320 78.0000000000001 338 60 360 60S400 78 400 100S382 140 360 140M220 199.2L218.8 200H220z" : "M120 140H40C29 140 20 131 20 120S29 100 40 100H71.8L6 34.2C2.2 30.6 0 25.6 0 20A20.06 20.06 0 0 1 34.2 5.8L100 71.8V40C100 29 109 20 120 20S140 29 140 40V120C140 131 131 140 120 140M280 130C268.8 130 258.8 125.4 251.6 118.2L209 143L179.8 160L251.6 201.8A40.04 40.04 0 0 1 320 230C320 252 302 270 280 270S240 252 240 230C240 226.2 240.6 222.6 241.6 219.2L170 177.4V241.4C187.2 245.8 200 261.4 200 280C200 302 182 320 160 320S120 302 120 280C120 261.4 132.8 245.8 150 241.4V177.4L132.4 187.8L78.4 219.2C79.4 222.6 80 226.2 80 230C80 252 62 270 40 270S0 252 0 230S18 190 40 190C51.2 190 61.2 194.6 68.4 201.8L111 177L187.8 132.2L241.8 100.8Q240 95.7 240 90C240 68 258 50 280 50S320 68 320 90S302 130 280 130"}
-                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>
-   );
+    );
 });
 SendToGraph.displayName = `Blueprint6.Icon.SendToGraph`;
 export default SendToGraph;

package/src/generated/components/send-to-map.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 9H2c-.55 0-1 .45-1 1s.45 1 1 1h1.59L.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L5 12.41V14c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1m9.55-5.83-4.49-3A.98.98 0 0 0 9.99.15L5.53 2.82 1.56.17A1.003 1.003 0 0 0 0 1v6h2V2.87l2.94 1.96.06.03V7h1V4.86s.01 0 .01-.01L10 2.47v8.67s-.01 0-.01.01l-.99.58v2.33l1.47-.88 3.97 2.65A1.003 1.003 0 0 0 16 15V4c0-.35-.18-.65-.45-.83M14 13.13l-2.94-1.96c-.02-.01-.04-.02-.05-.03v-8.6l3 2v8.59z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M8 11H3c-.55 0-1 .45-1 1s.45 1 1 1h2.59L.3 18.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L7 14.41V17c0 .55.45 1 1 1s1-.45 1-1v-5c0-.55-.45-1-1-1m11.54-6.82.01-.02-6-4-.01.02C13.39.08 13.21 0 13 0s-.39.08-.54.18l-.01-.02L7 3.8 1.55.17l-.01.01A.97.97 0 0 0 1 0C.45 0 0 .45 0 1v9c0-.55.45-1 1-1h1V2.87l4 2.67V9h2V5.54l4-2.67v11.6l-1 .67v2.4l2-1.33 5.45 3.63.01-.02c.15.1.33.18.54.18.55 0 1-.45 1-1V5c0-.35-.19-.64-.46-.82M18 17.13l-4-2.67V2.87l4 2.67z"] as readonly string[];
+
 export const SendToMap: 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="send-to-map" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M160 180H60C49 180 40 171 40 160S49 140 60 140H111.8L6 34.2C2.2 30.6 0 25.6 0 20A20.06 20.06 0 0 1 34.2 5.8L140 111.8V60C140 49 149 40 160 40S180 49 180 60V160C180 171 171 180 160 180M390.8 316.4L391 316.8L271 396.8L270.8 396.4C267.8 398.4 264.2000000000001 400 260 400S252.2 398.4 249.2 396.4L249.0000000000001 396.8L140 324L31 396.6L30.8 396.4A19.4 19.4 0 0 1 20 400C9 400 0 391 0 380V200C0 211 9 220 20 220H40V342.6L120 289.2V220H160V289.2L240 342.6V110.6L220 97.2000000000001V49.2L260 75.8L369 3.2L369.2000000000001 3.6C372.2 1.6 375.8 0 380 0C391 0 400 9 400 20V300C400 307 396.2 312.8 390.8 316.4M360 57.4L280 110.8V342.6L360 289.2z" : "M120 140H40C29 140 20 131 20 120S29 100 40 100H71.8L6 34.2C2.2 30.6 0 25.6 0 20A20.06 20.06 0 0 1 34.2 5.8L100 71.8V40C100 29 109 20 120 20S140 29 140 40V120C140 131 131 140 120 140M311 256.6L221.2 316.6A19.6 19.6 0 0 1 199.8 317L110.6 263.6L31.2 316.6A20.06 20.06 0 0 1 0 300V180H40V262.6L98.8 223.4L100 222.8V180H120V222.8S120.2 222.8 120.2 223L200 270.6V97.2S199.8 97.2 199.8 97L180 85.4V38.8L209.4 56.4L288.8 3.4A20.06 20.06 0 0 1 320 20V240C320 247 316.4 253 311 256.6M280 57.4L221.2 96.6C220.8 96.8 220.4 96.9999999999999 220.2 97.2V269.2L280.2 229.2V57.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>
-   );
+    );
 });
 SendToMap.displayName = `Blueprint6.Icon.SendToMap`;
 export default SendToMap;

package/src/generated/components/send-to.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 7.5c-.8 0-1.5-.4-2-1l-1.2 1.2c-.4.5-1.1.7-1.8.7-1.4.1-2.5-1-2.5-2.4 0-.7.3-1.3.7-1.8L9.5 3c-.6-.5-1-1.2-1-2 0-.3.1-.7.2-1H8C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8v-.7c-.3.1-.6.2-1 .2M15 0h-4c-.6 0-1 .5-1 1s.4 1 1 1h1.6L9.3 5.3c-.2.2-.3.4-.3.7 0 .5.4 1 1 1 .3 0 .5-.1.7-.3L14 3.4V5c0 .6.4 1 1 1 .5 0 1-.4 1-1V1c0-.5-.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 = ["M19 0h-5c-.6 0-1 .4-1 1s.4 1 1 1h2.6l-4.3 4.3c-.2.2-.3.4-.3.7 0 .6.4 1 1 1 .3 0 .5-.1.7-.3L18 3.4V6c0 .5.5 1 1 1s1-.5 1-1V1c0-.6-.5-1-1-1m0 9c-1 0-1.9-.5-2.5-1.3l-1.4 1.4c-.5.6-1.3.9-2.1.9-1.7 0-3-1.3-3-3 0-.8.3-1.6.9-2.1l1.4-1.4C11.5 2.9 11 2 11 1c0-.3.1-.6.2-.9-.4-.1-.8-.1-1.2-.1C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10c0-.4 0-.8-.1-1.2-.3.1-.6.2-.9.2"] as readonly string[];
+
 export const SendTo: 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="send-to" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 400H280C268 400 260 392 260 380S268 360 280 360H332L246 274C242.0000000000001 270 240 266 240 260C240 248 248 240 260 240C266 240 270 242 274 246L360 332V280C360 270 370 260 380 260S400 270 400 280V380C400 392 390 400 380 400M380 220C360 220 342 230 330 246L302 218C292 206 276 200 260 200C226 200 200 226 200 260C200 276 206 292 218 302L246 330C230 342 220 360 220 380C220 386 222 392 224 398C216 400 208 400 200 400C90 400 0 310 0 200S90 0 200 0S400 90 400 200C400 208 400 216 398 224C392 222 386 220 380 220" : "M300 170C284 170 270 178 260 190L236 166C228 156 214 152 200 152C172 150 150 172 150 200C150 214 156 226 164 236L190 260C178 270 170 284 170 300C170 306 172 314 174 320H160C72 320 0 248 0 160S72 0 160 0S320 72 320 160V174C314 172 308 170 300 170M300 320H220C208 320 200 310 200 300S208 280 220 280H252L186 214C182 210 180 206 180 200C180 190 188 180 200 180C206 180 210 182 214 186L280 252V220C280 208 288 200 300 200C310 200 320 208 320 220V300C320 310 312 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>
-   );
+    );
 });
 SendTo.displayName = `Blueprint6.Icon.SendTo`;
 export default SendTo;

package/src/generated/components/sensor.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.586 11a1 1 0 0 1 .707.293L13 13h2v2H1v-2h2l1.707-1.707A1 1 0 0 1 5.414 11zM8 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2M5.2 6.153c1.07-1.428 4.238-1.628 5.568-.04.35.43.29 1.06-.13 1.41-.43.35-1.06.29-1.41-.13-.47-.57-2.11-.47-2.43-.04-.33.44-.96.53-1.4.2s-.529-.96-.199-1.4M2.302 4.278c3.12-3.039 8.278-3.039 11.387.01.4.38.4 1.01.02 1.41s-1.02.409-1.41.019c-2.339-2.289-6.258-2.289-8.598 0-.4.38-1.04.36-1.42-.03a.996.996 0 0 1 .02-1.41"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M13.238 14c.234 0 .46.082.64.232L16 16h2v2H2v-2h2l2.122-1.768a1 1 0 0 1 .64-.231zM10 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M6.269 8.64c1.949-2.09 5.298-2.279 7.457-.01a1 1 0 0 1-.04 1.41c-.4.38-1.03.36-1.42-.03-1.33-1.4-3.349-1.29-4.538-.01a.997.997 0 1 1-1.459-1.36m3.733-5.636c2.699 0 5.298 1.3 6.797 3.4.1.2.2.4.2.6 0 .3-.1.6-.4.8-.5.399-1.1.299-1.4-.201-1.1-1.6-3.198-2.6-5.197-2.6-2.1 0-3.899.9-5.198 2.6-.3.5-1 .5-1.4.2-.5-.3-.499-1-.199-1.4 1.7-2.199 3.998-3.489 6.797-3.399"] as readonly string[];
+
 export const Sensor: 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="sensor" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M264.76 120C269.44 120 273.9600000000001 118.36 277.56 115.36L320 80H360V40H40V80H80L122.44 115.36A20 20 0 0 0 135.24 119.98zM200 180A20 20 0 1 0 200 140A20 20 0 0 0 200 180M125.38 227.2C164.36 269 231.34 272.78 274.52 227.4A20 20 0 0 0 273.7200000000001 199.2C265.72 191.6 253.12 192 245.32 199.8C218.72 227.8 178.34 225.6 154.56 200A19.94 19.94 0 1 0 125.38 227.2M200.04 339.92C254.02 339.92 306 313.92 335.98 271.92C337.98 267.92 339.98 263.92 339.98 259.92C339.98 253.92 337.98 247.92 331.98 243.92C321.98 235.94 309.98 237.94 303.98 247.94C281.98 279.94 240.02 299.94 200.04 299.94C158.04 299.94 122.06 281.94 96.08 247.94C90.08 237.94 76.08 237.94 68.08 243.94C58.08 249.94 58.1 263.94 64.1 271.94C98.1 315.92 144.06 341.72 200.04 339.92" : "M211.72 100A20 20 0 0 0 225.86 94.14L260 60H300V20H20V60H60L94.14 94.14A20 20 0 0 0 108.28 100zM160 160A20 20 0 1 0 160 120A20 20 0 0 0 160 160M104 196.94C125.4 225.5 188.76 229.5 215.36 197.74C222.36 189.14 221.16 176.54 212.76 169.54C204.16 162.54 191.56 163.74 184.56 172.14C175.16 183.54 142.36 181.54 135.96 172.94C129.36 164.14 116.76 162.34 107.96 168.94S97.38 188.14 103.98 196.94M46.04 234.44C108.44 295.2200000000001 211.6 295.2200000000001 273.78 234.24C281.7800000000001 226.64 281.7800000000001 214.04 274.18 206.04S253.78 197.86 245.98 205.66C199.2 251.44 120.82 251.44 74.02 205.66C66.02 198.06 53.22 198.46 45.62 206.26A19.92 19.92 0 0 0 46.02 234.46"}
-                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>
-   );
+    );
 });
 Sensor.displayName = `Blueprint6.Icon.Sensor`;
 export default Sensor;

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

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M10.68 7.9c.44.54 1.07.92 1.79 1.05l-2.76 2.76c-.18.18-.43.29-.71.29s-.53-.11-.71-.3L5 8.41l-3 3V13h13c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1s1 .45 1 1v4.59l2.29-2.3C4.47 6.11 4.72 6 5 6s.53.11.71.29L9 9.59zM15 3c.55 0 1 .45 1 1s-.45 1-1 1h-1v1c0 .55-.45 1-1 1s-1-.45-1-1V5h-1c-.55 0-1-.45-1-1s.45-1 1-1h1V2c0-.55.45-1 1-1s1 .45 1 1v1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M13.29 9.29c.3.62.8 1.12 1.42 1.42l-3 3c-.18.18-.43.29-.71.29s-.53-.11-.71-.3L7 10.41l-5 5V17h17c.55 0 1 .45 1 1s-.45 1-1 1H1a1 1 0 0 1-1-1V4c0-.55.45-1 1-1s1 .45 1 1v8.59l4.29-4.3C6.47 8.11 6.72 8 7 8s.53.11.71.29l3.29 3.3zM12 5c0-.5.4-1 1-1h2V2c0-.6.4-1 1-1 .5 0 1 .4 1 1v2h2c.5 0 1 .4 1 1s-.5 1-1 1h-2v2c0 .6-.5 1-1 1-.6 0-1-.4-1-1V6h-2c-.6 0-1-.4-1-1"] as readonly string[];
+
 export const SeriesAdd: 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="series-add" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M265.8 214.2C271.8 201.8000000000001 281.8 191.8 294.2 185.8L234.2 125.8C230.6 122.2000000000001 225.6 120.0000000000001 220 120.0000000000001S209.4 122.2000000000001 205.8 126.0000000000001L140 191.8L40 91.8V60H380C391 60 400 51 400 40S391 20 380 20H20A20 20 0 0 0 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2zM240 300C240 310 248 320 260 320H300V360C300 372 308 380 320 380C330 380 340 372 340 360V320H380C390 320 400 312 400 300S390 280 380 280H340V240C340 228 330 220 320 220C308 220 300 228 300 240V280H260C248 280 240 288 240 300" : "M213.6 162C222.4 151.2 235 143.6 249.4 141L194.2 85.8C190.6 82.2 185.6 80 180 80S169.4 82.2 165.8 86L100 151.8L40 91.8V60H300C311 60 320 51 320 40S311 20 300 20H20C9 20 0 29 0 40V240C0 251 9 260 20 260S40 251 40 240V148.2L85.8 194.2C89.4 197.8 94.4 200 100 200S110.6 197.8 114.2 194.2L180 128.2zM300 260C311 260 320 251 320 240S311 220 300 220H280V200C280 189 271 180 260 180S240 189 240 200V220H220C209 220 200 229 200 240S209 260 220 260H240V280C240 291 249 300 260 300S280 291 280 280V260z"}
-                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>
-   );
+    );
 });
 SeriesAdd.displayName = `Blueprint6.Icon.SeriesAdd`;
 export default SeriesAdd;

package/src/generated/components/series-configuration.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.94 9.64c.65.23 1.34.36 2.06.36.14 0 .29-.01.43-.01L9.7 12.71c-.18.18-.43.29-.71.29s-.53-.11-.71-.3L5 9.41l-3 3V14h12.99c.55 0 1 .45 1 1s-.45 1-1 1H1c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v4.59l2.29-2.3C4.47 7.11 4.72 7 5 7s.53.11.71.29L9 10.59zm4.73-6.44h.92c.22 0 .4.18.4.4v.8c0 .22-.18.4-.4.4h-.93c-.06.2-.14.38-.24.55l.66.65c.15.15.15.4 0 .55l-.54.55c-.15.15-.4.15-.55 0l-.65-.65c-.17.1-.36.18-.55.24v.91c0 .22-.18.4-.4.4h-.8c-.22 0-.4-.18-.4-.4v-.93c-.18-.06-.36-.13-.52-.22l-.68.68c-.15.16-.41.16-.57 0l-.56-.56a.417.417 0 0 1 0-.57l.68-.68c-.08-.16-.16-.33-.22-.52h-.93c-.22 0-.4-.18-.4-.4v-.8c0-.22.18-.4.4-.4h.93c.06-.2.14-.38.24-.55l-.65-.64a.39.39 0 0 1 0-.55l.54-.55a.38.38 0 0 1 .54 0l.65.65c.18-.1.36-.18.55-.24V.4c0-.22.18-.4.4-.4h.8c.22 0 .4.18.4.4v.93c.18.06.35.14.52.22l.68-.68c.15-.16.41-.16.57 0l.57.57c.15.16.15.41 0 .57l-.68.68c.09.16.16.33.22.51m-4.18.8c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5c-.82 0-1.5.67-1.5 1.5"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11.91 10.67c.52.45 1.13.8 1.8 1.03l-2.01 2.01c-.18.18-.43.29-.71.29s-.53-.11-.71-.3L7 10.41l-5 5V17h16.99c.55 0 1 .45 1 1s-.45 1-1 1H1a1 1 0 0 1-1-1V4c0-.55.45-1 1-1s1 .45 1 1v8.59l4.29-4.3C6.47 8.11 6.72 8 7 8s.53.11.71.29l3.29 3.3zM18.5 4.6h1.04c.25 0 .45.2.46.44v.9c0 .25-.2.45-.45.45h-1.04c-.07.22-.16.42-.27.62l.73.73c.17.17.17.44 0 .61l-.61.61c-.17.17-.44.17-.61 0l-.73-.73c-.2.11-.4.2-.62.26v1.05c0 .25-.2.45-.45.45h-.9c-.25 0-.45-.2-.45-.45V8.51c-.21-.06-.4-.15-.58-.25l-.76.77c-.17.17-.46.17-.64 0l-.64-.64a.465.465 0 0 1 0-.64l.76-.77c-.1-.19-.19-.38-.25-.59h-1.04c-.25 0-.45-.2-.45-.45v-.9c0-.25.2-.45.45-.45h1.04c.07-.22.16-.42.27-.61l-.73-.73a.43.43 0 0 1 0-.61l.61-.61c.17-.17.44-.17.61 0l.73.73c.2-.11.4-.2.62-.26V1.45a.44.44 0 0 1 .44-.45h.9c.25 0 .45.2.45.45V2.5c.21.06.4.15.58.25l.76-.77c.17-.17.46-.17.64 0l.64.64c.17.17.17.46 0 .64l-.76.77c.1.17.19.36.25.57m-4.69.9c0 .93.75 1.69 1.69 1.69.93 0 1.69-.75 1.69-1.69s-.75-1.69-1.69-1.69-1.69.76-1.69 1.69"] as readonly string[];
+
 export const SeriesConfiguration: 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="series-configuration" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M238.2 186.6C248.6 177.6 260.8 170.6 274.2000000000001 166L234.0000000000001 125.8C230.4000000000001 122.2000000000001 225.4000000000001 120.0000000000001 219.8000000000001 120.0000000000001S209.2000000000001 122.2000000000001 205.6 126.0000000000001L140 191.8L40 91.8V60H379.8C390.8 60 399.8 51 399.8 40S390.8 20 379.8 20H20A20 20 0 0 0 0 40V320C0 331 9 340 20 340S40 331 40 320V148.2L125.8 234.2C129.4 237.8 134.4 240 140 240S150.6 237.8 154.2 234.2L220 168.2zM370 308H390.8C395.8 308 399.8 304 400 299.2V281.2C400 276.2 396 272.2 391 272.2H370.2000000000001C368.8 267.8 367 263.8 364.8000000000001 259.8L379.4000000000001 245.2C382.8000000000001 241.8 382.8000000000001 236.4 379.4000000000001 233L367.2000000000001 220.8C363.8 217.4 358.4000000000001 217.4 355.0000000000001 220.8L340.4000000000001 235.4000000000001C336.4000000000001 233.2000000000001 332.4000000000001 231.4000000000001 328.0000000000001 230.2000000000001V209.2C328.0000000000001 204.2 324.0000000000001 200.2000000000001 319.0000000000001 200.2000000000001H301.0000000000001C296.0000000000001 200.2000000000001 292.0000000000001 204.2 292.0000000000001 209.2V229.8C287.8000000000001 231 284.0000000000001 232.8 280.4000000000001 234.8L265.2000000000001 219.4C261.8000000000001 216 256.0000000000001 216 252.4000000000001 219.4L239.6000000000001 232.2A9.3 9.3 0 0 0 239.6000000000001 245.0000000000001L254.8000000000001 260.4000000000001C252.8000000000001 264.2000000000001 251.0000000000001 268 249.8000000000001 272.2000000000001H229.0000000000001C224.0000000000001 272.2000000000001 220.0000000000001 276.2000000000001 220.0000000000001 281.2000000000001V299.2000000000001C220.0000000000001 304.2000000000001 224.0000000000001 308.2000000000001 229.0000000000001 308.2000000000001H249.8000000000001C251.2000000000001 312.6 253.0000000000001 316.6 255.2000000000001 320.4000000000001L240.6 335A8.6 8.6 0 0 0 240.6 347.2000000000001L252.8 359.4000000000001C256.2 362.8 261.6 362.8 265 359.4000000000001L279.6 344.8C283.6 347 287.6 348.8 292 350.0000000000001V371A8.8 8.8 0 0 0 300.8 380H318.8C323.8 380 327.8 376 327.8 371V350C332 348.8 335.8 347 339.4 345L354.6 360.4C358.0000000000001 363.8 363.8 363.8 367.4000000000001 360.4L380.2000000000001 347.6C383.6000000000001 344.2 383.6000000000001 338.4 380.2000000000001 334.8L365 319.4C367 316 368.8 312.2 370 308M276.2 290C276.2 271.4 291.2 256.2 310 256.2C328.6 256.2 343.8 271.2 343.8 290S328.8 323.8 310 323.8S276.2 308.6 276.2 290" : "M198.8 127.2C211.8 122.6 225.6 120 240 120C242.8 120 245.8 120.2 248.6 120.2L194 65.8C190.4 62.2 185.4 60 179.8 60S169.2 62.2 165.6 66L100 131.8L40 71.8V40H299.8C310.8 40 319.8 31 319.8 20S310.8 0 299.8 0H20C9 0 0 9 0 20V220C0 231 9 240 20 240S40 231 40 220V128.2L85.8 174.2C89.4 177.8 94.4 180 100 180S110.6 177.8 114.2 174.2L180 108.2zM293.4 256H311.8C316.2 256 319.8 252.4 319.8 248V232C319.8 227.6 316.2 224 311.8 224H293.2C292 220 290.4 216.4 288.4 213L301.6 200C304.6 197 304.6 192 301.6 189L290.8 178C287.8 175 282.8 175 279.8 178L266.8 191C263.4 189 259.6 187.4 255.8 186.2V168C255.8 163.6 252.2 160 247.8 160H231.8C227.3999999999999 160 223.7999999999999 163.6 223.7999999999999 168V186.6C220.1999999999999 187.8 216.5999999999999 189.2 213.3999999999999 191L199.7999999999999 177.4C196.7999999999999 174.2 191.5999999999999 174.2 188.3999999999999 177.4L177.1999999999999 188.6A8.34 8.34 0 0 0 177.1999999999999 200L190.7999999999999 213.6C189.1999999999999 216.8 187.5999999999999 220.2 186.3999999999999 224H167.7999999999999C163.3999999999999 224 159.7999999999999 227.6 159.7999999999999 232V248C159.7999999999999 252.4 163.3999999999999 256 167.7999999999999 256H186.3999999999999C187.5999999999999 260 189.1999999999999 263.6 191.1999999999999 267L178.1999999999999 279.8A7.8 7.8 0 0 0 178.1999999999999 290.8L188.9999999999999 301.8A7.6 7.6 0 0 0 199.7999999999999 301.8L212.7999999999999 288.8C216.3999999999999 290.8 219.9999999999999 292.4 223.7999999999999 293.6V312C223.7999999999999 316.4 227.3999999999999 320 231.8 320H247.8C252.2 320 255.8 316.4 255.8 312V293.4C259.3999999999999 292.2 262.8 290.6 266.2 289L279.8 302.6C282.8 305.8 288 305.8 291.2 302.6L302.6 291.2C305.6 288 305.6 283 302.6 279.8L289 266.2C290.8 263 292.2 259.6 293.4 256M209.8 240C209.8 223.4 223.2 210 239.8 210S269.8 223.4 269.8 240S256.4 270 239.8 270C223.4 270 209.8 256.6 209.8 240"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 SeriesConfiguration.displayName = `Blueprint6.Icon.SeriesConfiguration`;
 export default SeriesConfiguration;