@blueprintjs/icons 6.9.0 → 6.9.1

package/src/generated/components/eye-open.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.002 7.003a1.003 1.003 0 0 0 0 2.005 1.003 1.003 0 0 0 0-2.005m7.988.972v-.07a.7.7 0 0 0-.17-.36c-.509-.673-1.118-1.264-1.737-1.806-1.328-1.173-2.846-2.155-4.523-2.546a6.7 6.7 0 0 0-2.925-.06c-.889.18-1.738.541-2.546.992C2.84 4.837 1.692 5.81.694 6.902c-.18.211-.36.411-.53.632a.74.74 0 0 0 0 .932c.51.672 1.119 1.264 1.738 1.805 1.328 1.173 2.846 2.156 4.523 2.547.968.23 1.947.24 2.925.04.889-.18 1.738-.542 2.546-.993 1.248-.712 2.397-1.684 3.395-2.777.18-.2.37-.411.54-.632.09-.1.149-.23.169-.36v-.1c0-.01-.01-.01-.01-.02m-7.988 3.038a3 3 0 0 1-2.995-3.008 3 3 0 0 1 2.995-3.008 3 3 0 0 1 2.996 3.008 3 3 0 0 1-2.996 3.008"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M10.01 7.984A2.01 2.01 0 0 0 8.012 9.99c0 1.103.9 2.006 1.998 2.006a2.01 2.01 0 0 0 1.998-2.006c0-1.103-.9-2.006-1.998-2.006M20 9.96v-.08a.83.83 0 0 0-.21-.442c-.64-.802-1.398-1.514-2.168-2.166-1.658-1.404-3.566-2.587-5.664-3.058a9 9 0 0 0-3.656-.05c-1.11.2-2.178.641-3.177 1.183-1.569.852-2.997 2.016-4.246 3.33-.23.25-.46.49-.67.761-.279.351-.279.773 0 1.124.64.802 1.4 1.514 2.169 2.166 1.658 1.404 3.566 2.577 5.664 3.058a9 9 0 0 0 3.656.05c1.11-.21 2.178-.651 3.177-1.193 1.569-.852 2.997-2.016 4.246-3.33.23-.24.46-.49.67-.751A.86.86 0 0 0 20 10.12zM10.01 14a4.003 4.003 0 0 1-3.996-4.01 4.003 4.003 0 0 1 3.996-4.011 4.003 4.003 0 0 1 3.996 4.011 4.003 4.003 0 0 1-3.996 4.011"] as readonly string[];
+
 export const EyeOpen: 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="eye-open" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M200.2 240.32A40.2 40.2 0 0 1 160.24 200.2C160.24 178.14 178.24 160.08 200.2 160.08A40.2 40.2 0 0 1 240.16 200.2C240.16 222.26 222.16 240.32 200.2 240.32M400 200.8V202.4A16.6 16.6 0 0 1 395.8 211.24C383 227.28 367.84 241.52 352.44 254.56C319.2800000000001 282.64 281.12 306.3 239.16 315.7200000000001A180 180 0 0 1 166.04 316.72C143.84 312.72 122.48 303.9 102.5 293.06C71.12 276.02 42.56 252.74 17.58 226.46C12.98 221.46 8.38 216.66 4.18 211.24C-1.4 204.22 -1.4 195.78 4.18 188.76C16.98 172.72 32.18 158.48 47.56 145.44C80.72 117.36 118.88 93.9 160.84 84.28A180 180 0 0 1 233.96 83.28C256.16 87.48 277.5200000000001 96.3 297.5 107.14C328.88 124.18 357.44 147.46 382.4200000000001 173.74C387.0200000000001 178.54 391.6200000000001 183.54 395.8200000000001 188.76A17.2 17.2 0 0 1 400 197.6zM200.2 120A80.06 80.06 0 0 0 120.28 200.2A80.06 80.06 0 0 0 200.2 280.42A80.06 80.06 0 0 0 280.12 200.2A80.06 80.06 0 0 0 200.2 119.98" : "M160.04 179.94A20.06 20.06 0 0 1 160.04 139.84A20.06 20.06 0 0 1 160.04 179.94M319.8000000000001 160.5V161.9A14 14 0 0 1 316.4000000000001 169.1C306.2200000000001 182.56 294.04 194.38 281.6600000000001 205.22C255.1000000000001 228.68 224.7400000000001 248.32 191.2000000000001 256.14A134 134 0 0 1 132.7000000000001 257.3400000000001C114.9200000000001 253.74 97.94 246.5200000000001 81.7800000000001 237.5C56.8 223.26 33.84 203.8 13.88 181.96C10.28 177.74 6.68 173.74 3.28 169.32A14.8 14.8 0 0 1 3.28 150.68C13.48 137.24 25.66 125.4 38.04 114.58C64.6 91.12 94.96 71.46 128.5 63.64C147.86 59.04 167.44 58.84 187 62.84C204.78 66.44 221.76 73.68 237.92 82.7000000000001C262.88 96.94 285.86 116.38 305.82 138.2400000000001C309.42 142.2400000000001 313.22 146.46 316.62 150.8800000000001C318.42 152.8800000000001 319.6 155.4800000000001 320 158.0800000000001V160.0800000000001C320 160.28 319.8 160.28 319.8 160.48M160.04 99.72A60 60 0 0 0 100.14 159.88A60 60 0 0 0 160.04 220.04A60 60 0 0 0 219.96 159.88A60 60 0 0 0 160.04 99.72"}
-                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>
-   );
+    );
 });
 EyeOpen.displayName = `Blueprint6.Icon.EyeOpen`;
 export default EyeOpen;

package/src/generated/components/fast-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 = ["M14 3c-.24 0-.44.09-.62.23l-.01-.01L9 6.72V4c0-.55-.45-1-1-1-.24 0-.44.09-.62.23v-.01l-5 4 .01.01C2.16 7.41 2 7.68 2 8s.16.59.38.77v.01l5 4 .01-.01c.17.14.37.23.61.23.55 0 1-.45 1-1V9.28l4.38 3.5.01-.01c.17.14.37.23.61.23.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 3c-.23 0-.42.09-.59.21l-.01-.01L11 8V4c0-.55-.45-1-1-1-.23 0-.42.09-.59.21L9.4 3.2l-8 6 .01.01C1.17 9.4 1 9.67 1 10s.17.6.41.79l-.01.01 8 6 .01-.01c.17.12.36.21.59.21.55 0 1-.45 1-1v-4l6.4 4.8.01-.01c.17.12.36.21.59.21.55 0 1-.45 1-1V4c0-.55-.45-1-1-1"] as readonly string[];
+
 export const FastBackward: 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="fast-backward" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 340C355.4 340 351.6 338.2 348.2 335.8L348 336L220 240V320C220 331 211 340 200 340C195.4 340 191.6 338.2 188.2 335.8L188 336L28 216L28.2 215.8C23.4 212 20 206.6 20 200S23.4 188 28.2 184.2L28 184L188 64.0000000000001L188.2 64.2000000000001C191.6 61.8000000000001 195.4 60.0000000000001 200 60.0000000000001C211 60.0000000000001 220 69.0000000000001 220 80.0000000000001V160.0000000000001L348 64.0000000000001L348.2 64.2000000000001C351.6 61.8000000000001 355.4 60.0000000000001 360 60.0000000000001C371 60.0000000000001 380 69.0000000000001 380 80.0000000000001V320C380 331 371 340 360 340" : "M280 260C275.2 260 271.2 258.2 267.6 255.4L267.4000000000001 255.6L180 185.6V240C180 251 171 260 160 260C155.2 260 151.2 258.2 147.6 255.4V255.6L47.6 175.6L47.8 175.4C43.2 171.8 40 166.4 40 160S43.2 148.2 47.6 144.6V144.4L147.6 64.4L147.8 64.6C151.2 61.8 155.2 60 160 60C171 60 180 69 180 80V134.4L267.6 64.4L267.8 64.6C271.2 61.8 275.2 60 280 60C291 60 300 69 300 80V240C300 251 291 260 280 260"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 FastBackward.displayName = `Blueprint6.Icon.FastBackward`;
 export default FastBackward;

package/src/generated/components/fast-forward.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M15 8c0-.32-.16-.59-.38-.77l.01-.01-5-4-.01.01A1 1 0 0 0 9 3c-.55 0-1 .45-1 1v2.72l-4.38-3.5v.01A1 1 0 0 0 3 3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1 .24 0 .44-.09.62-.23l.01.01L8 9.28V12c0 .55.45 1 1 1 .24 0 .44-.09.62-.23l.01.01 5-4-.01-.01c.22-.18.38-.45.38-.77"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 10c0-.33-.17-.6-.41-.79l.01-.01-8-6-.01.01C10.42 3.09 10.23 3 10 3c-.55 0-1 .45-1 1v4L2.6 3.2l-.01.01C2.42 3.09 2.23 3 2 3c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1 .23 0 .42-.09.59-.21l.01.01L9 12v4c0 .55.45 1 1 1 .23 0 .42-.09.59-.21l.01.01 8-6-.01-.01c.24-.19.41-.46.41-.79"] as readonly string[];
+
 export const FastForward: 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="fast-forward" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 200C380 206.6 376.6 212 371.8 215.8L372 216L212 336L211.8000000000001 335.8C208.4 338.2 204.6 340 200 340C189 340 180 331 180 320V240L52 336L51.8 335.8C48.4 338.2 44.6 340 40 340C29 340 20 331 20 320V80C20 69 29 60 40 60C44.6 60 48.4 61.8 51.8 64.2000000000001L52 64L180 160V80C180 69 189 60 200 60C204.6 60 208.4 61.8 211.8 64.2000000000001L212 64L372 184L371.8 184.2C376.6 188 380 193.4 380 200" : "M300 160C300 166.4 296.8 171.8 292.4 175.4L292.6 175.6L192.6 255.6L192.4 255.4A20 20 0 0 1 180 260C169 260 160 251 160 240V185.6L72.4 255.6V255.4A20 20 0 0 1 60 260C49 260 40 251 40 240V80C40 69 49 60 60 60C64.8 60 68.8 61.8 72.4 64.6L72.6 64.4L160 134.4V80C160 69 169 60 180 60C184.8 60 188.8 61.8 192.4 64.6L192.6 64.4L292.6 144.4L292.4 144.6C296.8 148.2 300 153.6 300 160"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 FastForward.displayName = `Blueprint6.Icon.FastForward`;
 export default FastForward;

package/src/generated/components/feed-subscribed.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 2c1.06 0 2.08.16 3.06.45.13-.71.52-1.32 1.05-1.76C5.82.25 4.44 0 3 0c-.55 0-1 .45-1 1s.45 1 1 1M2 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m8.32-6.33a.99.99 0 0 0 1.4 0l3.98-3.98c.19-.18.3-.42.3-.7 0-.55-.45-.99-1-.99-.28 0-.52.11-.7.29l-3.28 3.28-1.29-1.29a1 1 0 0 0-.7-.29 1 1 0 0 0-1 .99c0 .27.11.52.29.7zm3.73.53-.93.93-.02-.02c-.17.17-.35.33-.56.45C13.47 9.16 14 11.02 14 13c0 .55.45 1 1 1s1-.45 1-1c0-2.5-.73-4.82-1.95-6.8M3 8c-.55 0-1 .45-1 1s.45 1 1 1c1.66 0 3 1.34 3 3 0 .55.45 1 1 1s1-.45 1-1c0-2.76-2.24-5-5-5m5.91-.91-.03.03-2-2 .03-.03c-.11-.11-.23-.2-.33-.33A8.9 8.9 0 0 0 3 4c-.55 0-1 .45-1 1s.45 1 1 1c3.87 0 7 3.13 7 7 0 .55.45 1 1 1s1-.45 1-1c0-1.87-.57-3.61-1.55-5.06-.61-.11-1.13-.42-1.54-.85"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M2.5 15a2.5 2.5 0 0 0 0 5 2.5 2.5 0 0 0 0-5M3 2c1.76 0 3.44.31 5.01.87.03-.71.31-1.35.75-1.85C6.96.37 5.03 0 3 0c-.55 0-1 .45-1 1s.45 1 1 1m10.32 4.67a.99.99 0 0 0 1.4 0l4.98-4.98c.19-.17.3-.42.3-.7 0-.55-.45-1-1-1a1 1 0 0 0-.7.29l-4.27 4.27-2.28-2.28a1 1 0 0 0-.7-.29c-.55 0-.99.45-.99 1 0 .28.11.52.29.7zM3 10c-.55 0-1 .45-1 1s.45 1 1 1c2.76 0 5 2.24 5 5 0 .55.45 1 1 1s1-.45 1-1c0-3.87-3.13-7-7-7m13.94-2.69-.82.82-.02-.02c-.2.2-.42.37-.67.51A14.8 14.8 0 0 1 18 17c0 .55.45 1 1 1s1-.45 1-1c0-3.61-1.14-6.94-3.06-9.69M3 5c-.55 0-1 .45-1 1s.45 1 1 1c5.52 0 10 4.48 10 10 0 .55.45 1 1 1s1-.45 1-1C15 10.37 9.63 5 3 5"] as readonly string[];
+
 export const FeedSubscribed: 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="feed-subscribed" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M50 100A50 50 0 0 1 50 0A50 50 0 0 1 50 100M60 360C95.2 360 128.8 353.8 160.2 342.6C160.8 356.8 166.4 369.6 175.2 379.6C139.2 392.6 100.6 400 60 400C49 400 40 391 40 380S49 360 60 360M266.4 266.6A19.8 19.8 0 0 1 294.4000000000001 266.6L394.0000000000001 366.2C397.8000000000001 369.6 400.0000000000001 374.6 400.0000000000001 380.2C400.0000000000001 391.2 391.0000000000001 400.2 380.0000000000001 400.2A20 20 0 0 1 366.0000000000001 394.4000000000001L280.6000000000001 309L235.0000000000001 354.6A20 20 0 0 1 221.0000000000001 360.4000000000001C210.0000000000001 360.4000000000001 201.2000000000001 351.4000000000001 201.2000000000001 340.4000000000001C201.2000000000001 334.8 203.4000000000001 330 207.0000000000001 326.4000000000001zM60 200C49 200 40 191 40 180S49 160 60 160C115.2 160 160 115.2 160 60C160 49 169 40 180 40S200 49 200 60C200 137.4 137.4 200 60 200M338.8 253.8L322.4 237.4L322 237.8C318 233.8 313.6 230.4 308.6 227.6A296 296 0 0 0 360 60C360 49 369 40 380 40S400 49 400 60C400 132.2 377.2 198.8 338.8 253.8M60 300C49 300 40 291 40 280S49 260 60 260C170.4 260 260 170.4 260 60C260 49 269 40 280 40S300 49 300 60C300 192.6 192.6 300 60 300" : "M60 280C81.2 280 101.6 276.8 121.2 271C123.8 285.2 131.6 297.4 142.2 306.2C116.4 315 88.8 320 60 320C49 320 40 311 40 300S49 280 60 280M40 80C18 80 0 62 0 40S18 0 40 0S80 18 80 40S62 80 40 80M206.4 206.6A19.8 19.8 0 0 1 234.4 206.6L314 286.2C317.8 289.8 320 294.6 320 300.2C320 311.2 311 320 300 320C294.4000000000001 320 289.6 317.8 286 314.2L220.4 248.6L194.6 274.4A20 20 0 0 1 180.6 280.2A20 20 0 0 1 160.6 260.4C160.6 255 162.8 250 166.4 246.4zM281 196L262.4000000000001 177.4L262 177.8C258.6 174.4 255.0000000000001 171.2 250.8 168.8C269.4000000000001 136.8 280 99.6 280 60C280 49 289 40 300 40S320 49 320 60C320 110 305.4 156.4 281 196M60 160C49 160 40 151 40 140S49 120 60 120C93.2 120 120 93.2 120 60C120 49 129 40 140 40S160 49 160 60C160 115.2 115.2 160 60 160M178.2 178.2L177.6 177.6L137.6 217.6L138.2 218.2C136 220.4 133.6 222.2 131.6 224.8A178 178 0 0 1 60 240C49 240 40 231 40 220S49 200 60 200C137.4 200 200 137.4 200 60C200 49 209 40 220 40S240 49 240 60C240 97.4 228.6 132.2 209 161.2C196.8 163.4 186.4 169.6 178.2 178.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>
-   );
+    );
 });
 FeedSubscribed.displayName = `Blueprint6.Icon.FeedSubscribed`;
 export default FeedSubscribed;

package/src/generated/components/feed.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.99 11.99c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.89-2-2-2m1-4c-.55 0-1 .45-1 1s.45 1 1 1c1.66 0 3 1.34 3 3 0 .55.45 1 1 1s1-.45 1-1c0-2.76-2.24-5-5-5m0-4c-.55 0-1 .45-1 1s.45 1 1 1c3.87 0 7 3.13 7 7 0 .55.45 1 1 1s1-.45 1-1a9 9 0 0 0-9-9m0-4c-.55 0-1 .45-1 1s.45 1 1 1c6.08 0 11 4.92 11 11 0 .55.45 1 1 1s1-.45 1-1c0-7.18-5.82-13-13-13"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M2.5 15a2.5 2.5 0 0 0 0 5 2.5 2.5 0 0 0 0-5m.5-5c-.55 0-1 .45-1 1s.45 1 1 1c2.76 0 5 2.24 5 5 0 .55.45 1 1 1s1-.45 1-1c0-3.87-3.13-7-7-7M3 0c-.55 0-1 .45-1 1s.45 1 1 1c8.28 0 15 6.72 15 15 0 .55.45 1 1 1s1-.45 1-1C20 7.61 12.39 0 3 0m0 5c-.55 0-1 .45-1 1s.45 1 1 1c5.52 0 10 4.48 10 10 0 .55.45 1 1 1s1-.45 1-1C15 10.37 9.63 5 3 5"] as readonly string[];
+
 export const Feed: 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="feed" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M50 100A50 50 0 0 1 50 0A50 50 0 0 1 50 100M60 200C49 200 40 191 40 180S49 160 60 160C115.2 160 160 115.2 160 60C160 49 169 40 180 40S200 49 200 60C200 137.4 137.4 200 60 200M60 400C49 400 40 391 40 380S49 360 60 360C225.6 360 360 225.6 360 60C360 49 369 40 380 40S400 49 400 60C400 247.8 247.8 400 60 400M60 300C49 300 40 291 40 280S49 260 60 260C170.4 260 260 170.4 260 60C260 49 269 40 280 40S300 49 300 60C300 192.6 192.6 300 60 300" : "M39.8 80.2C17.8 80.2 -0.2 62.2 -0.2 40.2S17.8 0.2 39.8 0.2S79.8 18.2 79.8 40.2S62 80.2 39.8 80.2M59.8 160.2C48.8 160.2 39.8 151.2 39.8 140.2S48.8 120.2 59.8 120.2C93 120.2 119.8 93.4 119.8 60.2C119.8 49.2 128.8 40.2 139.8 40.2S159.8 49.2 159.8 60.2C159.8 115.4 115 160.2 59.8 160.2M59.8 240.2C48.8 240.2 39.8 231.2 39.8 220.2S48.8 200.2 59.8 200.2C137.2 200.2 199.8 137.6 199.8 60.2C199.8 49.2 208.8 40.2 219.8 40.2S239.8 49.2 239.8 60.2A180 180 0 0 1 59.8 240.2M59.8 320.2C48.8 320.2 39.8 311.2 39.8 300.2S48.8 280.2 59.8 280.2C181.4 280.2 279.8 181.8 279.8 60.2C279.8 49.2 288.8 40.2 299.8 40.2S319.8 49.2 319.8 60.2C319.8 203.8 203.4 320.2 59.8 320.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>
-   );
+    );
 });
 Feed.displayName = `Blueprint6.Icon.Feed`;
 export default Feed;

package/src/generated/components/fighter-jet.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.693 2.693a.5.5 0 0 0 .654.047L15.44.42c.093-.07.21.047.14.14l-2.32 3.093a.5.5 0 0 0 .047.654l.34.34a.5.5 0 0 1 0 .707l-1.47 1.47a.5.5 0 0 0-.142.423l.93 6.506a.5.5 0 0 1-.142.424l-.59.59a.5.5 0 0 1-.54.11L7.275 13.11a.2.2 0 0 0-.274.185v2.011a.5.5 0 0 1-.658.475L4.42 15.14a.5.5 0 0 1-.332-.573l.392-1.962a.2.2 0 0 0-.055-.18L4 12l-.424-.424a.2.2 0 0 0-.181-.055l-1.962.392a.5.5 0 0 1-.573-.332L.22 9.658A.5.5 0 0 1 .693 9h2.01a.2.2 0 0 0 .186-.274l-1.768-4.42a.5.5 0 0 1 .111-.54l.59-.59a.5.5 0 0 1 .424-.14l6.506.929a.5.5 0 0 0 .424-.142l1.47-1.47a.5.5 0 0 1 .707 0z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M14.724 2.724a.5.5 0 0 0 .61.075l3.98-2.387c.178-.108.381.095.274.274l-2.387 3.98a.5.5 0 0 0 .075.61l.37.37a.5.5 0 0 1 0 .708L15.17 8.83a.5.5 0 0 0-.143.409l.947 8.522a.5.5 0 0 1-.144.409l-.575.575a.5.5 0 0 1-.577.094l-5.389-2.694a.2.2 0 0 0-.289.178v2.868a.5.5 0 0 1-.724.447l-2.934-1.467a.5.5 0 0 1-.267-.546l.404-2.02a.2.2 0 0 0-.055-.18l-.848-.85a.2.2 0 0 0-.181-.054l-2.02.404a.5.5 0 0 1-.546-.266L.362 11.724A.5.5 0 0 1 .809 11h1.914a.2.2 0 0 0 .19-.263L1.097 5.293a.5.5 0 0 1 .12-.511l.612-.612a.5.5 0 0 1 .409-.143l8.522.947a.5.5 0 0 0 .409-.144l2.476-2.476a.5.5 0 0 1 .708 0z"] as readonly string[];
+
 export const FighterJet: 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="fighter-jet" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M294.48 345.52A10 10 0 0 1 306.68 344.02L386.28 391.76C389.8400000000001 393.92 393.9 389.86 391.76 386.28L344.02 306.68A10 10 0 0 1 345.52 294.48L352.92 287.08A10 10 0 0 0 352.92 272.92L303.4 223.4A10 10 0 0 1 300.54 215.22L319.48 44.78A10 10 0 0 0 316.6 36.6L305.1 25.1A10 10 0 0 0 293.56 23.22L185.78 77.0999999999999A4 4 0 0 1 180 73.5399999999999V16.18A10 10 0 0 0 165.52 7.24L106.84 36.5799999999999A10 10 0 0 0 101.4999999999999 47.4999999999999L109.58 87.8999999999999A4 4 0 0 1 108.48 91.4999999999999L91.52 108.4999999999999A4 4 0 0 1 87.9 109.5799999999999L47.5 101.4999999999999A10 10 0 0 0 36.58 106.8199999999999L7.24 165.52A10 10 0 0 0 16.18 180H54.46A4 4 0 0 1 58.26 185.26L21.94 294.14A10 10 0 0 0 24.34 304.36L36.58 316.6A10 10 0 0 0 44.76 319.46L215.2 300.52A10 10 0 0 1 223.38 303.4L272.9 352.92A10 10 0 0 0 287.06 352.92z" : "M233.86 266.14A10 10 0 0 1 246.94 265.2L308.8 311.6C310.66 313 313 310.6600000000001 311.6 308.8L265.2 246.94A10 10 0 0 1 266.14 233.86L272.94 227.06A10 10 0 0 0 272.94 212.92L243.54 183.52A10 10 0 0 1 240.7 175.06L259.3 44.94A10 10 0 0 0 256.4600000000001 36.46L244.6600000000001 24.66A10 10 0 0 0 233.86 22.46L145.5 57.8A4 4 0 0 1 140.02 54.1V13.88A10 10 0 0 0 126.86 4.38L88.4 17.2A10 10 0 0 0 81.76 28.66L89.6 67.9A4 4 0 0 1 88.5 71.5L80 80L71.52 88.48A4 4 0 0 1 67.9 89.58L28.66 81.74A10 10 0 0 0 17.2 88.38L4.4 126.84A10 10 0 0 0 13.86 140H54.06A4 4 0 0 1 57.78 145.48L22.42 233.88A10 10 0 0 0 24.64 244.68L36.44 256.48A10 10 0 0 0 44.92 259.2800000000001L175.04 240.7A10 10 0 0 1 183.52 243.54L212.92 272.9400000000001A10 10 0 0 0 227.06 272.9400000000001z"}
-                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>
-   );
+    );
 });
 FighterJet.displayName = `Blueprint6.Icon.FighterJet`;
 export default FighterJet;

package/src/generated/components/film.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 1h-5v2H6V1H1c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h5v-2h4v2h5c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1M4 13H2v-2h2zm0-3H2V8h2zm0-3H2V5h2zm0-3H2V2h2zm6 6H6V5h4zm4 3h-2v-2h2zm0-3h-2V8h2zm0-3h-2V5h2zm0-3h-2V2h2z"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M19 2h-5v3H6V2H1c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h5v-3h8v3h5c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1M4 17H2v-2h2zm0-3H2v-2h2zm0-3H2V9h2zm0-3H2V6h2zm0-3H2V3h2zm10 8H6V7h8zm4 4h-2v-2h2zm0-3h-2v-2h2zm0-3h-2V9h2zm0-3h-2V6h2zm0-3h-2V3h2z"] as readonly string[];
+
 export const Film: 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="film" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M380 360H280V300H120V360H20C9 360 0 351 0 340V60C0 49 9 40 20 40H120V100H280V40H380C391 40 400 49 400 60V340C400 351 391 360 380 360M80 60H40V100H80zM80 120H40V160H80zM80 180H40V220H80zM80 240H40V280H80zM80 300H40V340H80zM280 140H120V260H280zM360 60H320V100H360zM360 120H320V160H360zM360 180H320V220H360zM360 240H320V280H360zM360 300H320V340H360z" : "M300 300H200V260H120V300H20C9 300 0 291 0 280V60C0 49 9 40 20 40H120V80H200V40H300C311 40 320 49 320 60V280C320 291 311 300 300 300M80 60H40V100H80zM80 120H40V160H80zM80 180H40V220H80zM80 240H40V280H80zM200 120H120V220H200zM280 60H240V100H280zM280 120H240V160H280zM280 180H240V220H280zM280 240H240V280H280z"}
-                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>
-   );
+    );
 });
 Film.displayName = `Blueprint6.Icon.Film`;
 export default Film;

package/src/generated/components/filter-keep.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 10c-.28 0-.53.11-.71.29L12 12.59l-1.29-1.29A.97.97 0 0 0 10 11a1.003 1.003 0 0 0-.71 1.71l2 2c.18.18.43.29.71.29s.53-.11.71-.29l3-3A1.003 1.003 0 0 0 15 10m-3-8c0-.55-.45-1-1-1H1a1.003 1.003 0 0 0-.71 1.71L4 6.41V12a1.003 1.003 0 0 0 1.71.71l2-2c.18-.18.29-.43.29-.71V6.41l3.71-3.71c.18-.17.29-.42.29-.7"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15 2c0-.55-.45-1-1-1H1a1.003 1.003 0 0 0-.71 1.71L5 7.41V16a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71V7.41l4.71-4.71c.18-.17.29-.42.29-.7m4 11c-.28 0-.53.11-.71.29L15 16.59l-1.29-1.29A.97.97 0 0 0 13 15a1.003 1.003 0 0 0-.71 1.71l2 2c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0 0 19 13"] as readonly string[];
+
 export const FilterKeep: 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="filter-keep" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 360C300 371 291 380 280 380H20A20.06 20.06 0 0 1 5.8 345.8L100 251.8V80A20.06 20.06 0 0 1 134.2 65.8L194.2 125.8C197.8 129.4 200 134.4 200 140V251.8L294.2000000000001 346C297.8 349.4 300 354.4 300 360M380 140C374.4 140 369.4 137.8 365.8 134.2000000000001L300 68.2L274.2000000000001 94A19.4 19.4 0 0 1 260 100A20.06 20.06 0 0 1 245.8 65.8L285.8 25.8C289.4 22.2 294.4 20 300 20S310.6 22.2 314.2000000000001 25.8L394.2000000000001 105.8A20.06 20.06 0 0 1 380 140" : "M300 120C294.4000000000001 120 289.4000000000001 117.8 285.8 114.2L240 68.2L214.2 94A19.4 19.4 0 0 1 200 100A20.06 20.06 0 0 1 185.8 65.8L225.8 25.8C229.4 22.2 234.4 20 240 20S250.6 22.2 254.2 25.8L314.2000000000001 85.8A20.06 20.06 0 0 1 300 120M240 280C240 291 231 300 220 300H20A20.06 20.06 0 0 1 5.8 265.8L80 191.8V80A20.06 20.06 0 0 1 114.2 65.8L154.2 105.8C157.8 109.4 160 114.4 160 120V191.8L234.2 266C237.8 269.4 240 274.4 240 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>
-   );
+    );
 });
 FilterKeep.displayName = `Blueprint6.Icon.FilterKeep`;
 export default FilterKeep;

package/src/generated/components/filter-list.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 8c0 .55.45 1 1 1h5c.55 0 1-.45 1-1s-.45-1-1-1h-5c-.55 0-1 .45-1 1m3-6c0-.55-.45-1-1-1H1a1.003 1.003 0 0 0-.71 1.71L4 6.41V12a1.003 1.003 0 0 0 1.71.71l2-2c.18-.18.29-.43.29-.71V6.41l3.71-3.71c.18-.17.29-.42.29-.7m3 8h-5c-.55 0-1 .45-1 1s.45 1 1 1h5c.55 0 1-.45 1-1s-.45-1-1-1m0 3h-5c-.55 0-1 .45-1 1s.45 1 1 1h5c.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 = ["M15 2c0-.55-.45-1-1-1H1a1.003 1.003 0 0 0-.71 1.71L5 7.41V16a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71V7.41l4.71-4.71c.18-.17.29-.42.29-.7m-4 8c0 .55.45 1 1 1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7c-.55 0-1 .45-1 1m8 7h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1s-.45-1-1-1m0-4h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1s-.45-1-1-1"] as readonly string[];
+
 export const FilterList: 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="filter-list" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 360C300 371 291 380 280 380H20A20.06 20.06 0 0 1 5.8 345.8L100 251.8V80A20.06 20.06 0 0 1 134.2 65.8L194.2 125.8C197.8 129.4 200 134.4 200 140V251.8L294.2000000000001 346C297.8 349.4 300 354.4 300 360M220 200C220 189 229 180 240 180H380C391 180 400 189 400 200S391 220 380 220H240C229 220 220 211 220 200M380 60H240C229 60 220 51 220 40S229 20 240 20H380C391 20 400 29 400 40S391 60 380 60M380 140H240C229 140 220 131 220 120S229 100 240 100H380C391 100 400 109 400 120S391 140 380 140" : "M180 160C180 149 189 140 200 140H300C311 140 320 149 320 160S311 180 300 180H200C189 180 180 171 180 160M240 280C240 291 231 300 220 300H20A20.06 20.06 0 0 1 5.8 265.8L80 191.8V80A20.06 20.06 0 0 1 114.2 65.8L154.2 105.8C157.8 109.4 160 114.4 160 120V191.8L234.2 266C237.8 269.4 240 274.4 240 280M300 120H200C189 120 180 111 180 100S189 80 200 80H300C311 80 320 89 320 100S311 120 300 120M300 60H200C189 60 180 51 180 40S189 20 200 20H300C311 20 320 29 320 40S311 60 300 60"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 FilterList.displayName = `Blueprint6.Icon.FilterList`;
 export default FilterList;

package/src/generated/components/filter-open.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.707 10.293a1 1 0 0 1 0 1.414l-3 3c-.63.63-1.707.184-1.707-.707V8c0-.89 1.077-1.337 1.707-.707zM12 2c0 .28-.11.53-.29.7L8 6.41V10c0 .28-.11.53-.29.71l-2 2A1.003 1.003 0 0 1 4 12V6.41L.29 2.71A1.003 1.003 0 0 1 1 1h10c.55 0 1 .45 1 1"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M15 2c0 .28-.11.53-.29.7L10 7.41V13c0 .28-.11.53-.29.71l-3 3A1.003 1.003 0 0 1 5 16V7.41L.29 2.71A1.003 1.003 0 0 1 1 1h13c.55 0 1 .45 1 1m4.707 11.293a1 1 0 0 1 0 1.414l-4 4c-.63.63-1.707.184-1.707-.707v-8c0-.89 1.077-1.337 1.707-.707z"] as readonly string[];
+
 export const FilterOpen: 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="filter-open" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 360C300 354.4 297.8 349.4 294.2000000000001 346L200 251.8V140C200 134.4 197.8 129.4 194.2 125.8L134.2 65.8A20.06 20.06 0 0 0 100 80V251.8L5.8 345.8A20.06 20.06 0 0 0 20 380H280C291 380 300 371 300 360M394.14 134.14A20 20 0 0 0 394.14 105.86L314.14 25.86C301.54 13.26 280 22.18 280 40V200C280 217.8 301.54 226.74 314.14 214.14z" : "M314.14 114.14A20 20 0 0 0 314.14 85.86L254.14 25.86C241.54 13.26 220 22.1800000000001 220 40.0000000000001V160C220 177.8 241.54 186.74 254.14 174.14zM240 280C240 274.4 237.8 269.4 234.2 266L160 191.8V120C160 114.4 157.8 109.4 154.2 105.8L114.2 65.8A20.06 20.06 0 0 0 80 80V191.8L5.8 265.8A20.06 20.06 0 0 0 20 300H220C231 300 240 291 240 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>
-   );
+    );
 });
 FilterOpen.displayName = `Blueprint6.Icon.FilterOpen`;
 export default FilterOpen;

package/src/generated/components/filter-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 = ["M12 2c0-.55-.45-1-1-1H1a1.003 1.003 0 0 0-.71 1.71L4 6.41V12a1.003 1.003 0 0 0 1.71.71l2-2c.18-.18.29-.43.29-.71V6.41l3.71-3.71c.18-.17.29-.42.29-.7m2.41 10 1.29-1.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L13 10.59 11.71 9.3A.97.97 0 0 0 11 9a1.003 1.003 0 0 0-.71 1.71l1.3 1.29-1.29 1.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71l1.29-1.3 1.29 1.29c.18.19.43.3.71.3a1.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 = ["M15 2c0-.55-.45-1-1-1H1a1.003 1.003 0 0 0-.71 1.71L5 7.41V16a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71V7.41l4.71-4.71c.18-.17.29-.42.29-.7m2.91 13.5 1.79-1.79c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71l-1.79 1.79-1.79-1.79a1.003 1.003 0 0 0-1.42 1.42l1.79 1.79-1.79 1.79a1.003 1.003 0 0 0 1.42 1.42l1.79-1.79 1.79 1.79a1.003 1.003 0 0 0 1.42-1.42z"] as readonly string[];
+
 export const FilterRemove: 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="filter-remove" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M300 360C300 371 291 380 280 380H20A20.06 20.06 0 0 1 5.8 345.8L100 251.8V80A20.06 20.06 0 0 1 134.2 65.8L194.2 125.8C197.8 129.4 200 134.4 200 140V251.8L294.2000000000001 346C297.8 349.4 300 354.4 300 360M358.2 90L394 125.8C397.8 129.4 400 134.4 400 140A20.06 20.06 0 0 1 365.8 154.2L330 118.4L294.2000000000001 154.2A20.06 20.06 0 0 1 265.8 125.8L301.6 90L265.8000000000001 54.2A20.06 20.06 0 0 1 294.2000000000001 25.8L330.0000000000001 61.6L365.8000000000001 25.8A20.06 20.06 0 0 1 394.2000000000001 54.2z" : "M240 280C240 291 231 300 220 300H20A20.06 20.06 0 0 1 5.8 265.8L80 191.8V80A20.06 20.06 0 0 1 114.2 65.8L154.2 105.8C157.8 109.4 160 114.4 160 120V191.8L234.2 266C237.8 269.4 240 274.4 240 280M288.2 80L314 105.8C317.8 109.4 320 114.4 320 120A20.06 20.06 0 0 1 285.8 134.2L260 108.2L234.2 134A19.4 19.4 0 0 1 220 140A20.06 20.06 0 0 1 205.8 105.8L231.8 80L206 54.2C202.2 50.6 200 45.6 200 40A20.06 20.06 0 0 1 234.2 25.8L260 51.8L285.8 26C289.4 22.2 294.4 20 300 20A20.06 20.06 0 0 1 314.2000000000001 54.2z"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 FilterRemove.displayName = `Blueprint6.Icon.FilterRemove`;
 export default FilterRemove;

package/src/generated/components/filter-sort-asc.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 2c0 .28-.11.53-.29.7L12 6.41V10c0 .28-.11.53-.29.71l-2 2A1.003 1.003 0 0 1 8 12V6.41l-3.71-3.7A1.003 1.003 0 0 1 5 1h10c.55 0 1 .45 1 1M5 12.005c-.28 0-.53-.11-.71-.29l-.29-.29v3.576c0 .55-.45 1-1 1s-1-.45-1-1v-3.585l-.29.29a1.002 1.002 0 0 1-1.42-1.418l2-1.998C2.47 8.11 2.72 8 3 8s.53.11.71.29l2 1.997c.18.18.29.43.29.71 0 .559-.45 1.008-1 1.008"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M20 2c0-.55-.45-1-1-1H6a1.003 1.003 0 0 0-.71 1.71L10 7.41V16a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71V7.41l4.71-4.71c.18-.17.29-.42.29-.7M4.71 10.29A1 1 0 0 0 4 10c-.28 0-.53.11-.71.29l-3 3a1.003 1.003 0 0 0 1.42 1.42L3 13.41V19c0 .55.45 1 1 1s1-.45 1-1v-5.59l1.29 1.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71z"] as readonly string[];
+
 export const FilterSortAsc: 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="filter-sort-asc" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M400 360C400 371 391 380 380 380H120A20.06 20.06 0 0 1 105.8 345.8L200 251.8V80A20.06 20.06 0 0 1 234.2 65.8L294.2000000000001 125.8C297.8 129.4 300 134.4 300 140V251.8L394.2000000000001 346C397.8 349.4 400 354.4 400 360M94.2 194.2A20 20 0 0 1 80 200C74.4 200 69.4 197.8 65.8 194.2L5.8 134.2000000000001A20.06 20.06 0 0 1 34.2 105.8L60 131.8V20C60 9 69 0 80 0S100 9 100 20V131.8L125.8 106C129.4 102.2000000000001 134.4 100 140 100A20.06 20.06 0 0 1 154.2 134.2000000000001z" : "M320 280C320 274.4 317.8 269.4 314.2000000000001 266L240 191.8V120C240 114.4 237.8 109.4 234.2 105.8L194.2 65.8A20.06 20.06 0 0 0 160 80V191.8L85.8 265.8A20.06 20.06 0 0 0 100 300H300C311 300 320 291 320 280M100 79.9C94.4 79.9 89.4 82.1 85.8 85.7L80 91.4999999999999V19.98C80 8.9799999999999 71 -0.0200000000001 60 -0.0200000000001S40 8.9799999999999 40 19.9799999999999V91.6799999999999L34.2 85.8799999999999A20.04 20.04 0 0 0 5.8 114.2399999999999L45.8 154.1999999999999C49.4 157.8 54.4 160 60 160S70.6 157.8 74.2 154.2L114.2 114.26C117.8 110.66 120 105.66 120 100.06C120 88.88 111 79.9 100 79.9"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 FilterSortAsc.displayName = `Blueprint6.Icon.FilterSortAsc`;
 export default FilterSortAsc;

package/src/generated/components/filter-sort-desc.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 2c0 .28-.11.53-.29.7L12 6.41V10c0 .28-.11.53-.29.71l-2 2A1.003 1.003 0 0 1 8 12V6.41l-3.71-3.7A1.003 1.003 0 0 1 5 1h10c.55 0 1 .45 1 1M5 11.995c-.28 0-.53.11-.71.29l-.29.29V8.998C4 8.449 3.55 8 3 8s-1 .45-1 1v3.585l-.29-.29a1.002 1.002 0 0 0-1.42 1.418l2 1.999c.18.18.43.29.71.29s.53-.11.71-.29l2-1.998c.18-.18.29-.43.29-.71 0-.558-.45-1.008-1-1.008"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M20 2c0-.55-.45-1-1-1H6a1.003 1.003 0 0 0-.71 1.71L10 7.41V16a1.003 1.003 0 0 0 1.71.71l3-3c.18-.18.29-.43.29-.71V7.41l4.71-4.71c.18-.17.29-.42.29-.7M4.71 19.71c-.18.18-.43.29-.71.29s-.53-.11-.71-.29l-3-3a1.003 1.003 0 0 1 1.42-1.42L3 16.59V11c0-.55.45-1 1-1s1 .45 1 1v5.59l1.29-1.29c.18-.19.43-.3.71-.3a1.003 1.003 0 0 1 .71 1.71z"] as readonly string[];
+
 export const FilterSortDesc: 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="filter-sort-desc" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M400 360C400 371 391 380 380 380H120A20.06 20.06 0 0 1 105.8 345.8L200 251.8V80A20.06 20.06 0 0 1 234.2 65.8L294.2000000000001 125.8C297.8 129.4 300 134.4 300 140V251.8L394.2000000000001 346C397.8 349.4 400 354.4 400 360M94.2 5.8C90.6 2.2 85.6 0 80 0S69.4 2.2 65.8 5.8L5.8 65.8A20.06 20.06 0 0 0 34.2 94.2L60 68.2V180C60 191 69 200 80 200S100 191 100 180V68.2L125.8 94C129.4 97.8 134.4 100 140 100A20.06 20.06 0 0 0 154.2 65.8z" : "M320 280C320 274.4 317.8 269.4 314.2000000000001 266L240 191.8V120C240 114.4 237.8 109.4 234.2 105.8L194.2 65.8A20.06 20.06 0 0 0 160 80V191.8L85.8 265.8A20.06 20.06 0 0 0 100 300H300C311 300 320 291 320 280M100 80.1C94.4 80.1 89.4 77.9 85.8 74.3L80 68.5000000000001V140.04C80 151.02 71 160 60 160S40 151 40 140V68.3L34.2 74.1A20.04 20.04 0 0 1 5.8 45.74L45.8 5.76C49.4 2.16 54.4 -0.0400000000001 60 -0.0400000000001S70.6 2.16 74.2 5.7599999999999L114.2 45.7199999999999C117.8 49.3199999999999 120 54.3199999999999 120 59.9199999999999C120 71.0799999999999 111 80.0799999999999 100 80.0799999999999"}
-                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>
-   );
+    );
 });
 FilterSortDesc.displayName = `Blueprint6.Icon.FilterSortDesc`;
 export default FilterSortDesc;

package/src/generated/components/filter.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M13.99.99h-12a1.003 1.003 0 0 0-.71 1.71l4.71 4.71V14a1.003 1.003 0 0 0 1.71.71l2-2c.18-.18.29-.43.29-.71V7.41L14.7 2.7a1.003 1.003 0 0 0-.71-1.71"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M18 1H2a1.003 1.003 0 0 0-.71 1.71L7 8.41V18a1.003 1.003 0 0 0 1.71.71l4-4c.18-.18.29-.43.29-.71V8.41l5.71-5.71c.18-.17.29-.42.29-.7 0-.55-.45-1-1-1"] as readonly string[];
+
 export const Filter: 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="filter" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M360 380H40A20.06 20.06 0 0 1 25.8 345.8L140 231.8V40A20.06 20.06 0 0 1 174.2 25.8L254.2 105.8C257.8 109.4 260 114.4 260 120V231.8L374.2000000000001 346C377.8 349.4 380 354.4 380 360C380 371 371 380 360 380" : "M279.8 300.2H39.8A20.06 20.06 0 0 1 25.6 266L119.8 171.8V40A20.06 20.06 0 0 1 154 25.8L194 65.8C197.6 69.4 199.8 74.4 199.8 80V171.8L294 266A20.06 20.06 0 0 1 279.8 300.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>
-   );
+    );
 });
 Filter.displayName = `Blueprint6.Icon.Filter`;
 export default Filter;

package/src/generated/components/flag.tsx

@@ -18,21 +18,22 @@ import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconTypes";
 import { SVGIconContainer } from "../../svgIconContainer";
 
+/** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_16 = ["M2.99 2.99c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1s1-.45 1-1v-11c0-.55-.45-1-1-1m0-3c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1m2 3.03v7.23c2.07-2.11 5.92 1.75 9 0V3.02c-3 2.07-6.94-2.03-9 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M3 3c-.55 0-1 .45-1 1v15c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1m0-3c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1m2 4.08v8.28c3.01-2.41 8.67 2.64 13 0V4.08C13.61 7.14 8.01 1 5 4.08"] as readonly string[];
+
 export const Flag: 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="flag" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M60 340C49 340 40 331 40 320V20C40 9 49 0 60 0S80 9 80 20V320C80 331 71 340 60 340M60 400C49 400 40 391 40 380S49 360 60 360S80 369 80 380S71 400 60 400M100 318.4V152.8C160.2 201 273.4 100 360 152.8V318.4C272.2 257.2000000000001 160.2 380 100 318.4" : "M59.8 260.2C48.8 260.2 39.8 251.2 39.8 240.2V20.2C39.8 9.2 48.8 0.2 59.8 0.2S79.8 9.2 79.8 20.2V240.2C79.8 251.2 70.8 260.2 59.8 260.2M59.8 320.2C48.8 320.2 39.8 311.2 39.8 300.2S48.8 280.2 59.8 280.2S79.8 289.2 79.8 300.2S70.8 320.2 59.8 320.2M99.8 259.6V115C141.2 157.2 218.2 80 279.8 115V259.6C219.8 218.2 141 300.2 99.8 259.6"}
-                fillRule="evenodd"
-                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
-                style={style}
-            />
+            {paths.map((d, i) => (
+                <path key={i} d={d} fillRule="evenodd" />
+            ))}
         </SVGIconContainer>
-   );
+    );
 });
 Flag.displayName = `Blueprint6.Icon.Flag`;
 export default Flag;

package/src/generated/components/flame.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.217 0q0 2.052 1.104 3.282Q14 6.154 14 9.846 14 13.948 9.585 16c2.165-2.4 1.84-3.385-.368-6.4-2.342 1.2-1.967 2-1.592 3.6-.786 0-1.5 0-1.875-.4 0 .547.898 2 1.464 3.2-2.943-.82-6.092-5.744-4.988-6.154q1.104-.41 2.575.41Q2.962 2.872 9.217 0"] as readonly string[];
+
+/** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */
+const PATHS_20 = ["M11.622 0q0 2.565 1.472 4.103Q18 7.693 18 12.308q0 5.128-5.887 7.692c2.887-3 2.453-4.23-.49-8C8.5 13.5 9 14.5 9.5 16.5c-1.048 0-2 0-2.5-.5 0 .684 1.197 2.5 1.952 4-3.924-1.026-8.123-7.18-6.651-7.692q1.472-.513 3.434.513Q3.282 3.59 11.622 0"] as readonly string[];
+
 export const Flame: 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="flame" ref={ref} {...props}>
-            <path
-                d={isLarge ? "M232.44 400Q232.44 348.7 261.88 317.94Q360 246.14 360 153.84Q360 51.28 242.26 0C300 60 291.32 84.6 232.46 160C170 130 180 110 190 70C169.04 70 150 70 140 80C140 66.32 163.94 30 179.04 0C100.56 20.52 16.58 143.6 46.02 153.84Q75.46 164.1 114.7 143.58Q65.64 328.2 232.44 400" : "M184.34 320Q184.34 278.96 206.42 254.36Q280 196.92 280 123.08Q280 41.04 191.7 0C235 48 228.5 67.7 184.34 128C137.5 104 145 88 152.5 56C136.78 56 122.5 56 115 64C115 53.06 132.96 24 144.28 0C85.42 16.4 22.44 114.88 44.52 123.08Q66.6 131.28 96.02 114.88Q59.24 262.56 184.34 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>
-   );
+    );
 });
 Flame.displayName = `Blueprint6.Icon.Flame`;
 export default Flame;