@blueprintjs/icons 6.9.0 → 6.10.0

package/src/generated/components/vertical-distribution.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M1 2h14c.55 0 1-.45 1-1s-.45-1-1-1H1C.45 0 0 .45 0 1s.45 1 1 1m14 11H1c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1M3 5c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h9c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M1 2h18c.55 0 1-.45 1-1s-.45-1-1-1H1C.45 0 0 .45 0 1s.45 1 1 1m2 5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V8c0-.55-.45-1-1-1zm16 11H1c-.55 0-1 .45-1 1s.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const VerticalDistribution: 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="vertical-distribution" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M20 360H380C391 360 400 369 400 380S391 400 380 400H20C9 400 0 391 0 380S9 360 20 360M60 260C49 260 40 251 40 240V160C40 149 49 140 60 140H340C351 140 360 149 360 160V240C360 251 351 260 340 260zM380 40H20C9 40 0 31 0 20S9 0 20 0H380C391 0 400 9 400 20S391 40 380 40" : "M20 280H300C311 280 320 289 320 300S311 320 300 320H20C9 320 0 311 0 300S9 280 20 280M300 60H20C9 60 0 51 0 40S9 20 20 20H300C311 20 320 29 320 40S311 60 300 60M60 220C49 220 40 211 40 200V140C40 129 49 120 60 120H240C251 120 260 129 260 140V200C260 211 251 220 240 220z"}
-                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>
-   );
+    );
 });
 VerticalDistribution.displayName = `Blueprint6.Icon.VerticalDistribution`;
 export default VerticalDistribution;

package/src/generated/components/vertical-inbetween.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 0H0v1a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1zM0 15v1h16v-1a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1M8.707 3.293a1 1 0 0 0-1.414 0l-2 2a1 1 0 0 0 1.414 1.414L8 5.414l1.293 1.293a1 1 0 0 0 1.414-1.414zm-2 6a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414L8 10.586z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M0 0h20v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm6.293 11.293a1 1 0 0 0 0 1.412l2.962 2.963.038.04A1 1 0 0 0 10 16a1 1 0 0 0 .745-.332l2.962-2.963a.999.999 0 0 0-1.412-1.412L10 13.587l-2.295-2.294a1 1 0 0 0-1.412 0m0-3.998a.999.999 0 1 0 1.412 1.412L10 6.413l2.295 2.294a.999.999 0 1 0 1.412-1.412l-2.962-2.963-.038-.04A1 1 0 0 0 10 4a1 1 0 0 0-.745.332zM20 19v1H0v-1a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1"] as readonly string[];
+
 export const VerticalInbetween: 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="vertical-inbetween" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M0 400H400V380A20 20 0 0 0 380 360H20A20 20 0 0 0 0 380zM125.86 174.14A20 20 0 0 1 125.86 145.9L185.1 86.64L185.86 85.84A20 20 0 0 1 200 80A20 20 0 0 1 214.9 86.64L274.14 145.9A19.98 19.98 0 0 1 245.9 174.14L200 128.26L154.1 174.14A20 20 0 0 1 125.86 174.14M125.86 254.1A19.98 19.98 0 1 1 154.1 225.86L200 271.74L245.9 225.86A19.98 19.98 0 1 1 274.14 254.1L214.9 313.36L214.14 314.16A20 20 0 0 1 200 320A20 20 0 0 1 185.1 313.36zM400 20V0H0V20A20 20 0 0 0 20 40H380A20 20 0 0 0 400 20" : "M320 320H0V300A20 20 0 0 1 20 280H300A20 20 0 0 1 320 300zM0 20V0H320V20A20 20 0 0 1 300 40H20A20 20 0 0 1 0 20M174.14 254.14A20 20 0 0 1 145.86 254.14L105.86 214.14A20 20 0 0 1 134.14 185.86L160 211.72L185.86 185.86A20 20 0 0 1 214.14 214.14zM134.14 134.14A20 20 0 0 1 105.86 105.86L145.86 65.86A20 20 0 0 1 174.14 65.86L214.14 105.86A20 20 0 0 1 185.86 134.14L160 108.28z"}
-                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>
-   );
+    );
 });
 VerticalInbetween.displayName = `Blueprint6.Icon.VerticalInbetween`;
 export default VerticalInbetween;

package/src/generated/components/video.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 2H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1M5 11V5l6 3z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 2H1c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1M7 14V6l6 4z"] as readonly string[];
+
 export const Video: 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="video" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 360H20C9 360 0 351 0 340V60C0 49 9 40 20 40H380C391 40 400 49 400 60V340C400 351 391 360 380 360M140 120V280L260 200z" : "M300 280H20C9 280 0 271 0 260V60C0 49 9 40 20 40H300C311 40 320 49 320 60V260C320 271 311 280 300 280M100 100V220L220 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>
-   );
+    );
 });
 Video.displayName = `Blueprint6.Icon.Video`;
 export default Video;

package/src/generated/components/virus.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["m11.918 11.107.737.737.052-.051A1 1 0 0 1 14.2 13.12l-.078.087-1.414 1.414a1 1 0 0 1-1.492-1.327l.029-.033-.863-.863c-.426.231-.89.402-1.38.502L9 14l.117.007A1 1 0 0 1 9 16H7l-.117-.007A1 1 0 0 1 7 14v-1.1a5 5 0 0 1-1.447-.539l-.846.846.078.087a1 1 0 0 1-1.492 1.327l-1.414-1.414-.078-.087a1 1 0 0 1 1.492-1.327l.744-.744A5 5 0 0 1 3.23 9.5H2a1 1 0 0 1-1.993.117L0 9.5v-2a1 1 0 0 1 1.993-.117L2 7.5h1.025a5 5 0 0 1 .905-2.405l-.512-.513-.125.125A1 1 0 0 1 1.8 3.38l.078-.087 1.414-1.414a1 1 0 0 1 1.529 1.277l.573.575a5 5 0 0 1 1.604-.63V2l-.116-.007a1 1 0 0 1 0-1.986L7 0h2a1 1 0 0 1 .117 1.993L9 2l.001 1.1c.639.13 1.233.381 1.757.73l.535-.537-.078-.087a1 1 0 0 1 1.492-1.327l1.414 1.414.078.087a1 1 0 0 1-1.492 1.327l-.535.536a5 5 0 0 1 .803 2.257H14l.007-.117A1 1 0 0 1 16 7.5v2l-.007.117A1 1 0 0 1 14 9.5h-1.229a5 5 0 0 1-.853 1.607M10 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2M6.5 5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m15.249 13.835 1.251 1.251.354-.354.087-.077a1 1 0 0 1 1.327 1.491l-2.122 2.122-.087.077a1 1 0 0 1-1.327-1.491l.354-.354-1.251-1.251A6.5 6.5 0 0 1 11 16.424L10.999 18h.501a1 1 0 0 1 .117 1.993L11.5 20h-3a1 1 0 0 1-.117-1.993L8.5 18h.499v-1.577a6.5 6.5 0 0 1-2.538-.97L5.414 16.5l.354.354a1 1 0 0 1-1.327 1.491l-.087-.077-2.122-2.122a1 1 0 0 1 1.327-1.491l.087.077.354.354.97-.97a6.5 6.5 0 0 1-1.384-3.057l-.025.002L2 11.06v.44a1 1 0 0 1-1.993.117L0 11.5v-3a1 1 0 0 1 1.993-.117L2 8.5v.56h1.567A6.47 6.47 0 0 1 4.97 5.883l-.971-.969-.353.354-.087.077a1 1 0 0 1-1.327-1.491l2.122-2.122.087-.077a1 1 0 0 1 1.327 1.491l-.354.353 1.047 1.048A6.5 6.5 0 0 1 9 3.577V2h-.5A1 1 0 0 1 8.383.007L8.5 0h3a1 1 0 0 1 .117 1.993L11.5 2H11v1.577a6.5 6.5 0 0 1 2.838 1.176l.04-.046L15.086 3.5l-.353-.353a1 1 0 0 1 1.327-1.491l.087.077 2.122 2.122a1 1 0 0 1-1.327 1.491l-.087-.077-.354-.354-1.207 1.207-.046.041a6.5 6.5 0 0 1 1.16 2.733H18V8.5a1 1 0 0 1 1.993-.117L20 8.5v3a1 1 0 0 1-1.993.117L18 11.5v-.605h-1.561a6.5 6.5 0 0 1-1.19 2.94M12.5 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M8 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4"] as readonly string[];
+
 export const Virus: 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="virus" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M304.98 123.3L330 98.28L337.08 105.36L338.82 106.9A20 20 0 0 0 365.36 77.08L322.92 34.64L321.18 33.1A20 20 0 0 0 294.6400000000001 62.92L301.7200000000001 69.9999999999999L276.7000000000001 95.0199999999999A130 130 0 0 0 220 71.52L219.98 40H230A20 20 0 0 0 232.3400000000001 0.14L230 0H170A20 20 0 0 0 167.66 39.86L170 40H179.98V71.54A130 130 0 0 0 129.22 90.94L108.28 70L115.36 62.92A20 20 0 0 0 88.82 33.1L87.08 34.64L44.64 77.08A20 20 0 0 0 71.18 106.9L72.92 105.3600000000001L80 98.2800000000001L99.4 117.6800000000001A130 130 0 0 0 71.72 178.8200000000001L71.22 178.7800000000001L40 178.8V170A20 20 0 0 0 0.14 167.66L0 170V230A20 20 0 0 0 39.86 232.3400000000001L40 230V218.8H71.34A129.4 129.4 0 0 0 99.4 282.3400000000001L79.98 301.7200000000001L72.92 294.64L71.18 293.1A20 20 0 0 0 44.64 322.92L87.08 365.36L88.82 366.9A20 20 0 0 0 115.36 337.08L108.28 330.02L129.22 309.06A130 130 0 0 0 180 328.4600000000001V360H170A20 20 0 0 0 167.66 399.86L170 400H230A20 20 0 0 0 232.3400000000001 360.14L230 360H220V328.4600000000001A130 130 0 0 0 276.76 304.94L277.56 305.86L301.7200000000001 330L294.6600000000001 337.06A20 20 0 0 0 321.2000000000001 366.88L322.9400000000001 365.34L365.3800000000001 322.9A20 20 0 0 0 338.8400000000001 293.08L337.1 294.62L330.0200000000001 301.7L305.88 277.56L304.9600000000001 276.74A130 130 0 0 0 328.1600000000001 222.08H360V230A20 20 0 0 0 399.86 232.3400000000001L400 230V170A20 20 0 0 0 360.1400000000001 167.66L360 170V182.1H328.78A130 130 0 0 0 304.98 123.3M250 180A30 30 0 1 1 250 120A30 30 0 0 1 250 180M160 280A40 40 0 1 1 160 200A40 40 0 0 1 160 280" : "M238.36 97.86L253.1 83.12L254.14 84.14A20 20 0 0 0 284 57.6L282.44 55.86L254.16 27.58A20 20 0 0 0 224.32 54.12L224.9 54.78L207.6400000000001 72.04C199.12 67.42 189.84 64 180.0400000000001 62L180 40L182.34 39.86A20 20 0 0 0 180 0H140L137.66 0.14A20 20 0 0 0 140 40V62A100 100 0 0 0 111.06 72.78L94.14 55.86L95.7 54.12A20 20 0 0 0 65.86 27.58L37.58 55.86L36.02 57.6A20 20 0 0 0 65.86 84.14L80.74 99.02A100 100 0 0 0 64.6 130H40A20 20 0 0 0 0.14 127.66L0 130V170A20 20 0 0 0 39.86 172.34L40 170H60.5A100 100 0 0 0 78.6 218.1L68.36 228.36L65.86 225.86A20 20 0 0 0 36 252.4L37.56 254.14L65.84 282.42A20 20 0 0 0 96.42 256.88L107.88 245.38A100 100 0 0 0 139.96 257.98V280L137.64 280.14A20 20 0 0 0 137.64 319.86L140 320H180A20 20 0 0 0 182.34 280.14L180 280L180.02 258C192.8 255.4 204.68 250.38 215.16 243.4L225.86 254.14L224.3 255.88A20 20 0 0 0 254.14 282.42L282.42 254.14L283.98 252.4A20 20 0 0 0 254.14 225.86L243.44 215.14A100 100 0 0 0 259.5 170H280L280.14 172.34A20 20 0 0 0 320 170V130L319.86 127.66A20 20 0 0 0 280 130H255.42A100 100 0 0 0 238.36 97.86M200 140A20 20 0 1 1 200 100A20 20 0 0 1 200 140M130 220A30 30 0 1 1 130 160A30 30 0 0 1 130 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>
-   );
+    );
 });
 Virus.displayName = `Blueprint6.Icon.Virus`;
 export default Virus;

package/src/generated/components/volume-down.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 2c-.28 0-.53.11-.71.29L5.59 5H3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h2.59l2.71 2.71c.17.18.42.29.7.29.55 0 1-.45 1-1V3c0-.55-.45-1-1-1m3.57 1.44-1.59 1.22C11.62 5.61 12 6.76 12 8s-.38 2.39-1.02 3.34l1.59 1.22C13.47 11.27 14 9.7 14 8s-.53-3.27-1.43-4.56"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m15.92 3.93-1.6 1.18A7.95 7.95 0 0 1 16 10c0 1.84-.63 3.54-1.68 4.89l1.6 1.18A9.88 9.88 0 0 0 18 10c0-2.29-.78-4.39-2.08-6.07M11 3c-.28 0-.53.11-.71.29L7.59 6H3c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h4.59l2.71 2.71c.17.18.42.29.7.29.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const VolumeDown: 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="volume-down" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M318.4 321.4L286.4 297.8A159 159 0 0 0 320 200C320 163.2 307.4 129.2000000000001 286.4 102.2L318.4 78.6A197.6 197.6 0 0 1 360 200C360 245.8 344.4 287.8 318.4 321.4M220 340C214.4 340 209.4 337.8 205.8 334.2L151.8 280H60C49 280 40 271 40 260V140C40 129 49 120 60 120H151.8L206 65.8C209.4 62.2 214.4 60 220 60C231 60 240 69 240 80V320C240 331 231 340 220 340" : "M180 280C174.4 280 169.4 277.8 165.8 274.2L111.8 220H60C49 220 40 211 40 200V120C40 109 49 100 60 100H111.8L166 45.8C169.4 42.2 174.4 40 180 40C191 40 200 49 200 60V260C200 271 191 280 180 280M251.4 251.2L219.6 226.8C232.4 207.8 240 184.8 240 160S232.4 112.2 219.6 93.2L251.4 68.8C269.4000000000001 94.6 280 126 280 160S269.4000000000001 225.4 251.4 251.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>
-   );
+    );
 });
 VolumeDown.displayName = `Blueprint6.Icon.VolumeDown`;
 export default VolumeDown;

package/src/generated/components/volume-off.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M11 2c-.28 0-.53.11-.71.29L7.59 5H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h2.59l2.71 2.71c.17.18.42.29.7.29.55 0 1-.45 1-1V3c0-.55-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M14 3c-.28 0-.53.11-.71.29L10.59 6H6c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h4.59l2.71 2.71c.17.18.42.29.7.29.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const VolumeOff: 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="volume-off" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M280 340C274.4000000000001 340 269.4000000000001 337.8 265.8 334.2L211.8 280H120C109 280 100 271 100 260V140C100 129 109 120 120 120H211.8L266 65.8C269.4000000000001 62.2 274.4000000000001 60 280 60C291 60 300 69 300 80V320C300 331 291 340 280 340" : "M220 280C214.4 280 209.4 277.8 205.8 274.2L151.8 220H100C89 220 80 211 80 200V120C80 109 89 100 100 100H151.8L206 45.8C209.4 42.2 214.4 40 220 40C231 40 240 49 240 60V260C240 271 231 280 220 280"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 VolumeOff.displayName = `Blueprint6.Icon.VolumeOff`;
 export default VolumeOff;

package/src/generated/components/volume-up.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.86c-.28 0-.53.11-.71.29l-2.7 2.71H1c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h2.59l2.71 2.71a1.003 1.003 0 0 0 1.71-.71v-10c-.01-.55-.46-1-1.01-1m6.74-.99-1.58 1.22A10 10 0 0 1 14 7.86c0 2.16-.69 4.15-1.85 5.78l1.58 1.22c1.42-1.97 2.26-4.38 2.26-7 .01-2.61-.84-5.02-2.25-6.99M8.98 4.52C9.62 5.48 10 6.63 10 7.86s-.38 2.39-1.02 3.34l1.59 1.22c.9-1.29 1.43-2.86 1.43-4.56s-.53-3.27-1.43-4.56z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M9 3.43c-.28 0-.53.11-.71.29l-2.7 2.71H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h4.59l2.71 2.71a1.003 1.003 0 0 0 1.71-.71v-12c-.01-.55-.46-1-1.01-1m8.31-1.56-1.62 1.2C17.14 5.16 18 7.69 18 10.43s-.86 5.27-2.31 7.37l1.62 1.2C19 16.57 20 13.62 20 10.43c0-3.18-1-6.13-2.69-8.56m-3.39 2.49-1.6 1.18A7.95 7.95 0 0 1 14 10.43c0 1.84-.63 3.54-1.68 4.89l1.6 1.18A9.94 9.94 0 0 0 16 10.43c0-2.28-.78-4.38-2.08-6.07"] as readonly string[];
+
 export const VolumeUp: 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="volume-up" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M180 331.4C174.4 331.4 169.4 329.2 165.8 325.6L111.8 271.4H20C9 271.4 0 262.4 0 251.4V131.4C0 120.4 9 111.4 20 111.4H111.8L166 57.2A20.06 20.06 0 0 1 200.2000000000001 71.4V311.4C200 322.4 191 331.4 180 331.4M346.2000000000001 362.6L313.8 338.6C342.8 296.8 360 246.2 360 191.4S342.8 86 313.8 44L346.2 20C380 68.6 400 127.6 400 191.4C400 255 380 314 346.2 362.6M278.4 312.8L246.4 289.2000000000001A159 159 0 0 0 280 191.4C280 154.6 267.4 120.6 246.4 93.6L278.4 70A198.8 198.8 0 0 1 320 191.4C320 237 304.4000000000001 279 278.4 312.8" : "M140 282.8C134.4 282.8 129.4 280.6 125.8 277L71.8 222.8H20C9 222.8 0 213.8 0 202.8V122.8C0 111.8 9 102.8 20 102.8H71.8L126 48.6A20.06 20.06 0 0 1 160.2 62.8V262.8C160 273.8 151 282.8 140 282.8M274.8 302.6L243.2 278.2A200 200 0 0 0 280 162.8C280 119.6 266.2 79.8 243 47.2L274.6 22.8C303 62.2 319.8 110.4 319.8 162.8C320 215 303 263.2 274.8 302.6M179.6 229.6C192.4 210.4 200 187.4 200 162.8S192.4 115 179.6 96L211.4 71.6C229.4 97.4 240 128.8 240 162.8S229.4 228.2 211.4 254z"}
-                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>
-   );
+    );
 });
 VolumeUp.displayName = `Blueprint6.Icon.VolumeUp`;
 export default VolumeUp;

package/src/generated/components/walk.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 8h-2c-.16 0-.31-.05-.44-.11v.01l-1.02-.51-.37 1.86 1.38.92-.01.02c.27.17.46.46.46.81v4c0 .55-.45 1-1 1s-1-.45-1-1v-3.46l-1.27-.85-1.8 4.67h-.01A.98.98 0 0 1 5 16c-.55 0-1-.45-1-1 0-.13.03-.25.07-.36h-.01L7.39 6H5.62l-.73 1.45h-.01C4.72 7.77 4.39 8 4 8c-.55 0-1-.45-1-1 0-.16.05-.31.11-.44H3.1l1-2h.01c.17-.33.5-.56.89-.56h3.16l.29-.75C8.17 2.9 8 2.47 8 2c0-1.1.9-2 2-2s2 .9 2 2c0 1-.73 1.82-1.69 1.97l-.5 1.32 1.43.71H13c.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 10h-2c-.23 0-.42-.09-.59-.21l-.01.01-1.69-1.27-.63 3.14 2.62 2.62c.19.18.3.43.3.71v4c0 .55-.45 1-1 1s-1-.45-1-1v-3.59L9.39 12.8l-2.45 6.55h-.01c-.14.38-.5.65-.93.65-.55 0-1-.45-1-1 0-.12.03-.24.07-.35h-.01L9.43 7h-2.9l-1.7 2.55-.01-.01c-.18.27-.47.46-.82.46-.55 0-1-.45-1-1 0-.21.08-.39.18-.54l-.01-.01 2-3 .02.01C5.36 5.19 5.65 5 6 5h4.18l.36-.96c-.33-.43-.54-.96-.54-1.54a2.5 2.5 0 0 1 5 0A2.5 2.5 0 0 1 12.5 5c-.06 0-.12-.01-.18-.02l-.44 1.18L14.33 8H16c.55 0 1 .45 1 1s-.45 1-1 1"] as readonly string[];
+
 export const Walk: 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="walk" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M320 200H280C275.4 200 271.6 201.8 268.2 204.2L268 204L234.2 229.4L221.6 166.6L274 114.2000000000001C277.8 110.6 280 105.6 280 100V20C280 9 271 0 260 0S240 9 240 20V91.8L187.8 144L138.8 13H138.6C135.8 5.4 128.6 0 120 0C109 0 100 9 100 20C100 22.4 100.6 24.8 101.4 27H101.2L188.6 260H130.6L96.6 209L96.4 209.2C92.8 203.8 87 200 80 200C69 200 60 209 60 220C60 224.2 61.6 227.8 63.6 230.8L63.4 231L103.4 291L103.8 290.8C107.2 296.2 113 300 120 300H203.6L210.8 319.2C204.2 327.8 200 338.4 200 350A50 50 0 0 0 300 350A50 50 0 0 0 250 300C248.8 300 247.6 300.2 246.4 300.4L237.6 276.8L286.6 240H320C331 240 340 231 340 220S331 200 320 200" : "M260 160H220C216.8 160 213.8 161 211.2 162.2V162L190.8 172.2L183.4 135L211 116.6L210.8 116.2C216.2 112.8 220 107 220 100V20C220 9 211.0000000000001 0 200 0S180 9 180 20V89.2L154.6000000000001 106.2L118.6000000000001 12.8H118.4000000000001A19.6 19.6 0 0 0 100 0C89 0 80 9 80 20C80 22.6 80.6 25 81.4 27.2H81.2L147.8 200H112.4L97.8 171H97.6C94.4 164.6 87.8 160 80 160C69 160 60 169 60 180C60 183.2 61 186.2 62.2 188.8H62L82 228.8H82.2C85.6 235.4 92.2 240 100 240H163.2L169 255C163.4 262 160 270.6 160 280C160 302 178 320 200 320S240 302 240 280C240 260 225.4 243.6 206.2 240.6L196.2 214.2L224.8 200H260C271 200 280 191 280 180S271 160 260 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>
-   );
+    );
 });
 Walk.displayName = `Blueprint6.Icon.Walk`;
 export default Walk;

package/src/generated/components/warning-sign.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.84 13.5.01-.01-7-12-.01.01c-.17-.3-.48-.5-.85-.5s-.67.2-.85.5l-.01-.01-7 12 .01.01c-.09.15-.15.31-.15.5 0 .55.45 1 1 1h14c.55 0 1-.45 1-1 0-.19-.06-.35-.15-.5m-6.85-.51h-2v-2h2zm0-3h-2v-5h2z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["m19.86 17.52.01-.01-9-16-.01.01C10.69 1.21 10.37 1 10 1s-.69.21-.86.52l-.01-.01-9 16 .01.01c-.08.14-.14.3-.14.48 0 .55.45 1 1 1h18c.55 0 1-.45 1-1 0-.18-.06-.34-.14-.48M11 17H9v-2h2zm0-3H9V6h2z"] as readonly string[];
+
 export const WarningSign: 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="warning-sign" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M397.2 49.6L397.4000000000001 49.8000000000001L217.4 369.8000000000001L217.2 369.6C213.8 375.8 207.4 380 200 380S186.2 375.8 182.8 369.6L182.6 369.8L2.6 49.8L2.8 49.5999999999999C1.2 46.8 0 43.5999999999999 0 39.9999999999999C0 28.9999999999999 9 19.9999999999999 20 19.9999999999999H380C391 19.9999999999999 400 28.9999999999999 400 39.9999999999999C400 43.5999999999999 398.8 46.8 397.2 49.5999999999999M220 60H180V100H220zM220 120H180V280H220z" : "M316.8 50L317 50.2L177 290.2L176.8 290C173.4 296 167.2 300 159.8 300S146.4 296 142.8 290L142.6 290.2L2.6 50.2L2.8 50C1 47 -0.2 43.8 -0.2 40C-0.2 29 8.8 20 19.8 20H299.8C310.8 20 319.8 29 319.8 40C319.8 43.8 318.6 47 316.8 50M179.8 60.2H139.8V100.2H179.8zM179.8 120.2H139.8V220.2H179.8z"}
-                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>
-   );
+    );
 });
 WarningSign.displayName = `Blueprint6.Icon.WarningSign`;
 export default WarningSign;

package/src/generated/components/waterfall-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 = ["M8 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1m-4 4h1c.55 0 1-.45 1-1V8c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1m7-6c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1m4-3h-1c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h1c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1m0 10H2V3c0-.55-.45-1-1-1s-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M13 7h2c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1m-9 8h1c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1m4-6h2c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1s.45 1 1 1m11-5h-1c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h1c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m0 12H2V3c0-.55-.45-1-1-1s-1 .45-1 1v14a1 1 0 0 0 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const WaterfallChart: 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="waterfall-chart" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M260 260H300C311 260 320 269 320 280V300C320 311 311 320 300 320H260C249 320 240 311 240 300V280C240 269 249 260 260 260M80 100H100C111 100 120 109 120 120V200C120 211 111 220 100 220H80C69 220 60 211 60 200V120C60 109 69 100 80 100M160 220H200C211 220 220 229 220 240S211 260 200 260H160C149 260 140 251 140 240S149 220 160 220M380 320H360C349 320 340 311 340 300V120C340 109 349 100 360 100H380C391 100 400 109 400 120V300C400 311 391 320 380 320M380 80H40V340C40 351 31 360 20 360S0 351 0 340V60A20 20 0 0 1 20 40H380C391 40 400 49 400 60S391 80 380 80" : "M160 180C171 180 180 189 180 200S171 220 160 220S140 211 140 200S149 180 160 180M80 100H100C111 100 120 109 120 120V160C120 171 111 180 100 180H80C69 180 60 171 60 160V120C60 109 69 100 80 100M220 220C231 220 240 229 240 240V260C240 271 231 280 220 280S200 271 200 260V240C200 229 209 220 220 220M300 280H280C269 280 260 271 260 260V120C260 109 269 100 280 100H300C311 100 320 109 320 120V260C320 271 311 280 300 280M300 80H40V260C40 271 31 280 20 280S0 271 0 260V60C0 49 9 40 20 40H300C311 40 320 49 320 60S311 80 300 80"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 WaterfallChart.displayName = `Blueprint6.Icon.WaterfallChart`;
 export default WaterfallChart;

package/src/generated/components/waves.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 1a1 1 0 0 1 .894.553c.102.202.393.607.779.957.419.381.72.49.827.49.108 0 .408-.109.827-.49.386-.35.677-.755.779-.957a1 1 0 0 1 1.788 0c.102.202.393.607.779.957.419.381.72.49.827.49.108 0 .408-.109.827-.49.386-.35.677-.755.779-.957a1 1 0 0 1 1.788 0c.173.344.38.75.637 1.072.277.347.437.375.469.375a1 1 0 1 1 0 2c-.968 0-1.642-.64-2.03-1.125l-.076-.097a6 6 0 0 1-.221.212C12.175 4.442 11.393 5 10.5 5c-.892 0-1.675-.558-2.173-1.01A6 6 0 0 1 8 3.67q-.158.165-.327.32C7.175 4.442 6.393 5 5.5 5c-.892 0-1.675-.558-2.173-1.01a6 6 0 0 1-.221-.212l-.075.097C2.64 4.36 1.968 5 1 5a1 1 0 0 1 0-2c.032 0 .191-.028.47-.375.256-.321.463-.728.636-1.072A1 1 0 0 1 3 1m0 5a1 1 0 0 1 .894.553c.102.202.393.607.779.957.419.381.72.49.827.49.108 0 .408-.109.827-.49.386-.35.677-.755.779-.957a1 1 0 0 1 1.788 0c.102.202.393.607.779.957.419.381.72.49.827.49.108 0 .408-.109.827-.49.386-.35.677-.755.779-.957a1 1 0 0 1 1.788 0c.173.344.38.75.637 1.072.277.347.437.375.469.375a1 1 0 1 1 0 2c-.968 0-1.642-.639-2.03-1.125l-.076-.097a6 6 0 0 1-.221.212c-.498.452-1.28 1.01-2.173 1.01-.892 0-1.675-.558-2.173-1.01A6 6 0 0 1 8 8.67q-.158.165-.327.32C7.175 9.442 6.393 10 5.5 10c-.892 0-1.675-.558-2.173-1.01a6 6 0 0 1-.221-.212l-.075.097C2.64 9.36 1.968 10 1 10a1 1 0 0 1 0-2c.032 0 .191-.028.47-.375.256-.321.463-.728.636-1.072A1 1 0 0 1 3 6m.894 5.553a1 1 0 0 0-1.788 0c-.173.344-.38.75-.637 1.072-.278.347-.437.375-.469.375a1 1 0 1 0 0 2c.968 0 1.642-.639 2.03-1.125l.076-.097q.108.109.221.212C3.825 14.442 4.607 15 5.5 15c.892 0 1.675-.558 2.173-1.01q.17-.155.327-.32.158.165.327.32c.498.452 1.28 1.01 2.173 1.01.892 0 1.675-.558 2.173-1.01q.113-.104.221-.212l.075.097C13.36 14.36 14.032 15 15 15a1 1 0 1 0 0-2c-.032 0-.191-.028-.47-.375-.256-.321-.463-.728-.636-1.072a1 1 0 0 0-1.788 0c-.102.202-.393.607-.779.957-.419.381-.72.49-.827.49-.108 0-.408-.109-.827-.49-.386-.35-.677-.755-.779-.957a1 1 0 0 0-1.788 0c-.102.202-.393.607-.779.957-.419.381-.72.49-.827.49-.108 0-.408-.109-.827-.49-.386-.35-.677-.755-.779-.957"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M4.948 2.682a1 1 0 0 0-1.897.001l-.005.016-.027.074a6 6 0 0 1-.6 1.172C1.958 4.635 1.468 5 .999 5a1 1 0 0 0 0 2c1.457 0 2.442-1.027 3-1.825C4.558 5.973 5.543 7 7 7s2.442-1.027 3-1.825C10.558 5.973 11.543 7 13 7s2.442-1.027 3-1.825C16.558 5.973 17.544 7 19 7a1 1 0 1 0 0-2c-.47 0-.958-.365-1.418-1.055a6 6 0 0 1-.628-1.246l-.006-.016a1 1 0 0 0-1.896 0l-.006.016-.027.074a6 6 0 0 1-.6 1.172C13.959 4.635 13.469 5 13 5s-.958-.365-1.418-1.055a6 6 0 0 1-.628-1.246l-.006-.016a1 1 0 0 0-1.897 0l-.005.016-.027.074a6 6 0 0 1-.6 1.172C7.958 4.635 7.468 5 6.999 5s-.958-.365-1.418-1.055A6 6 0 0 1 4.954 2.7zm0 6a1 1 0 0 0-1.897.001l-.005.016-.027.074a6 6 0 0 1-.6 1.172C1.959 10.635 1.469 11 1 11a1 1 0 1 0 0 2c1.457 0 2.442-1.027 3-1.825C4.558 11.973 5.543 13 7 13s2.442-1.027 3-1.825c.558.798 1.543 1.825 3 1.825s2.442-1.027 3-1.825c.558.798 1.544 1.825 3 1.825a1 1 0 1 0 0-2c-.47 0-.958-.365-1.418-1.055a6 6 0 0 1-.628-1.246l-.006-.016a1 1 0 0 0-1.896 0l-.006.016-.027.074a6 6 0 0 1-.6 1.172c-.46.69-.95 1.055-1.419 1.055s-.958-.365-1.418-1.055a6 6 0 0 1-.628-1.246l-.006-.016a1 1 0 0 0-1.897 0l-.005.016-.027.074a6 6 0 0 1-.6 1.172C7.959 10.635 7.469 11 7 11s-.958-.365-1.418-1.055A6 6 0 0 1 4.954 8.7zm0 6 .006.017.027.074a6 6 0 0 0 .6 1.172C6.041 16.635 6.531 17 7 17s.958-.365 1.418-1.055a6 6 0 0 0 .628-1.246l.005-.016a1 1 0 0 1 1.897 0l.006.016.027.074a6 6 0 0 0 .6 1.172c.46.69.95 1.055 1.419 1.055s.958-.365 1.418-1.055a6 6 0 0 0 .628-1.246l.006-.016a1 1 0 0 1 1.896 0l.006.016.027.074a6 6 0 0 0 .6 1.172c.46.69.95 1.055 1.419 1.055a1 1 0 1 1 0 2c-1.456 0-2.442-1.027-3-1.825-.558.798-1.543 1.825-3 1.825s-2.442-1.027-3-1.825C9.442 17.973 8.457 19 7 19s-2.442-1.027-3-1.825C3.442 17.973 2.457 19 1 19a1 1 0 1 1 0-2c.47 0 .958-.365 1.418-1.055a6 6 0 0 0 .628-1.246l.005-.016a1 1 0 0 1 1.897-.001"] as readonly string[];
+
 export const Waves: 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="waves" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M98.96 346.36A20 20 0 0 1 61.02 346.3400000000001L60.92 346.02L60.38 344.54A120 120 0 0 0 48.38 321.1C39.16 307.3 29.36 300 19.98 300A20 20 0 0 1 19.98 260C49.12 260 68.82 280.54 79.98 296.5C91.16 280.54 110.86 260 140 260S188.84 280.54 200 296.5C211.16 280.54 230.86 260 260 260S308.8400000000001 280.54 320 296.5C331.16 280.54 350.88 260 380 260A20 20 0 1 1 380 300C370.6 300 360.8400000000001 307.3 351.64 321.1A120 120 0 0 0 339.0800000000001 346.02L338.9600000000001 346.34A20 20 0 0 1 301.04 346.34L300.92 346.02L300.38 344.54A120 120 0 0 0 288.38 321.1C279.18 307.3 269.38 300 260 300S240.84 307.3 231.64 321.1A120 120 0 0 0 219.08 346.02L218.96 346.34A20 20 0 0 1 181.02 346.34L180.92 346.02L180.38 344.54A120 120 0 0 0 168.38 321.1C159.16 307.3 149.36 300 139.98 300S120.82 307.3 111.62 321.1A120 120 0 0 0 99.08 346zM98.96 226.36A20 20 0 0 1 61.02 226.34L60.92 226.02L60.38 224.54A120 120 0 0 0 48.38 201.1C39.18 187.3 29.38 180 20 180A20 20 0 1 1 20 140C49.14 140 68.84 160.54 80 176.5C91.16 160.54 110.86 140 140 140S188.84 160.54 200 176.5C211.16 160.54 230.86 140 260 140S308.8400000000001 160.54 320 176.5C331.16 160.54 350.88 140 380 140A20 20 0 1 1 380 180C370.6 180 360.8400000000001 187.3 351.64 201.1A120 120 0 0 0 339.0800000000001 226.02L338.9600000000001 226.34A20 20 0 0 1 301.04 226.34L300.92 226.02L300.38 224.54A120 120 0 0 0 288.38 201.1C279.18 187.3 269.38 180 260 180S240.84 187.3 231.64 201.1A120 120 0 0 0 219.08 226.02L218.96 226.34A20 20 0 0 1 181.02 226.34L180.92 226.02L180.38 224.54A120 120 0 0 0 168.38 201.1C159.18 187.3 149.38 180 140 180S120.84 187.3 111.64 201.1A120 120 0 0 0 99.08 226zM98.96 106.36L99.08 106.02L99.62 104.54A120 120 0 0 1 111.62 81.1C120.82 67.3 130.62 60 140 60S159.16 67.3 168.36 81.1A120 120 0 0 1 180.92 106.02L181.02 106.34A20 20 0 0 0 218.96 106.34L219.08 106.02L219.62 104.54A120 120 0 0 1 231.62 81.1C240.82 67.3 250.62 60 260 60S279.1600000000001 67.3 288.36 81.1A120 120 0 0 1 300.92 106.02L301.04 106.34A20 20 0 0 0 338.9600000000001 106.34L339.0800000000001 106.02L339.62 104.54A120 120 0 0 1 351.6200000000001 81.1C360.8200000000001 67.3 370.6200000000001 60 380.0000000000001 60A20 20 0 1 0 380.0000000000001 20C350.8800000000001 20 331.1600000000001 40.54 320.0000000000001 56.5C308.8400000000001 40.54 289.1400000000001 20 260.0000000000001 20S211.1600000000001 40.54 200.0000000000001 56.5C188.84 40.54 169.14 20 140 20S91.16 40.54 80 56.5C68.84 40.54 49.14 20 20 20A20 20 0 1 0 20 60C29.4 60 39.16 67.3 48.36 81.1A120 120 0 0 1 60.92 106.02L61.02 106.34A20 20 0 0 0 98.96 106.36" : "M60 300A20 20 0 0 0 77.88 288.94C79.92 284.9 85.74 276.8 93.46 269.8C101.84 262.18 107.86 260 110 260C112.16 260 118.16 262.18 126.54 269.8C134.26 276.8 140.08 284.9 142.12 288.94A20 20 0 0 0 177.88 288.94C179.92 284.9 185.74 276.8 193.46 269.8C201.84 262.18 207.86 260 210 260C212.16 260 218.16 262.18 226.54 269.8C234.26 276.8 240.08 284.9 242.12 288.94A20 20 0 0 0 277.88 288.94C281.3400000000001 282.06 285.48 273.94 290.62 267.5C296.16 260.56 299.36 260 300 260A20 20 0 1 0 300 220C280.64 220 267.1600000000001 232.8 259.4000000000001 242.5L257.88 244.44A120 120 0 0 0 253.46 240.2C243.5 231.16 227.86 220 210 220C192.16 220 176.5 231.16 166.54 240.2A120 120 0 0 0 160 246.6Q156.84 243.3 153.46 240.2C143.5 231.16 127.86 220 110 220C92.16 220 76.5 231.16 66.54 240.2A120 120 0 0 0 62.12 244.44L60.62 242.5C52.8 232.8 39.36 220 20 220A20 20 0 0 0 20 260C20.64 260 23.82 260.56 29.4 267.5C34.52 273.92 38.66 282.06 42.12 288.94A20 20 0 0 0 60 300M60 200A20 20 0 0 0 77.88 188.94C79.92 184.9 85.74 176.8 93.46 169.8C101.84 162.18 107.86 160 110 160C112.16 160 118.16 162.18 126.54 169.8C134.26 176.8 140.08 184.9 142.12 188.94A20 20 0 0 0 177.88 188.94C179.92 184.9 185.74 176.8 193.46 169.8C201.84 162.18 207.86 160 210 160C212.16 160 218.16 162.18 226.54 169.8C234.26 176.8 240.08 184.9 242.12 188.94A20 20 0 0 0 277.88 188.94C281.3400000000001 182.06 285.48 173.94 290.62 167.5C296.16 160.56 299.36 160 300 160A20 20 0 1 0 300 120C280.64 120 267.1600000000001 132.78 259.4000000000001 142.5L257.88 144.44A120 120 0 0 0 253.46 140.2C243.5 131.16 227.86 120 210 120C192.16 120 176.5 131.16 166.54 140.2A120 120 0 0 0 160 146.6Q156.84 143.3 153.46 140.2C143.5 131.16 127.86 120 110 120C92.16 120 76.5 131.16 66.54 140.2A120 120 0 0 0 62.12 144.44L60.62 142.5C52.8 132.8 39.36 120 20 120A20 20 0 0 0 20 160C20.64 160 23.82 160.56 29.4 167.5C34.52 173.92 38.66 182.06 42.12 188.94A20 20 0 0 0 60 200M77.88 88.94A20 20 0 0 1 42.12 88.94C38.66 82.06 34.52 73.94 29.38 67.5C23.82 60.56 20.64 60 20 60A20 20 0 1 1 20 20C39.36 20 52.84 32.78 60.6 42.5L62.12 44.44Q64.28 42.26 66.54 40.2C76.5 31.16 92.14 20 110 20C127.84 20 143.5 31.16 153.46 40.2Q156.86 43.3 160 46.6Q163.16 43.3 166.54 40.2C176.5 31.16 192.14 20 210 20C227.84 20 243.5 31.16 253.46 40.2Q255.72 42.28 257.88 44.44L259.38 42.5C267.2 32.8 280.64 20 300 20A20 20 0 1 1 300 60C299.36 60 296.18 60.56 290.6 67.5C285.48 73.92 281.3400000000001 82.06 277.88 88.94A20 20 0 0 1 242.12 88.94C240.08 84.9 234.26 76.8 226.54 69.8C218.16 62.18 212.14 59.9999999999999 210 59.9999999999999C207.84 59.9999999999999 201.84 62.18 193.46 69.8C185.74 76.8 179.92 84.9 177.88 88.94A20 20 0 0 1 142.12 88.94C140.08 84.9 134.26 76.8 126.54 69.8C118.16 62.18 112.14 59.9999999999999 110 59.9999999999999C107.84 59.9999999999999 101.84 62.18 93.46 69.8C85.74 76.8 79.92 84.9 77.88 88.94"}
-                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>
-   );
+    );
 });
 Waves.displayName = `Blueprint6.Icon.Waves`;
 export default Waves;

package/src/generated/components/widget-button.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M1 3h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1m1 2v6h12V5zm3 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m3 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m3 0c-.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 = ["M1 4h18c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1m1 2v8h16V6zm4 5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m4 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m4 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1"] as readonly string[];
+
 export const WidgetButton: 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="widget-button" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M20 320H380C391 320 400 311 400 300V100C400 89 391 80 380 80H20C9 80 0 89 0 100V300C0 311 9 320 20 320M40 280V120H360V280zM120 180C109 180 100 189 100 200S109 220 120 220S140 211 140 200S131 180 120 180M200 180C189 180 180 189 180 200S189 220 200 220S220 211 220 200S211 180 200 180M280 180C269 180 260 189 260 200S269 220 280 220S300 211 300 200S291 180 280 180" : "M20 260H300C311 260 320 251 320 240V80C320 69 311 60 300 60H20C9 60 0 69 0 80V240C0 251 9 260 20 260M40 220V100H280V220zM100 140C89 140 80 149 80 160S89 180 100 180S120 171 120 160S111 140 100 140M160 140C149 140 140 149 140 160S149 180 160 180S180 171 180 160S171 140 160 140M220 140C209 140 200 149 200 160S209 180 220 180S240 171 240 160S231 140 220 140"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 WidgetButton.displayName = `Blueprint6.Icon.WidgetButton`;
 export default WidgetButton;

package/src/generated/components/widget-footer.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 0H2c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 14H3v-3h10zm0-4H3V2h10z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M17 0H3c-.55 0-1 .45-1 1v18c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 18H4v-4h12zm0-5H4V2h12z"] as readonly string[];
+
 export const WidgetFooter: 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="widget-footer" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M340 400H60C49 400 40 391 40 380V20C40 9 49 0 60 0H340C351 0 360 9 360 20V380C360 391 351 400 340 400M320 40H80V120H320zM320 140H80V360H320z" : "M280 320H40C29 320 20 311 20 300V20C20 9 29 0 40 0H280C291 0 300 9 300 20V300C300 311 291 320 280 320M260 40H60V100H260zM260 120H60V280H260z"}
-                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>
-   );
+    );
 });
 WidgetFooter.displayName = `Blueprint6.Icon.WidgetFooter`;
 export default WidgetFooter;

package/src/generated/components/widget-header.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M14 0H2c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 14H3V6h10zm0-9H3V2h10z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M17 0H3c-.55 0-1 .45-1 1v18c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1m-1 18H4V7h12zm0-12H4V2h12z"] as readonly string[];
+
 export const WidgetHeader: 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="widget-header" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M340 400H60C49 400 40 391 40 380V20C40 9 49 0 60 0H340C351 0 360 9 360 20V380C360 391 351 400 340 400M320 40H80V260H320zM320 280H80V360H320z" : "M280 320H40C29 320 20 311 20 300V20C20 9 29 0 40 0H280C291 0 300 9 300 20V300C300 311 291 320 280 320M260 40H60V200H260zM260 220H60V280H260z"}
-                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>
-   );
+    );
 });
 WidgetHeader.displayName = `Blueprint6.Icon.WidgetHeader`;
 export default WidgetHeader;

package/src/generated/components/widget.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 11h2V5h-2zM3 5H1v6h2zm11-1c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2M2 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M5 3h6V1H5zM2 0C.9 0 0 .9 0 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m3 15h6v-2H5z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2M2 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m15-1h2V5h-2zM3 5H1v10h2zM2 0C.9 0 0 .9 0 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m3 3h10V1H5zm13 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M5 19h10v-2H5z"] as readonly string[];
+
 export const Widget: 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="widget" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 320C382 320 400 338 400 360S382 400 360 400S320 382 320 360S338 320 360 320M40 80C18 80 0 62 0 40S18 0 40 0S80 18 80 40S62 80 40 80M340 100H380V300H340zM60 300H20V100H60zM40 400C18 400 0 382 0 360S18 320 40 320S80 338 80 360S62 400 40 400M100 340H300V380H100zM360 80C338 80 320 62 320 40S338 0 360 0S400 18 400 40S382 80 360 80M100 20H300V60H100z" : "M260 100H300V220H260zM60 220H20V100H60zM280 240C302 240 320 258 320 280S302 320 280 320S240 302 240 280S258 240 280 240M40 80C18 80 0 62 0 40S18 0 40 0S80 18 80 40S62 80 40 80M280 80C258 80 240 62 240 40S258 0 280 0S320 18 320 40S302 80 280 80M100 260H220V300H100zM40 320C18 320 0 302 0 280S18 240 40 240S80 258 80 280S62 320 40 320M100 20H220V60H100z"}
-                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>
-   );
+    );
 });
 Widget.displayName = `Blueprint6.Icon.Widget`;
 export default Widget;

package/src/generated/components/wind.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 4a2 2 0 1 1 2 2H4a1 1 0 0 0 0 2h8a4 4 0 1 0-4-4 1 1 0 0 0 2 0M1 9a1 1 0 1 0 0 2h7.5a1.5 1.5 0 0 1 0 3c-.749 0-1.386-.538-1.52-1.199a1 1 0 1 0-1.96.398C5.35 14.82 6.83 16 8.5 16a3.5 3.5 0 1 0 0-7z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M12 6a3 3 0 1 1 3 3H4a1 1 0 0 0 0 2h11a5 5 0 1 0-5-5 1 1 0 1 0 2 0M1 12a1 1 0 1 0 0 2h10a2 2 0 1 1 0 4c-.934 0-1.803-.614-2.057-1.333a1 1 0 1 0-1.886.666C7.627 18.944 9.321 20 11 20a4 4 0 0 0 0-8z"] as readonly string[];
+
 export const Wind: 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="wind" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M240 280A60 60 0 1 0 300 220H80A20 20 0 0 1 80 180H300A100 100 0 1 1 200 280A20 20 0 1 1 240 280M20 160A20 20 0 1 1 20 120H220A40 40 0 1 0 220 40C201.32 40 183.94 52.28 178.86 66.66A20 20 0 1 1 141.14 53.34C152.54 21.12 186.42 0 220 0A80 80 0 0 1 220 160z" : "M200 240A40 40 0 1 0 240 200H80A20 20 0 0 1 80 160H240A80 80 0 1 1 160 240A20 20 0 0 1 200 240M20 140A20 20 0 1 1 20 100H170A30 30 0 0 0 170 40C155.02 40 142.28 50.76 139.6 63.98A20 20 0 1 1 100.4 56.02C107 23.6 136.6 0 170 0A70 70 0 1 1 170 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>
-   );
+    );
 });
 Wind.displayName = `Blueprint6.Icon.Wind`;
 export default Wind;