@blueprintjs/icons 5.0.0-alpha.4 → 5.0.0-beta.0

package/src/generated/components/flow-end.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const FlowEnd: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M240.01461 201.629275C240.837688 245.0617898 276.333188 280.01717062 320 280.01717062C364.18278 280.01717062 400 244.2308438 400 200.086172C400 155.9415006 364.18278 120.1551738 320 120.1551738C276.351992 120.1551738 240.868264 155.0804534 240.015692 198.48696C239.64026 193.6795492 237.583316 189.4096012 234.416458 186.247797L153.6840024 105.7947984C150.1700738 102.286478 145.4337502 100.107571 139.9676386 100.107571C129.2306342 100.107571 120.0777876 109.3228848 120.0777876 120.0427526C120.0777876 125.50014 122.2299448 130.6082814 125.7438736 134.116602L173.3131412 180.1536974L19.5996137 180.1536974C8.8626091 180.1536974 0.0777871784 189.3663044 0.0777871784 200.086172C0.0777871784 210.80604 8.8626091 219.922752 19.5996137 219.922752C26.7576168 219.922752 77.9303866 219.922752 173.117923 219.922752L125.7438736 266.2568108C122.2299448 269.7651314 120.0777876 274.5217086 120.0777876 279.9790960000001C120.0777876 290.6989638400001 129.2306342 299.9075710394 139.9676386 299.9075710394C145.4337502 299.9075710394 150.1700738 297.8976514800001 153.6840024 294.19442438L234.22124 213.7296404C237.399318 210.5566364 239.619284 206.4270532 240.01461 201.629275z"
-                    : "M194.0493444 173.8034272C197.5606934 170.2831812 199.9015928 165.58952 199.9015928 160.113582C199.9015928 154.6376438 197.7557684 149.7484134 194.2444194 146.2281676C156.4721794 108.0385366 136.3961366 87.8529832 134.0162908 85.6715072C130.446522 82.3992934 125.628068 80 120.1659696 80C109.130218 80 100.21191 88.9472986 100.21191 99.7036056C100.21191 105.1795436 102.4678874 110.5284868 106.0545004 114.1175436C108.4455756 116.510248 118.5418916 125.1276682 136.3434486 139.9698042L19.59998306 139.9698042C8.87086102 139.9698042 0.092488421 149.357275 0.092488421 160.113582C0.092488421 170.8698888 8.87086102 180.0441336 19.59998306 180.0441336L136.3434486 180.0441336C118.4323106 195.0766028 108.3359944 203.770231 106.0545004 206.1250186C102.6322592 209.6572 100.21191 214.7518006 100.21191 220.22773862C100.21191 230.98404562 109.2747504 240 120.0038724 240C125.465971 240 130.4102778 237.83761662 133.9216268 234.1218015C136.2625262 231.64459142 156.3050986 211.5384666 194.0493444 173.8034272zM260 99.9615572C226.862916 99.9615572 200 126.892536 200 160.113582C200 193.3346278 226.862916 220.26560662 260 220.26560662C293.137084 220.26560662 320 193.3346278 320 160.113582C320 126.892536 293.137084 99.9615572 260 99.9615572z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="flow-end"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-flow-end`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="flow-end" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FlowEnd: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="flow-end" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M194.0493444 173.8034272C197.5606934 170.2831812 199.9015928 165.58952 199.9015928 160.113582C199.9015928 154.6376438 197.7557684 149.7484134 194.2444194 146.2281676C156.4721794 108.0385366 136.3961366 87.8529832 134.0162908 85.6715072C130.446522 82.3992934 125.628068 80 120.1659696 80C109.130218 80 100.21191 88.9472986 100.21191 99.7036056C100.21191 105.1795436 102.4678874 110.5284868 106.0545004 114.1175436C108.4455756 116.510248 118.5418916 125.1276682 136.3434486 139.9698042L19.59998306 139.9698042C8.87086102 139.9698042 0.092488421 149.357275 0.092488421 160.113582C0.092488421 170.8698888 8.87086102 180.0441336 19.59998306 180.0441336L136.3434486 180.0441336C118.4323106 195.0766028 108.3359944 203.770231 106.0545004 206.1250186C102.6322592 209.6572 100.21191 214.7518006 100.21191 220.22773862C100.21191 230.98404562 109.2747504 240 120.0038724 240C125.465971 240 130.4102778 237.83761662 133.9216268 234.1218015C136.2625262 231.64459142 156.3050986 211.5384666 194.0493444 173.8034272zM260 99.9615572C226.862916 99.9615572 200 126.892536 200 160.113582C200 193.3346278 226.862916 220.26560662 260 220.26560662C293.137084 220.26560662 320 193.3346278 320 160.113582C320 126.892536 293.137084 99.9615572 260 99.9615572z"
+                        : "M240.01461 201.629275C240.837688 245.0617898 276.333188 280.01717062 320 280.01717062C364.18278 280.01717062 400 244.2308438 400 200.086172C400 155.9415006 364.18278 120.1551738 320 120.1551738C276.351992 120.1551738 240.868264 155.0804534 240.015692 198.48696C239.64026 193.6795492 237.583316 189.4096012 234.416458 186.247797L153.6840024 105.7947984C150.1700738 102.286478 145.4337502 100.107571 139.9676386 100.107571C129.2306342 100.107571 120.0777876 109.3228848 120.0777876 120.0427526C120.0777876 125.50014 122.2299448 130.6082814 125.7438736 134.116602L173.3131412 180.1536974L19.5996137 180.1536974C8.8626091 180.1536974 0.0777871784 189.3663044 0.0777871784 200.086172C0.0777871784 210.80604 8.8626091 219.922752 19.5996137 219.922752C26.7576168 219.922752 77.9303866 219.922752 173.117923 219.922752L125.7438736 266.2568108C122.2299448 269.7651314 120.0777876 274.5217086 120.0777876 279.9790960000001C120.0777876 290.6989638400001 129.2306342 299.9075710394 139.9676386 299.9075710394C145.4337502 299.9075710394 150.1700738 297.8976514800001 153.6840024 294.19442438L234.22124 213.7296404C237.399318 210.5566364 239.619284 206.4270532 240.01461 201.629275z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FlowEnd.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FlowEnd.displayName = `Blueprint5.Icon.FlowEnd`;
 export default FlowEnd;

package/src/generated/components/flow-linear.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const FlowLinear: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M102.5074162 180.0503182L19.51906448 180.0503182C8.78357902 180.0503182 0 189.2708780000001 0 200C0 210.729122 8.78357902 219.853704 19.51906448 219.853704L102.482844 219.853704C111.3127152 254.4324544 142.6705474 280 180 280C217.329452 280 248.687284 254.4324544 257.517156 219.853704L333.0496080000001 219.853704L285.868188 266.2001672C282.354756 269.7115162 280.158902 274.4841906 280.158902 279.946289C280.158902 290.6754111200001 289.3473360000001 299.9642944336 300.082822 299.9642944336C305.54816 299.9642944336 310.525416 297.66424868 314.0388480000001 293.9578247L394.14428 213.6552462C397.6577120000001 210.1438972 400 205.4620986 400 200C400 194.5379014 397.852902 189.6610278 394.33947 186.1496788L314.0388480000001 106.0021252C310.525416 102.4907762 305.54816 100.0542498 300.082822 100.0542498C289.3473360000001 100.0542498 280.158902 109.1247542 280.158902 119.8538762C280.158902 125.3159748 282.305998 130.1928484 285.81943 133.7041974L333.244798 180.0503182L257.492584 180.0503182C248.62924 145.5202454 217.294906 120 180 120C142.7050934 120 111.3707594 145.5202454 102.5074162 180.0503182z"
-                    : "M83.1826106 139.9698042L19.5529698 139.9698042C8.79883638 139.9698042 0 149.357275 0 160.113582C0 170.8698888 8.79883638 179.917692 19.5529698 179.917692L83.1427902 179.917692C91.3799616 203.2645242 113.6905716 220 139.9212536 220C166.1519354 220 188.4625456 203.2645242 196.6997168 179.917692L256.293692 179.917692C238.3408 195.0344554 228.220948 203.770231 225.934134 206.1250186C222.503916 209.6572002 220.077924 214.7518006 220.077924 220.2277387C220.077924 230.98404562 229.161892 240 239.916026 240C245.390856 240 250.34669 237.83761662 253.866224 234.1218015C256.21258 231.64459142 276.301876 211.5384666 314.1341080000001 173.8034272C317.653644 170.2831812 320 165.58952 320 160.113582C320 154.637644 317.849172 149.7484134 314.329638 146.2281676L253.961108 85.6715072C250.441574 82.1512614 245.553332 80 240.0785 80C229.017022 80 220.077924 88.9472988 220.077924 99.7036056C220.077924 105.1795438 222.4146 110.5972976 225.934134 114.1175436L256.293692 139.9698042L196.6598964 139.9698042C188.3908292 116.6817314 166.1097828 100 139.9212536 100C113.7327244 100 91.451678 116.6817314 83.1826106 139.9698042z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="flow-linear"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-flow-linear`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="flow-linear" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FlowLinear: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="flow-linear" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M83.1826106 139.9698042L19.5529698 139.9698042C8.79883638 139.9698042 0 149.357275 0 160.113582C0 170.8698888 8.79883638 179.917692 19.5529698 179.917692L83.1427902 179.917692C91.3799616 203.2645242 113.6905716 220 139.9212536 220C166.1519354 220 188.4625456 203.2645242 196.6997168 179.917692L256.293692 179.917692C238.3408 195.0344554 228.220948 203.770231 225.934134 206.1250186C222.503916 209.6572002 220.077924 214.7518006 220.077924 220.2277387C220.077924 230.98404562 229.161892 240 239.916026 240C245.390856 240 250.34669 237.83761662 253.866224 234.1218015C256.21258 231.64459142 276.301876 211.5384666 314.1341080000001 173.8034272C317.653644 170.2831812 320 165.58952 320 160.113582C320 154.637644 317.849172 149.7484134 314.329638 146.2281676L253.961108 85.6715072C250.441574 82.1512614 245.553332 80 240.0785 80C229.017022 80 220.077924 88.9472988 220.077924 99.7036056C220.077924 105.1795438 222.4146 110.5972976 225.934134 114.1175436L256.293692 139.9698042L196.6598964 139.9698042C188.3908292 116.6817314 166.1097828 100 139.9212536 100C113.7327244 100 91.451678 116.6817314 83.1826106 139.9698042z"
+                        : "M102.5074162 180.0503182L19.51906448 180.0503182C8.78357902 180.0503182 0 189.2708780000001 0 200C0 210.729122 8.78357902 219.853704 19.51906448 219.853704L102.482844 219.853704C111.3127152 254.4324544 142.6705474 280 180 280C217.329452 280 248.687284 254.4324544 257.517156 219.853704L333.0496080000001 219.853704L285.868188 266.2001672C282.354756 269.7115162 280.158902 274.4841906 280.158902 279.946289C280.158902 290.6754111200001 289.3473360000001 299.9642944336 300.082822 299.9642944336C305.54816 299.9642944336 310.525416 297.66424868 314.0388480000001 293.9578247L394.14428 213.6552462C397.6577120000001 210.1438972 400 205.4620986 400 200C400 194.5379014 397.852902 189.6610278 394.33947 186.1496788L314.0388480000001 106.0021252C310.525416 102.4907762 305.54816 100.0542498 300.082822 100.0542498C289.3473360000001 100.0542498 280.158902 109.1247542 280.158902 119.8538762C280.158902 125.3159748 282.305998 130.1928484 285.81943 133.7041974L333.244798 180.0503182L257.492584 180.0503182C248.62924 145.5202454 217.294906 120 180 120C142.7050934 120 111.3707594 145.5202454 102.5074162 180.0503182z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FlowLinear.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FlowLinear.displayName = `Blueprint5.Icon.FlowLinear`;
 export default FlowLinear;

package/src/generated/components/flow-review-branch.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const FlowReviewBranch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M260.797012 131.525098C248.802586 124.313996 234.765448 120.168416 219.762708 120.168416C182.5737802 120.168416 151.317997 145.640912 142.4007968 180.1354648L66.8385368 180.1354648L114.2878034 133.934052C117.795365 130.416868 119.9388748 125.531892 119.9388748 120.060716C119.9388748 109.313766 110.9032724 100.098944 100.1857228 100.098944C94.7295156 100.098944 89.8634064 102.159658 86.3558448 105.872242L5.84593616 186.3442214C2.33837446 189.861405 1.1e-12 194.550983 1.1e-12 200.0221574C1.1e-12 205.4933318 2.14350992 210.378309 5.65107162 213.8954926L86.3558448 294.7122578C89.8634064 298.2294412 94.7295156 300.4675066 100.1857228 300.4675066C110.9032724 300.4675066 119.9388748 291.0627746 119.9388748 280.3158248C119.9388748 274.8446504 117.795365 269.9596734 114.2878034 266.4424898L66.6436724 220.3260758L142.3644456 220.3260758C151.2327734 254.892267 182.523073 280.4342744 219.762708 280.4342744C235.187474 280.4342744 249.591548 276.0521832 261.804346 268.4617966L333.094664 339.8614728L282.335368 339.9118194C277.370004 339.9167442 272.402728 341.8541062 268.536952 345.7228108C260.94346 353.3220518 260.9301500000001 366.76292282 268.508602 374.3471153C272.366724 378.208158764 277.330172 380.1356707952 282.433598 379.99257780614L380.3638380000001 379.8954442182C385.329202 379.8905192484 390.296204 378.229219706 394.1619800000001 374.3605152C398.027758 370.49181068 399.5659940000001 365.52116614 399.570914 360.55204234L399.667976 262.547622C399.6728960000001 257.5784984 397.746842 252.61129 393.88872 248.7502464C386.3102700000001 241.166054 373.157372 241.1790998 365.5638820000001 248.7783408C361.6981040000001 252.6470454 359.7622100000001 257.6180844 359.757288 262.5872082L359.70698 313.3849532L288.618256 240.997573C295.644588 229.0698852 299.67642 215.1577492 299.67642 200.3013452C299.67642 185.030641 295.41658 170.757606 288.023464 158.611888L359.92979 86.72787L359.980098 137.525614C359.985018 142.494738 361.9209140000001 147.465778 365.78669 151.334482C373.38018 158.933724 386.772942 158.947006 394.351394 151.362814C398.209514 147.50177 400.13557 142.534562 399.992584 137.42727L399.895524 39.42285C399.890602 34.453726 398.230854 29.7799700000001 394.3650780000001 25.911266C390.499302 22.042562 385.532026 20.1052 380.566662 20.100276L279.478592 20.00001C274.5132280000001 19.995086 269.54978 21.922598 265.691658 25.78364C258.113208 33.367834 258.126314 46.601292 265.719802 54.200532C269.585578 58.069236 274.552854 60.006598 279.518218 60.011522L333.4353440000001 60.0650020000001L260.797012 131.525098z"
-                    : "M207.838848 107.0543138C199.4745472 102.6361524 189.9392114 100.1343842 179.8188874 100.1343842C153.6874726 100.1343842 131.456233 116.8139276 123.2139092 140.0958078L67.410214 140.0966668L94.174242 113.7490006C97.6251746 110.1795432 99.9162722 105.5363486 99.8209924 100.0791986C99.6338356 89.359794 89.345798 80.183236 80.0375544 80.18338C70.7293106 80.183522 67.4110798 83.91805 65.0819224 86.054052L5.6183411 146.3665006C2.16740852 149.9359584 -0.092379026 154.6543754 0.00290078472 160.1115262C0.0981805928 165.5686768 2.32958646 170.4036782 5.90302168 173.850557L66.0827968 234.4102578C69.656232 237.8571368 74.5716964 239.915893 80.0350936 239.820554C90.7667668 239.633281 100.00631 230.1191058 99.8191532 219.3997028C99.7238734 213.9425522 97.4924676 209.107551 93.9190322 205.660672L67.409598 180.0547356L123.2037772 180.0538768C131.4380022 203.350719 153.6767576 220.0439438 179.8188874 220.0439438C188.9340872 220.0439438 197.5747276 218.0144362 205.312608 214.3831314L253.633306 259.9165510000001L219.008086 259.848267C214.045492 260.019327 209.151274 262.4208344 205.427966 266.4125496C198.1143272 274.2534188 198.5530402 286.65628206 206.402884 293.97446812C210.399168 297.70008994 215.596224 300.287910822 220.691794 299.9742896574L300.93453 299.8771036538C305.897124 299.706043554 310.801224 297.8812686 314.524532 293.8895533C318.247838 289.897838 320.002252 284.8701694 319.826766 279.9090242L319.791134 199.0019896C319.615648 194.0408444 317.510264 189.1462224 313.51398 185.4206002C305.664136 178.1024146 292.406936 178.5296898 285.093298 186.3705592C281.36999 190.3622744 279.615576 195.3899432 279.791062 200.3510884L279.80597 234.202238L232.973788 187.964708C237.360058 179.6369824 239.842294 170.1526204 239.842294 160.0891638C239.842294 151.0606106 237.844342 142.4981708 234.265972 134.8189022L279.97017 86.42151L279.901868 121.0376834C280.072974 125.9989818 282.36483 130.8919696 286.357588 134.6143044C294.200506 141.9260332 306.60661 141.4874346 313.926708 133.6396412C317.653304 129.6444008 320.241802 124.4487026 319.928098 119.3544636L319.830886 39.132692C319.659782 34.171392 317.834632 29.035146 313.841874 25.31281C309.849116 21.590476 304.820134 19.836522 299.857692 20.01196L218.929516 20.047584C213.967074 20.223024 209.07107 22.561288 205.344474 26.556528C198.0243762 34.404322 198.451857 47.445122 206.294774 54.756852C210.287534 58.479188 215.316516 60.23314 220.278958 60.0577L254.138952 60.042796L207.838848 107.0543138z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="flow-review-branch"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-flow-review-branch`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="flow-review-branch" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FlowReviewBranch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="flow-review-branch" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M207.838848 107.0543138C199.4745472 102.6361524 189.9392114 100.1343842 179.8188874 100.1343842C153.6874726 100.1343842 131.456233 116.8139276 123.2139092 140.0958078L67.410214 140.0966668L94.174242 113.7490006C97.6251746 110.1795432 99.9162722 105.5363486 99.8209924 100.0791986C99.6338356 89.359794 89.345798 80.183236 80.0375544 80.18338C70.7293106 80.183522 67.4110798 83.91805 65.0819224 86.054052L5.6183411 146.3665006C2.16740852 149.9359584 -0.092379026 154.6543754 0.00290078472 160.1115262C0.0981805928 165.5686768 2.32958646 170.4036782 5.90302168 173.850557L66.0827968 234.4102578C69.656232 237.8571368 74.5716964 239.915893 80.0350936 239.820554C90.7667668 239.633281 100.00631 230.1191058 99.8191532 219.3997028C99.7238734 213.9425522 97.4924676 209.107551 93.9190322 205.660672L67.409598 180.0547356L123.2037772 180.0538768C131.4380022 203.350719 153.6767576 220.0439438 179.8188874 220.0439438C188.9340872 220.0439438 197.5747276 218.0144362 205.312608 214.3831314L253.633306 259.9165510000001L219.008086 259.848267C214.045492 260.019327 209.151274 262.4208344 205.427966 266.4125496C198.1143272 274.2534188 198.5530402 286.65628206 206.402884 293.97446812C210.399168 297.70008994 215.596224 300.287910822 220.691794 299.9742896574L300.93453 299.8771036538C305.897124 299.706043554 310.801224 297.8812686 314.524532 293.8895533C318.247838 289.897838 320.002252 284.8701694 319.826766 279.9090242L319.791134 199.0019896C319.615648 194.0408444 317.510264 189.1462224 313.51398 185.4206002C305.664136 178.1024146 292.406936 178.5296898 285.093298 186.3705592C281.36999 190.3622744 279.615576 195.3899432 279.791062 200.3510884L279.80597 234.202238L232.973788 187.964708C237.360058 179.6369824 239.842294 170.1526204 239.842294 160.0891638C239.842294 151.0606106 237.844342 142.4981708 234.265972 134.8189022L279.97017 86.42151L279.901868 121.0376834C280.072974 125.9989818 282.36483 130.8919696 286.357588 134.6143044C294.200506 141.9260332 306.60661 141.4874346 313.926708 133.6396412C317.653304 129.6444008 320.241802 124.4487026 319.928098 119.3544636L319.830886 39.132692C319.659782 34.171392 317.834632 29.035146 313.841874 25.31281C309.849116 21.590476 304.820134 19.836522 299.857692 20.01196L218.929516 20.047584C213.967074 20.223024 209.07107 22.561288 205.344474 26.556528C198.0243762 34.404322 198.451857 47.445122 206.294774 54.756852C210.287534 58.479188 215.316516 60.23314 220.278958 60.0577L254.138952 60.042796L207.838848 107.0543138z"
+                        : "M260.797012 131.525098C248.802586 124.313996 234.765448 120.168416 219.762708 120.168416C182.5737802 120.168416 151.317997 145.640912 142.4007968 180.1354648L66.8385368 180.1354648L114.2878034 133.934052C117.795365 130.416868 119.9388748 125.531892 119.9388748 120.060716C119.9388748 109.313766 110.9032724 100.098944 100.1857228 100.098944C94.7295156 100.098944 89.8634064 102.159658 86.3558448 105.872242L5.84593616 186.3442214C2.33837446 189.861405 1.1e-12 194.550983 1.1e-12 200.0221574C1.1e-12 205.4933318 2.14350992 210.378309 5.65107162 213.8954926L86.3558448 294.7122578C89.8634064 298.2294412 94.7295156 300.4675066 100.1857228 300.4675066C110.9032724 300.4675066 119.9388748 291.0627746 119.9388748 280.3158248C119.9388748 274.8446504 117.795365 269.9596734 114.2878034 266.4424898L66.6436724 220.3260758L142.3644456 220.3260758C151.2327734 254.892267 182.523073 280.4342744 219.762708 280.4342744C235.187474 280.4342744 249.591548 276.0521832 261.804346 268.4617966L333.094664 339.8614728L282.335368 339.9118194C277.370004 339.9167442 272.402728 341.8541062 268.536952 345.7228108C260.94346 353.3220518 260.9301500000001 366.76292282 268.508602 374.3471153C272.366724 378.208158764 277.330172 380.1356707952 282.433598 379.99257780614L380.3638380000001 379.8954442182C385.329202 379.8905192484 390.296204 378.229219706 394.1619800000001 374.3605152C398.027758 370.49181068 399.5659940000001 365.52116614 399.570914 360.55204234L399.667976 262.547622C399.6728960000001 257.5784984 397.746842 252.61129 393.88872 248.7502464C386.3102700000001 241.166054 373.157372 241.1790998 365.5638820000001 248.7783408C361.6981040000001 252.6470454 359.7622100000001 257.6180844 359.757288 262.5872082L359.70698 313.3849532L288.618256 240.997573C295.644588 229.0698852 299.67642 215.1577492 299.67642 200.3013452C299.67642 185.030641 295.41658 170.757606 288.023464 158.611888L359.92979 86.72787L359.980098 137.525614C359.985018 142.494738 361.9209140000001 147.465778 365.78669 151.334482C373.38018 158.933724 386.772942 158.947006 394.351394 151.362814C398.209514 147.50177 400.13557 142.534562 399.992584 137.42727L399.895524 39.42285C399.890602 34.453726 398.230854 29.7799700000001 394.3650780000001 25.911266C390.499302 22.042562 385.532026 20.1052 380.566662 20.100276L279.478592 20.00001C274.5132280000001 19.995086 269.54978 21.922598 265.691658 25.78364C258.113208 33.367834 258.126314 46.601292 265.719802 54.200532C269.585578 58.069236 274.552854 60.006598 279.518218 60.011522L333.4353440000001 60.0650020000001L260.797012 131.525098z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FlowReviewBranch.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FlowReviewBranch.displayName = `Blueprint5.Icon.FlowReviewBranch`;
 export default FlowReviewBranch;

package/src/generated/components/flow-review.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const FlowReview: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M122.6160306 219.9104624C131.4460818 254.4668618 162.8468374 280.02123468 200.229338 280.02123468C237.61184 280.02123468 269.012596 254.4668618 277.842646 219.9104624L333.207866 219.9104624L286.119952 266.2528354C282.604576 269.7604522000001 280.456292 274.6321424 280.456292 280.08843528C280.456292 290.80615356 289.702652 299.9784096724 300.444078 299.9784096724C305.91244 299.9784096724 310.794906 297.83486602 314.3102820000001 294.32724912L394.33634 213.4973702C397.851714 209.9897532 400 205.1180632 400 199.6617704C400 194.2054774 397.6564160000001 189.528655 394.1410400000001 186.0210378L314.3102820000001 106.0803334C310.794906 102.3778488 305.91244 100.2343052 300.444078 100.2343052C289.702652 100.2343052 280.456292 109.4578066 280.456292 120.1755248C280.456292 125.631818 282.604576 130.503508 286.119952 134.0111248L333.012568 179.8291684L277.720254 179.8291684C268.7256520000001 145.5127844 237.441112 120.1912958 200.229338 120.1912958C163.0175658 120.1912958 131.7330254 145.5127844 122.7384236 179.8291684L66.9874326 179.8291684L114.5008202 133.6656066C118.0161956 130.1579898 120.1644806 125.2862996 120.1644806 119.8300068C120.1644806 109.1122884 111.0268832 100.1784096 100.2854582 100.1784096C94.8170964 100.1784096 89.534503 102.3001336 86.0191274 106.002618L5.85895912 186.0210378C2.34358366 189.528655 9e-13 194.2054774 9e-13 199.6617704C9e-13 205.1180632 2.14828502 209.9897532 5.66366048 213.4973702L86.2479996 294.23145898C89.763375 297.73907588 94.8170964 299.9044396036 100.2854582 299.9044396036C111.0268832 299.9044396036 120.1644806 290.62896928 120.1644806 279.911251C120.1644806 274.4549580000001 118.0161956 269.583268 114.5008202 266.075651L66.792134 219.9104624L122.6160306 219.9104624z"
-                    : "M103.5004848 179.917692C111.7617436 203.2441608 133.981543 219.949325 160.0955048 219.949325C186.2094666 219.949325 208.429266 203.2441608 216.690524 179.917692L256.403918 179.917692C238.482088 195.0344554 228.379746 203.770231 226.09689 206.1250186C222.672606 209.6572002 220.250812 214.7518006 220.250812 220.2277387C220.250812 230.98404562 229.319062 240 240.054588 240C245.519948 240 250.467206 237.83761662 253.98065 234.1218015C256.322946 231.64459142 276.377482 211.5384666 314.144258 173.8034272C317.657704 170.2831812 320 165.58952 320 160.113582C320 154.637644 317.852894 149.7484134 314.33945 146.2281676L254.07537 85.6715072C250.561926 82.1512614 245.682142 80 240.216782 80C229.174444 80 220.250812 88.9472988 220.250812 99.7036056C220.250812 105.1795438 222.583444 110.5972976 226.09689 114.1175436L256.403918 139.9698042L216.7934 139.9698042C208.614978 116.4904038 186.318636 99.6452756 160.0955048 99.6452756C133.8723736 99.6452756 111.5760318 116.4904038 103.3976088 139.9698042L63.5960824 139.9698042L93.9031102 114.1175436C97.4165552 110.5972976 99.749188 105.1795438 99.749188 99.7036056C99.749188 88.9472988 90.8255566 80 79.7832178 80C74.317859 80 69.4380742 82.1512614 65.9246292 85.6715072L5.66055024 146.2281676C2.14710526 149.7484134 0 154.637644 0 160.113582C0 165.58952 2.34229666 170.2831812 5.85574162 173.8034272C43.622517 211.5384666 63.677053 231.64459142 66.0193498 234.1218015C69.5327948 237.83761662 74.4800528 240 79.9454116 240C90.680938 240 99.749188 230.98404562 99.749188 220.2277387C99.749188 214.7518006 97.3273942 209.6572002 93.9031102 206.1250186C91.6202542 203.770231 81.5179116 195.0344554 63.5960824 179.917692L103.5004848 179.917692z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="flow-review"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-flow-review`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="flow-review" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FlowReview: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="flow-review" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M103.5004848 179.917692C111.7617436 203.2441608 133.981543 219.949325 160.0955048 219.949325C186.2094666 219.949325 208.429266 203.2441608 216.690524 179.917692L256.403918 179.917692C238.482088 195.0344554 228.379746 203.770231 226.09689 206.1250186C222.672606 209.6572002 220.250812 214.7518006 220.250812 220.2277387C220.250812 230.98404562 229.319062 240 240.054588 240C245.519948 240 250.467206 237.83761662 253.98065 234.1218015C256.322946 231.64459142 276.377482 211.5384666 314.144258 173.8034272C317.657704 170.2831812 320 165.58952 320 160.113582C320 154.637644 317.852894 149.7484134 314.33945 146.2281676L254.07537 85.6715072C250.561926 82.1512614 245.682142 80 240.216782 80C229.174444 80 220.250812 88.9472988 220.250812 99.7036056C220.250812 105.1795438 222.583444 110.5972976 226.09689 114.1175436L256.403918 139.9698042L216.7934 139.9698042C208.614978 116.4904038 186.318636 99.6452756 160.0955048 99.6452756C133.8723736 99.6452756 111.5760318 116.4904038 103.3976088 139.9698042L63.5960824 139.9698042L93.9031102 114.1175436C97.4165552 110.5972976 99.749188 105.1795438 99.749188 99.7036056C99.749188 88.9472988 90.8255566 80 79.7832178 80C74.317859 80 69.4380742 82.1512614 65.9246292 85.6715072L5.66055024 146.2281676C2.14710526 149.7484134 0 154.637644 0 160.113582C0 165.58952 2.34229666 170.2831812 5.85574162 173.8034272C43.622517 211.5384666 63.677053 231.64459142 66.0193498 234.1218015C69.5327948 237.83761662 74.4800528 240 79.9454116 240C90.680938 240 99.749188 230.98404562 99.749188 220.2277387C99.749188 214.7518006 97.3273942 209.6572002 93.9031102 206.1250186C91.6202542 203.770231 81.5179116 195.0344554 63.5960824 179.917692L103.5004848 179.917692z"
+                        : "M122.6160306 219.9104624C131.4460818 254.4668618 162.8468374 280.02123468 200.229338 280.02123468C237.61184 280.02123468 269.012596 254.4668618 277.842646 219.9104624L333.207866 219.9104624L286.119952 266.2528354C282.604576 269.7604522000001 280.456292 274.6321424 280.456292 280.08843528C280.456292 290.80615356 289.702652 299.9784096724 300.444078 299.9784096724C305.91244 299.9784096724 310.794906 297.83486602 314.3102820000001 294.32724912L394.33634 213.4973702C397.851714 209.9897532 400 205.1180632 400 199.6617704C400 194.2054774 397.6564160000001 189.528655 394.1410400000001 186.0210378L314.3102820000001 106.0803334C310.794906 102.3778488 305.91244 100.2343052 300.444078 100.2343052C289.702652 100.2343052 280.456292 109.4578066 280.456292 120.1755248C280.456292 125.631818 282.604576 130.503508 286.119952 134.0111248L333.012568 179.8291684L277.720254 179.8291684C268.7256520000001 145.5127844 237.441112 120.1912958 200.229338 120.1912958C163.0175658 120.1912958 131.7330254 145.5127844 122.7384236 179.8291684L66.9874326 179.8291684L114.5008202 133.6656066C118.0161956 130.1579898 120.1644806 125.2862996 120.1644806 119.8300068C120.1644806 109.1122884 111.0268832 100.1784096 100.2854582 100.1784096C94.8170964 100.1784096 89.534503 102.3001336 86.0191274 106.002618L5.85895912 186.0210378C2.34358366 189.528655 9e-13 194.2054774 9e-13 199.6617704C9e-13 205.1180632 2.14828502 209.9897532 5.66366048 213.4973702L86.2479996 294.23145898C89.763375 297.73907588 94.8170964 299.9044396036 100.2854582 299.9044396036C111.0268832 299.9044396036 120.1644806 290.62896928 120.1644806 279.911251C120.1644806 274.4549580000001 118.0161956 269.583268 114.5008202 266.075651L66.792134 219.9104624L122.6160306 219.9104624z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FlowReview.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FlowReview.displayName = `Blueprint5.Icon.FlowReview`;
 export default FlowReview;

package/src/generated/components/flows.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const Flows: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M350 241.4C325.8 241.4 305.6 224.2 301 201.4H255L174.8 281.4L159.8 266.4L225 201.4H99C94.4 224.2 74.2 241.4 50 241.4C22.4 241.4 0 219 0 191.4S22.4 141.4 50 141.4C74.2 141.4 94.4 158.6 99 181.4H225L159.8 116.4L174.8 101.4L255 181.4H301C305.6 158.6 325.8 141.4 350 141.4C377.6 141.4 400 163.8 400 191.4S377.6 241.4 350 241.4z"
-                    : "M270 200C245.8 200 225.6 182.8 221 160H195L114.8 240L99.8 225L165 160H99C94.4 182.8 74.2 200 50 200C22.4 200 0 177.6 0 150C0 122.4 22.4 100 50 100C74.2 100 94.4 117.2 99 140H165L99.8 75L114.8 60L195 140H221C225.6 117.2 245.8 100 270 100C297.6 100 320 122.4 320 150C320 177.6 297.6 200 270 200z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="flows"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-flows`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="flows" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Flows: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="flows" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M270 200C245.8 200 225.6 182.8 221 160H195L114.8 240L99.8 225L165 160H99C94.4 182.8 74.2 200 50 200C22.4 200 0 177.6 0 150C0 122.4 22.4 100 50 100C74.2 100 94.4 117.2 99 140H165L99.8 75L114.8 60L195 140H221C225.6 117.2 245.8 100 270 100C297.6 100 320 122.4 320 150C320 177.6 297.6 200 270 200z"
+                        : "M350 241.4C325.8 241.4 305.6 224.2 301 201.4H255L174.8 281.4L159.8 266.4L225 201.4H99C94.4 224.2 74.2 241.4 50 241.4C22.4 241.4 0 219 0 191.4S22.4 141.4 50 141.4C74.2 141.4 94.4 158.6 99 181.4H225L159.8 116.4L174.8 101.4L255 181.4H301C305.6 158.6 325.8 141.4 350 141.4C377.6 141.4 400 163.8 400 191.4S377.6 241.4 350 241.4z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Flows.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Flows.displayName = `Blueprint5.Icon.Flows`;
 export default Flows;

package/src/generated/components/folder-close.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const FolderClose: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M0 60C0 49 9 40 20 40H380C391 40 400 49 400 60V260H0V60zM380 320H188.2L154.2 354.2V354.2C150.6 357.8 145.6 360 140 360H20C9 360 0 351 0 340V280H400V300C400 311 391 320 380 320z"
-                    : "M-0.2 40C-0.2 29 8.8 20 19.8 20H299.8C310.8 20 319.8 29 319.8 40V180H-0.2C-0.2 180 -0.2 40 -0.2 40zM299.8 240H148.2L114 274C110.4 277.8 105.4 280 99.8 280H19.8C8.8 280 -0.2 271 -0.2 260V200H319.8V220C319.8 231 310.8 240 299.8 240z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="folder-close"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-folder-close`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="folder-close" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FolderClose: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="folder-close" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M-0.2 40C-0.2 29 8.8 20 19.8 20H299.8C310.8 20 319.8 29 319.8 40V180H-0.2C-0.2 180 -0.2 40 -0.2 40zM299.8 240H148.2L114 274C110.4 277.8 105.4 280 99.8 280H19.8C8.8 280 -0.2 271 -0.2 260V200H319.8V220C319.8 231 310.8 240 299.8 240z"
+                        : "M0 60C0 49 9 40 20 40H380C391 40 400 49 400 60V260H0V60zM380 320H188.2L154.2 354.2V354.2C150.6 357.8 145.6 360 140 360H20C9 360 0 351 0 340V280H400V300C400 311 391 320 380 320z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FolderClose.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FolderClose.displayName = `Blueprint5.Icon.FolderClose`;
 export default FolderClose;