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

package/src/generated/components/git-repo.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 GitRepo: 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
-                    ? "M140 340H100V300H140V340zM140 220H100V180H140V220zM140 280H100V240H140V280zM380 400H20C9 400 0 391 0 380V60C0 49 9 40 20 40H100V0L140 20L180 0V40H380C391 40 400 49 400 60V380C400 391 391 400 380 400zM360 80H180V100H100V80H40V120H360V80zM360 140H80V360H360V140z"
-                    : "M100 140H80V120H100V140zM300 320H20C9 320 0 311 0 300V40C0 29 9 20 20 20H80V0L120 20L160 0V20H300C311 20 320 29 320 40V300C320 311 311 320 300 320zM80 60H40V80H80V60zM280 60H160V80H280V60zM280 100H60V280H280V100zM100 260H80V240H100V260zM100 180H80V160H100V180zM100 220H80V200H100V220z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="git-repo"
-                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}-git-repo`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="git-repo" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GitRepo: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="git-repo" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M100 140H80V120H100V140zM300 320H20C9 320 0 311 0 300V40C0 29 9 20 20 20H80V0L120 20L160 0V20H300C311 20 320 29 320 40V300C320 311 311 320 300 320zM80 60H40V80H80V60zM280 60H160V80H280V60zM280 100H60V280H280V100zM100 260H80V240H100V260zM100 180H80V160H100V180zM100 220H80V200H100V220z"
+                        : "M140 340H100V300H140V340zM140 220H100V180H140V220zM140 280H100V240H140V280zM380 400H20C9 400 0 391 0 380V60C0 49 9 40 20 40H100V0L140 20L180 0V40H380C391 40 400 49 400 60V380C400 391 391 400 380 400zM360 80H180V100H100V80H40V120H360V80zM360 140H80V360H360V140z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GitRepo.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GitRepo.displayName = `Blueprint5.Icon.GitRepo`;
 export default GitRepo;

package/src/generated/components/glass.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 Glass: 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
-                    ? "M340 280V400H60V280C60 209.4 112.2 151.4 180 141.6V40H120C109 40 100 31 100 20C100 9 109 0 120 0H280C291 0 300 9 300 20C300 31 291 40 280 40H220V141.6C287.8 151.4 340 209.4 340 280z"
-                    : "M40 320V240C40 180.6 83.2 131.4 140 121.8V40H100C89 40 80 31 80 20C80 9 89 0 100 0H220C231 0 240 9 240 20C240 31 231 40 220 40H180V121.8C236.8 131.4 280 180.6 280 240V320H40z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="glass"
-                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}-glass`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="glass" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Glass: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="glass" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M40 320V240C40 180.6 83.2 131.4 140 121.8V40H100C89 40 80 31 80 20C80 9 89 0 100 0H220C231 0 240 9 240 20C240 31 231 40 220 40H180V121.8C236.8 131.4 280 180.6 280 240V320H40z"
+                        : "M340 280V400H60V280C60 209.4 112.2 151.4 180 141.6V40H120C109 40 100 31 100 20C100 9 109 0 120 0H280C291 0 300 9 300 20C300 31 291 40 280 40H220V141.6C287.8 151.4 340 209.4 340 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Glass.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Glass.displayName = `Blueprint5.Icon.Glass`;
 export default Glass;

package/src/generated/components/globe-network.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 GlobeNetwork: 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
-                    ? "M200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0C310.4 0 400 89.6 400 200C400 310.4 310.4 400 200 400zM347.8 260L275.2 260C269 299.8 256.8 333.2 240.8 354.6C289.8 341.6 329 306.2 347.8 260zM260 200C260 186.2 259.2000000000001 172.8 257.8 160L142.2 160C140.8 172.8 140 186.2 140 200C140 213.8 140.8 227.2 142.2 240L257.6 240C259.2000000000001 227.2 260 213.8 260 200zM200 360C221.4 360 245 319 255 260L145 260C155 319 178.6 360 200 360zM159.2 354.6C143.2 333.2 131 299.8 124.8 260L52.2 260C71 306.2 110.2 341.6 159.2 354.6zM40 200C40 213.8 42.2 227.2 45.6 240L122.2 240C120.8 227.2 120 213.8 120 200C120 186.2 120.8 172.8 122.2 160L45.6 160C42.2 172.8 40 186.2 40 200zM52.2 140L124.8 140C131 100.2 143.2 66.8 159.2 45.4C110.2 58.4 71 93.8 52.2 140zM200 40C178.6 40 155 81 145 140L255 140C245 81 221.4 40 200 40zM240.8 45.4C256.6 66.8 268.8 100.2 275.2 140L347.8 140C329 93.8 289.8 58.4 240.8 45.4zM277.8 160C279.2000000000001 172.8 280 186.2 280 200C280 213.8 279.2000000000001 227.2 277.8 240L354.4 240C357.8 227.2 360 213.8 360 200C360 186.2 357.8 172.8 354.4 160L277.8 160z"
-                    : "M160 320C71.6 320 0 248.4 0 160C0 71.6 71.6 0 160 0C248.4 0 320 71.6 320 160C320 248.4 248.4 320 160 320zM263.4 220L214.6 220C210.4 242.2 204.4 260.6 196.4 273.8C225 264.6 248.6 245.2 263.4 220zM200 160C200 145.4 199 132.2 197.6 120L122.4 120C121 132.2 120 145.4 120 160C120 174.6 121 187.8 122.4 200L197.6 200C199 187.8 200 174.6 200 160zM160 280C173.4 280 187.2 258 194.6 220L125.4 220C132.8 258 146.6 280 160 280zM123.6 273.8C115.6 260.6 109.4 242.2 105.4 220L56.6 220C71.4 245.2 95 264.6 123.6 273.8zM40 160C40 174 42.6 187.4 47 200L102.2 200C100.8 187.6 100 174.4 100 160C100 145.6 100.8 132.4 102.2 120L47 120C42.6 132.6 40 146 40 160zM56.6 100L105.4 100C109.6 77.8 115.6 59.4 123.6 46.2C95 55.4 71.4 74.8 56.6 100zM160 40C146.6 40 132.8 62 125.4 100L194.6 100C187.2 62 173.4 40 160 40zM196.4 46.2C204.4 59.4 210.4 77.8 214.6 100L263.4 100C248.6 74.8 225 55.4 196.4 46.2zM273 120L217.8 120C219.2 132.4 220 145.6 220 160C220 174.4 219.2 187.6 217.8 200L273 200C277.4 187.4 280 174 280 160C280 146 277.4 132.6 273 120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="globe-network"
-                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}-globe-network`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="globe-network" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GlobeNetwork: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="globe-network" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 320C71.6 320 0 248.4 0 160C0 71.6 71.6 0 160 0C248.4 0 320 71.6 320 160C320 248.4 248.4 320 160 320zM263.4 220L214.6 220C210.4 242.2 204.4 260.6 196.4 273.8C225 264.6 248.6 245.2 263.4 220zM200 160C200 145.4 199 132.2 197.6 120L122.4 120C121 132.2 120 145.4 120 160C120 174.6 121 187.8 122.4 200L197.6 200C199 187.8 200 174.6 200 160zM160 280C173.4 280 187.2 258 194.6 220L125.4 220C132.8 258 146.6 280 160 280zM123.6 273.8C115.6 260.6 109.4 242.2 105.4 220L56.6 220C71.4 245.2 95 264.6 123.6 273.8zM40 160C40 174 42.6 187.4 47 200L102.2 200C100.8 187.6 100 174.4 100 160C100 145.6 100.8 132.4 102.2 120L47 120C42.6 132.6 40 146 40 160zM56.6 100L105.4 100C109.6 77.8 115.6 59.4 123.6 46.2C95 55.4 71.4 74.8 56.6 100zM160 40C146.6 40 132.8 62 125.4 100L194.6 100C187.2 62 173.4 40 160 40zM196.4 46.2C204.4 59.4 210.4 77.8 214.6 100L263.4 100C248.6 74.8 225 55.4 196.4 46.2zM273 120L217.8 120C219.2 132.4 220 145.6 220 160C220 174.4 219.2 187.6 217.8 200L273 200C277.4 187.4 280 174 280 160C280 146 277.4 132.6 273 120z"
+                        : "M200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0C310.4 0 400 89.6 400 200C400 310.4 310.4 400 200 400zM347.8 260L275.2 260C269 299.8 256.8 333.2 240.8 354.6C289.8 341.6 329 306.2 347.8 260zM260 200C260 186.2 259.2000000000001 172.8 257.8 160L142.2 160C140.8 172.8 140 186.2 140 200C140 213.8 140.8 227.2 142.2 240L257.6 240C259.2000000000001 227.2 260 213.8 260 200zM200 360C221.4 360 245 319 255 260L145 260C155 319 178.6 360 200 360zM159.2 354.6C143.2 333.2 131 299.8 124.8 260L52.2 260C71 306.2 110.2 341.6 159.2 354.6zM40 200C40 213.8 42.2 227.2 45.6 240L122.2 240C120.8 227.2 120 213.8 120 200C120 186.2 120.8 172.8 122.2 160L45.6 160C42.2 172.8 40 186.2 40 200zM52.2 140L124.8 140C131 100.2 143.2 66.8 159.2 45.4C110.2 58.4 71 93.8 52.2 140zM200 40C178.6 40 155 81 145 140L255 140C245 81 221.4 40 200 40zM240.8 45.4C256.6 66.8 268.8 100.2 275.2 140L347.8 140C329 93.8 289.8 58.4 240.8 45.4zM277.8 160C279.2000000000001 172.8 280 186.2 280 200C280 213.8 279.2000000000001 227.2 277.8 240L354.4 240C357.8 227.2 360 213.8 360 200C360 186.2 357.8 172.8 354.4 160L277.8 160z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GlobeNetwork.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GlobeNetwork.displayName = `Blueprint5.Icon.GlobeNetwork`;
 export default GlobeNetwork;

package/src/generated/components/globe.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 Globe: 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
-                    ? "M150.6 312.6C152.6 314.6 152.6 317.8 150.6 319.6L137 333.2C135 335.2 132 335.2 130 333.2C128 331.2 128 328 130 326.2L143.6 312.6C145.6 310.6 148.6 310.6 150.6 312.6zM214 311.4H220C221.8 311.4 223.2 311.6 223.2 313.4C223.2 315.2 221.8 315.4 220 315.4H214C212.2 315.4 210.8 315.2 210.8 313.4S212.2 311.4 214 311.4zM233.6 288.4C235.4 288.4 237.4 290 237.4 291.8V300.2C237.4 302 235.4 303.6 233.6 303.6C231.8 303.6 229.8 302 229.8 300.2V291.8C229.8 290 231.8 288.4 233.6 288.4zM103.6 204.6C96.6 204.6 92.4 199 92.4 192V144.6C92.4 137.6 96.6 132.2000000000001 103.6 132.2000000000001H111.4V84.2000000000001C111.4 77.4 118 72 124.8 72C131.6 72 138.2 77.4 138.2 84.2000000000001V113H137.8C144.8 113 149.8 116.8 149.8 123.8V132H153.4C160.4 132 165 137.6 165 144.4V160.6C165 160.8 165.2 160.8 165 161L122 204.6H103.6zM200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM200 40C111.6 40 40 111.6 40 200C40 214.8 42.2 229.2 46 242.8H46.6V229.8C46.6 224.2 51.6 219.8 57.2 219.8C58.2 219.8 59.2 220 60.2 220.2L81.2 199.2C83.2 197 86.8 197 88.8 199.2C90.8 201.2 91 204.6 88.8 206.8L68.4 228.2C68.4 228.8 69.4 229.2 69.4 229.8V233C69.4 237.4000000000001 71.8 239.0000000000001 76.2 242.8H88.8C91.2 242.8 93.4 243 95.2 244.2C95.4 244.4 95.6 244.2 95.8 244.4C96.2 244.8 96.6 245.0000000000001 97 245.2C97.2 245.4 97.4 245.4 97.6 245.6L98 246L141 289C145.8 293.8 145.8 301.6 141 306.2C136.4 311 128.6 310 123.8 305.4L115.6 296.2H100V309C100 309.2 101.4 307.6 101.4 311.4H118.8C122.2 311.4 124.8 313.8 124.8 317.2C124.8 320.6 122.2 323 118.8 323H97.6C125.4 346 161 360 200 360S274.6 346 302.4000000000001 322.8H270.8C270.8 322.8 270.6 323.6 270.6 323.6C269.4000000000001 323.6 268.2000000000001 323.6 267.2000000000001 322.8L253.0000000000001 308.8C251.2000000000001 307 251.2000000000001 304.2 253.0000000000001 302.6C254.8000000000001 300.8 257.6 300.8 259.4000000000001 302.6L270.6000000000001 314.6C270.6000000000001 314.6 270.8000000000001 315.2 270.8000000000001 315.2H277.6C277.6 311.4 275.6000000000001 312.6 275.6000000000001 312V310C275.6000000000001 304.2 271.6000000000001 300 265.8000000000001 300H255.6000000000001C250.6000000000001 300 245.2000000000001 294.4 245.2000000000001 289.2V284.6H242.8000000000001C239.6000000000001 284.6 237.4000000000001 283 237.4000000000001 279.8C237.4000000000001 278.2 237.4000000000001 273.2 237.4000000000001 273.2H231.0000000000001C226.4000000000001 273.2 222.8000000000001 270.2 222.8000000000001 265.6C222.8000000000001 261.2 226.4000000000001 258.6 231.0000000000001 258.6C233.0000000000001 258.6 234.8000000000001 257.8 236.2000000000001 261.8H236.2000000000001L237.4000000000001 261.6L250.6000000000001 273.4H255.2000000000001L265.8000000000001 263.4C266.6000000000001 262.6 268.0000000000001 262.8 269.0000000000001 263.6C269.8000000000001 264.4 269.8000000000001 266.8 269.0000000000001 267.6L260 277H266.4L268.8 273.8C273.8 268.8 281.8 269.2 286.6 274.2L289 277H300C300.4 277 302.2 275.6 302.2 275.6V269C302.2 269 301 269.2 300.8 269.2H291C287.8 269.2 285.4 266.6 285.4 263.4C285.4 260.2 288 257.6 291 257.6H300.8C301 257.6 302.2 257.8 302.2 257.8V253.8C298.4 248.2 295.6 242.4 289.8 242.4H264.2000000000001C264.2000000000001 242.4 264.2000000000001 242.6 264 242.6L252.4000000000001 254.2C247.4000000000001 259.2 239.6 259.2 234.6 254.2L223 242.6C223 242.6 223 242.4 222.8 242.4H216C209 242.4 202.6 236.8 202.6 229.8V204.7999999999999C202.6 197.8 209 192.5999999999999 216 192.5999999999999H240.4000000000001C249.6000000000001 188.8 256 183 259.8000000000001 173.8V128.2C259.8000000000001 121.2 264.4000000000001 116.2 271.4000000000001 116.2H291.0000000000001C298.0000000000001 116.2 301.8000000000001 121.2 301.8000000000001 128.2V172.2L326.0000000000001 195.6L326.8000000000001 196L327.2000000000001 196.2L328.0000000000001 196.2C330.0000000000001 198.4 332 201.4 332 204.6V230.2C332 235.2 327.6 239 323.6 242.8H335.2C335.6 235.2 341 231.4 347.8 231.4H356.3999999999999C359 221.2 360 210.8 360 200C360 111.6 288.4 40 200 40zM323.2 153C320.4 153 317.4000000000001 150.8 317.4000000000001 148V132.6C317.4000000000001 129.8 320.4 127.6 323.2 127.6C326 127.6 329 129.8 329 132.6V148C329 150.8 326 153 323.2 153zM210 330.4C210 337.2 204.4 341.8 197.6 341.8H182.8C176 341.8 171.4 336.8 171.4 330C171.4 329 168.8 328.8 172.6 328V315.2C172.6 311.2 174.4 308 178.4 308C182.4 308 184.2 311.2 184.2 315.2V319H197.8C204.4 319 210 323.6 210 330.4z"
-                    : "M89 163.4C83.8 163.4 80.8 159.2 80.8 154.2V119.2C80.8 114 84 110 89 110H94.8V74.6C94.8 69.6 99.6 65.6 104.6 65.6C109.6 65.6 114.4 69.6 114.4 74.6V96H114.2C119.4 96 123 98.8 123 104V110H125.8C131 110 134.4 114 134.4 119.2000000000001V131C134.4 131 134.6 131.2 134.4 131.2L102.8 163.2H89zM170.2 242H174.6C175.8 242 177 242.2 177 243.4C177 244.6 176 244.8 174.6 244.8H170.2C169 244.8 167.8 244.6 167.8 243.4C168 242.2 169 242 170.2 242zM123.6 243C125 244.4 125 246.8 123.6 248.2L113.6 258.2C112.2 259.6 109.8 259.6 108.4 258.2C107 256.8 107 254.4 108.4 253L118.4 243C119.8 241.6 122.2 241.6 123.6 243zM184.8 225.2C186.2 225.2 187.6 226.4 187.6 227.6V233.8C187.6 235.2 186.2 236.2 184.8 236.2C183.4 236.2 182 235 182 233.8V227.6C182 226.2 183.4 225.2 184.8 225.2zM160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM160 40C93.8 40 40 93.8 40 160C40 171 42 181.4 44.6 191.4C44.8 191.4 45 191.4 45.2 191.4H46.8V182C46.8 178 50.4 174.6 54.6 174.6C55.2 174.6 56.2 174.8 56.8 175L72.4 159.6C74 158 76.4 158 78 159.6C79.6 161.2 79.6 163.6 78 165.2L63 180.8C63 181.2 63.8 181.6 63.8 182V184.4C63.8 187.6 65.6 188.8 68.8 191.6H78C79.8 191.6 81.4 191.8 82.8 192.6C83 192.6 83.2 192.6 83.2 192.6C83.6 192.8 83.8 193 84.2 193.2C84.4 193.4 84.4 193.4 84.6 193.4L85 193.8L116.8 225.4C120.4 229 120.4 234.6 116.8 238.2C113.2 241.8 107.4 241.2 103.8 237.6L97.8 230.8H86.4V240.4C86.4 240.6 87.4 239.4 87.4 242.2H100.2C102.6 242.2 104.6 244 104.6 246.4S102.6 250.6 100.2 250.6H82C85.6 253.6 88.8 256.8 92.8 259.4C92.8 259.4 93 259.6 93 259.6C97.2 262.4 102 264.6 106.6 267C109.6 268.4 112.4 270 115.4 271.2C118.8 272.6 122.4 273.4 126 274.6C129.6 275.6 133 277 136.6 277.8C144.2 279.2 152 280 160 280C176.4 280 191.8 276.6 206 270.8C207 270.4 208 269.8 209.2 269.2C214.2 267 218.8 264.4 223.4 261.4C228.4000000000001 258.2 233.2000000000001 254.6 237.6000000000001 250.4H212.0000000000001C212.0000000000001 250.4 212.0000000000001 251 211.8000000000001 251C211.0000000000001 251 210.0000000000001 251 209.2000000000001 250.4L199 240.2C197.8 239 197.8 236.8 199 235.6C200.2 234.4 202.4 234.4 203.6 235.6L212 244.4C212 244.4 212.2 244.8 212.2 244.8H217.2C217.2 242 215.8 243 215.8 242.4V241C215.8 236.6 212.8 233.6 208.6 233.6H201C197.2 233.6 193.4 229.4 193.4 225.6V222.2H191.4C189 222.2 187.4 221 187.4 218.6C187.4 217.4 187.4 213.6 187.4 213.6H182.8C179.4 213.6 176.8 211.4 176.8 208C176.8 204.6 179.4 202.8 182.8 202.8C184.2 202.8 185.6 202.2 186.6 205H186.6L187.4 204.8L197.2 214H200.6L208.4 206.6C209 206 210 206.2 210.8 206.8C211.4 207.4 211.4 209.2 210.8 209.8L204.4 216.8H209L210.8 214.4C214.4 210.8 220.4 211 224 214.6L225.8 216.6H233.8C234.2 216.6 235.4 215.6 235.4 215.6V210.8C235.4 210.8 234.4 211 234.4 211H227.2C225 211 223 209 223 206.8C223 204.6 224.8 202.6 227.2 202.6H234.4C234.4 202.6 235.4 202.6 235.4 202.6V199.6C232.6 195.4 230.6 191.2 226.4 191.2H207.6C207.6 191.2 207.6 191.2 207.6 191.4L198.8 200.2C195.2 203.8 189.2 203.8 185.6 200.2L177.2 191.6C177.2 191.6 177.2 191.4 177.2 191.4H172C166.8 191.4 162.2 187.2 162.2 182.2V163.8C162.2 158.6 166.8 154.8 172 154.8H190C196.8 152 201.4 147.8 204.4 141V107.4C204.4 102.2 207.8 98.6 212.8 98.6H227.2C232.4000000000001 98.6 235.2000000000001 102.2 235.2000000000001 107.4V140L253.0000000000001 157.2L253.6 157.6L254.0000000000001 157.8L254.6 157.8C256 159.4 257.6 161.6 257.6 164V182.2C257.6 185.8 254.4 188.6 251.4 191.4H260C260.2 185.8 264.2000000000001 183 269.2000000000001 183H277.6C279.2000000000001 175.6 280 167.8 280 160C280 93.8 226.2 40 160 40zM250.8 125.4C248.8 125.4 246.6 123.8 246.6 121.8V110.4C246.6 108.4 248.8 106.8 250.8 106.8C252.8 106.8 255 108.4 255 110.4V121.8C255 123.8 252.8 125.4 250.8 125.4zM167.4 256.2C167.4 261.2 163.4 264.6 158.2 264.6H147.4C142.4 264.6 139 261 139 256C139 255.4 137 255.2 140 254.4V245C140 242 141.2 239.6 144.2 239.6C147.2 239.6 148.4 242 148.4 245V247.8H158.4C163.2 247.8 167.4 251 167.4 256.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="globe"
-                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}-globe`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="globe" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Globe: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="globe" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M89 163.4C83.8 163.4 80.8 159.2 80.8 154.2V119.2C80.8 114 84 110 89 110H94.8V74.6C94.8 69.6 99.6 65.6 104.6 65.6C109.6 65.6 114.4 69.6 114.4 74.6V96H114.2C119.4 96 123 98.8 123 104V110H125.8C131 110 134.4 114 134.4 119.2000000000001V131C134.4 131 134.6 131.2 134.4 131.2L102.8 163.2H89zM170.2 242H174.6C175.8 242 177 242.2 177 243.4C177 244.6 176 244.8 174.6 244.8H170.2C169 244.8 167.8 244.6 167.8 243.4C168 242.2 169 242 170.2 242zM123.6 243C125 244.4 125 246.8 123.6 248.2L113.6 258.2C112.2 259.6 109.8 259.6 108.4 258.2C107 256.8 107 254.4 108.4 253L118.4 243C119.8 241.6 122.2 241.6 123.6 243zM184.8 225.2C186.2 225.2 187.6 226.4 187.6 227.6V233.8C187.6 235.2 186.2 236.2 184.8 236.2C183.4 236.2 182 235 182 233.8V227.6C182 226.2 183.4 225.2 184.8 225.2zM160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM160 40C93.8 40 40 93.8 40 160C40 171 42 181.4 44.6 191.4C44.8 191.4 45 191.4 45.2 191.4H46.8V182C46.8 178 50.4 174.6 54.6 174.6C55.2 174.6 56.2 174.8 56.8 175L72.4 159.6C74 158 76.4 158 78 159.6C79.6 161.2 79.6 163.6 78 165.2L63 180.8C63 181.2 63.8 181.6 63.8 182V184.4C63.8 187.6 65.6 188.8 68.8 191.6H78C79.8 191.6 81.4 191.8 82.8 192.6C83 192.6 83.2 192.6 83.2 192.6C83.6 192.8 83.8 193 84.2 193.2C84.4 193.4 84.4 193.4 84.6 193.4L85 193.8L116.8 225.4C120.4 229 120.4 234.6 116.8 238.2C113.2 241.8 107.4 241.2 103.8 237.6L97.8 230.8H86.4V240.4C86.4 240.6 87.4 239.4 87.4 242.2H100.2C102.6 242.2 104.6 244 104.6 246.4S102.6 250.6 100.2 250.6H82C85.6 253.6 88.8 256.8 92.8 259.4C92.8 259.4 93 259.6 93 259.6C97.2 262.4 102 264.6 106.6 267C109.6 268.4 112.4 270 115.4 271.2C118.8 272.6 122.4 273.4 126 274.6C129.6 275.6 133 277 136.6 277.8C144.2 279.2 152 280 160 280C176.4 280 191.8 276.6 206 270.8C207 270.4 208 269.8 209.2 269.2C214.2 267 218.8 264.4 223.4 261.4C228.4000000000001 258.2 233.2000000000001 254.6 237.6000000000001 250.4H212.0000000000001C212.0000000000001 250.4 212.0000000000001 251 211.8000000000001 251C211.0000000000001 251 210.0000000000001 251 209.2000000000001 250.4L199 240.2C197.8 239 197.8 236.8 199 235.6C200.2 234.4 202.4 234.4 203.6 235.6L212 244.4C212 244.4 212.2 244.8 212.2 244.8H217.2C217.2 242 215.8 243 215.8 242.4V241C215.8 236.6 212.8 233.6 208.6 233.6H201C197.2 233.6 193.4 229.4 193.4 225.6V222.2H191.4C189 222.2 187.4 221 187.4 218.6C187.4 217.4 187.4 213.6 187.4 213.6H182.8C179.4 213.6 176.8 211.4 176.8 208C176.8 204.6 179.4 202.8 182.8 202.8C184.2 202.8 185.6 202.2 186.6 205H186.6L187.4 204.8L197.2 214H200.6L208.4 206.6C209 206 210 206.2 210.8 206.8C211.4 207.4 211.4 209.2 210.8 209.8L204.4 216.8H209L210.8 214.4C214.4 210.8 220.4 211 224 214.6L225.8 216.6H233.8C234.2 216.6 235.4 215.6 235.4 215.6V210.8C235.4 210.8 234.4 211 234.4 211H227.2C225 211 223 209 223 206.8C223 204.6 224.8 202.6 227.2 202.6H234.4C234.4 202.6 235.4 202.6 235.4 202.6V199.6C232.6 195.4 230.6 191.2 226.4 191.2H207.6C207.6 191.2 207.6 191.2 207.6 191.4L198.8 200.2C195.2 203.8 189.2 203.8 185.6 200.2L177.2 191.6C177.2 191.6 177.2 191.4 177.2 191.4H172C166.8 191.4 162.2 187.2 162.2 182.2V163.8C162.2 158.6 166.8 154.8 172 154.8H190C196.8 152 201.4 147.8 204.4 141V107.4C204.4 102.2 207.8 98.6 212.8 98.6H227.2C232.4000000000001 98.6 235.2000000000001 102.2 235.2000000000001 107.4V140L253.0000000000001 157.2L253.6 157.6L254.0000000000001 157.8L254.6 157.8C256 159.4 257.6 161.6 257.6 164V182.2C257.6 185.8 254.4 188.6 251.4 191.4H260C260.2 185.8 264.2000000000001 183 269.2000000000001 183H277.6C279.2000000000001 175.6 280 167.8 280 160C280 93.8 226.2 40 160 40zM250.8 125.4C248.8 125.4 246.6 123.8 246.6 121.8V110.4C246.6 108.4 248.8 106.8 250.8 106.8C252.8 106.8 255 108.4 255 110.4V121.8C255 123.8 252.8 125.4 250.8 125.4zM167.4 256.2C167.4 261.2 163.4 264.6 158.2 264.6H147.4C142.4 264.6 139 261 139 256C139 255.4 137 255.2 140 254.4V245C140 242 141.2 239.6 144.2 239.6C147.2 239.6 148.4 242 148.4 245V247.8H158.4C163.2 247.8 167.4 251 167.4 256.2z"
+                        : "M150.6 312.6C152.6 314.6 152.6 317.8 150.6 319.6L137 333.2C135 335.2 132 335.2 130 333.2C128 331.2 128 328 130 326.2L143.6 312.6C145.6 310.6 148.6 310.6 150.6 312.6zM214 311.4H220C221.8 311.4 223.2 311.6 223.2 313.4C223.2 315.2 221.8 315.4 220 315.4H214C212.2 315.4 210.8 315.2 210.8 313.4S212.2 311.4 214 311.4zM233.6 288.4C235.4 288.4 237.4 290 237.4 291.8V300.2C237.4 302 235.4 303.6 233.6 303.6C231.8 303.6 229.8 302 229.8 300.2V291.8C229.8 290 231.8 288.4 233.6 288.4zM103.6 204.6C96.6 204.6 92.4 199 92.4 192V144.6C92.4 137.6 96.6 132.2000000000001 103.6 132.2000000000001H111.4V84.2000000000001C111.4 77.4 118 72 124.8 72C131.6 72 138.2 77.4 138.2 84.2000000000001V113H137.8C144.8 113 149.8 116.8 149.8 123.8V132H153.4C160.4 132 165 137.6 165 144.4V160.6C165 160.8 165.2 160.8 165 161L122 204.6H103.6zM200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM200 40C111.6 40 40 111.6 40 200C40 214.8 42.2 229.2 46 242.8H46.6V229.8C46.6 224.2 51.6 219.8 57.2 219.8C58.2 219.8 59.2 220 60.2 220.2L81.2 199.2C83.2 197 86.8 197 88.8 199.2C90.8 201.2 91 204.6 88.8 206.8L68.4 228.2C68.4 228.8 69.4 229.2 69.4 229.8V233C69.4 237.4000000000001 71.8 239.0000000000001 76.2 242.8H88.8C91.2 242.8 93.4 243 95.2 244.2C95.4 244.4 95.6 244.2 95.8 244.4C96.2 244.8 96.6 245.0000000000001 97 245.2C97.2 245.4 97.4 245.4 97.6 245.6L98 246L141 289C145.8 293.8 145.8 301.6 141 306.2C136.4 311 128.6 310 123.8 305.4L115.6 296.2H100V309C100 309.2 101.4 307.6 101.4 311.4H118.8C122.2 311.4 124.8 313.8 124.8 317.2C124.8 320.6 122.2 323 118.8 323H97.6C125.4 346 161 360 200 360S274.6 346 302.4000000000001 322.8H270.8C270.8 322.8 270.6 323.6 270.6 323.6C269.4000000000001 323.6 268.2000000000001 323.6 267.2000000000001 322.8L253.0000000000001 308.8C251.2000000000001 307 251.2000000000001 304.2 253.0000000000001 302.6C254.8000000000001 300.8 257.6 300.8 259.4000000000001 302.6L270.6000000000001 314.6C270.6000000000001 314.6 270.8000000000001 315.2 270.8000000000001 315.2H277.6C277.6 311.4 275.6000000000001 312.6 275.6000000000001 312V310C275.6000000000001 304.2 271.6000000000001 300 265.8000000000001 300H255.6000000000001C250.6000000000001 300 245.2000000000001 294.4 245.2000000000001 289.2V284.6H242.8000000000001C239.6000000000001 284.6 237.4000000000001 283 237.4000000000001 279.8C237.4000000000001 278.2 237.4000000000001 273.2 237.4000000000001 273.2H231.0000000000001C226.4000000000001 273.2 222.8000000000001 270.2 222.8000000000001 265.6C222.8000000000001 261.2 226.4000000000001 258.6 231.0000000000001 258.6C233.0000000000001 258.6 234.8000000000001 257.8 236.2000000000001 261.8H236.2000000000001L237.4000000000001 261.6L250.6000000000001 273.4H255.2000000000001L265.8000000000001 263.4C266.6000000000001 262.6 268.0000000000001 262.8 269.0000000000001 263.6C269.8000000000001 264.4 269.8000000000001 266.8 269.0000000000001 267.6L260 277H266.4L268.8 273.8C273.8 268.8 281.8 269.2 286.6 274.2L289 277H300C300.4 277 302.2 275.6 302.2 275.6V269C302.2 269 301 269.2 300.8 269.2H291C287.8 269.2 285.4 266.6 285.4 263.4C285.4 260.2 288 257.6 291 257.6H300.8C301 257.6 302.2 257.8 302.2 257.8V253.8C298.4 248.2 295.6 242.4 289.8 242.4H264.2000000000001C264.2000000000001 242.4 264.2000000000001 242.6 264 242.6L252.4000000000001 254.2C247.4000000000001 259.2 239.6 259.2 234.6 254.2L223 242.6C223 242.6 223 242.4 222.8 242.4H216C209 242.4 202.6 236.8 202.6 229.8V204.7999999999999C202.6 197.8 209 192.5999999999999 216 192.5999999999999H240.4000000000001C249.6000000000001 188.8 256 183 259.8000000000001 173.8V128.2C259.8000000000001 121.2 264.4000000000001 116.2 271.4000000000001 116.2H291.0000000000001C298.0000000000001 116.2 301.8000000000001 121.2 301.8000000000001 128.2V172.2L326.0000000000001 195.6L326.8000000000001 196L327.2000000000001 196.2L328.0000000000001 196.2C330.0000000000001 198.4 332 201.4 332 204.6V230.2C332 235.2 327.6 239 323.6 242.8H335.2C335.6 235.2 341 231.4 347.8 231.4H356.3999999999999C359 221.2 360 210.8 360 200C360 111.6 288.4 40 200 40zM323.2 153C320.4 153 317.4000000000001 150.8 317.4000000000001 148V132.6C317.4000000000001 129.8 320.4 127.6 323.2 127.6C326 127.6 329 129.8 329 132.6V148C329 150.8 326 153 323.2 153zM210 330.4C210 337.2 204.4 341.8 197.6 341.8H182.8C176 341.8 171.4 336.8 171.4 330C171.4 329 168.8 328.8 172.6 328V315.2C172.6 311.2 174.4 308 178.4 308C182.4 308 184.2 311.2 184.2 315.2V319H197.8C204.4 319 210 323.6 210 330.4z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Globe.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Globe.displayName = `Blueprint5.Icon.Globe`;
 export default Globe;

package/src/generated/components/graph-remove.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 GraphRemove: 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
-                    ? "M348.2 320L394 365.8C397.8 369.4 400 374.4 400 380C400 391 391 400 380 400C374.4 400 369.4 397.8 365.8 394.2L320 348.2L274.2000000000001 394C270.6 397.8 265.6 400 260 400C249 400 240 391 240 380C240 374.4 242.2 369.4 245.8 365.8L291.8 320L246 274.2C242.2 270.6 240 265.6 240 260C240 249 249 240 260 240C265.6 240 270.6 242.2 274.2000000000001 245.8L320 291.8L365.8 246C369.4 242.2 374.4 240 380 240C391 240 400 249 400 260C400 265.6 397.8 270.6 394.2000000000001 274.2L348.2 320zM380 200C363.4000000000001 200 349 207.2 338.2 218.2L337.6 217.6L320 235.2L302.4 217.6C291.6 206.8 276.6 200 260 200C226.8 200 200 226.8 200 260C200 276.6 206.8 291.6 217.6 302.4L235.2 320L217.6 337.6L218.2 338.2C207.2 349 200 363.4 200 380C200 387 201.4 393.6 203.6 399.8C202.4 399.8 201.2 400 200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 201.2 399.8 202.4 399.8 203.6C393.6 201.4 387 200 380 200z"
-                    : "M257.8 157.8L257.6 157.6L250 165.2L242.4 157.6L242 158C231.2 147 216.6 140 200 140C166.8 140 140 166.8 140 200C140 216.6 147 231.2 158 242L157.6 242.4L165.2 250L157.6 257.6L157.8 257.8C147 268.6 140 283.4 140 300C140 306.8 141.4 313 143.4 319.2C62.8 310.8 0 242.8 0 160C0 71.6 71.6 0 160 0C242.8 0 310.8 62.8 319.2000000000001 143.4C313 141.4 306.8 140 300 140C283.4 140 268.6 147 257.8 157.8zM278.2 250L314 285.8C317.8 289.4 320 294.4 320 300C320 311 311 320 300 320C294.4000000000001 320 289.4000000000001 317.8 285.8 314.2L250 278.2L214.2 314C210.6 317.8 205.6 320 200 320C189 320 180 311 180 300C180 294.4 182.2 289.4 185.8 285.8L221.6 250L185.8 214.2C182.2 210.6 180 205.6 180 200C180 189 189 180 200 180C205.6 180 210.6 182.2 214.2 185.8L250 221.6L285.8 185.8C289.4000000000001 182.2 294.4000000000001 180 300 180C311 180 320 189 320 200C320 205.6 317.8 210.6 314.2000000000001 214.2L278.2 250z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="graph-remove"
-                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}-graph-remove`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="graph-remove" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GraphRemove: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="graph-remove" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M257.8 157.8L257.6 157.6L250 165.2L242.4 157.6L242 158C231.2 147 216.6 140 200 140C166.8 140 140 166.8 140 200C140 216.6 147 231.2 158 242L157.6 242.4L165.2 250L157.6 257.6L157.8 257.8C147 268.6 140 283.4 140 300C140 306.8 141.4 313 143.4 319.2C62.8 310.8 0 242.8 0 160C0 71.6 71.6 0 160 0C242.8 0 310.8 62.8 319.2000000000001 143.4C313 141.4 306.8 140 300 140C283.4 140 268.6 147 257.8 157.8zM278.2 250L314 285.8C317.8 289.4 320 294.4 320 300C320 311 311 320 300 320C294.4000000000001 320 289.4000000000001 317.8 285.8 314.2L250 278.2L214.2 314C210.6 317.8 205.6 320 200 320C189 320 180 311 180 300C180 294.4 182.2 289.4 185.8 285.8L221.6 250L185.8 214.2C182.2 210.6 180 205.6 180 200C180 189 189 180 200 180C205.6 180 210.6 182.2 214.2 185.8L250 221.6L285.8 185.8C289.4000000000001 182.2 294.4000000000001 180 300 180C311 180 320 189 320 200C320 205.6 317.8 210.6 314.2000000000001 214.2L278.2 250z"
+                        : "M348.2 320L394 365.8C397.8 369.4 400 374.4 400 380C400 391 391 400 380 400C374.4 400 369.4 397.8 365.8 394.2L320 348.2L274.2000000000001 394C270.6 397.8 265.6 400 260 400C249 400 240 391 240 380C240 374.4 242.2 369.4 245.8 365.8L291.8 320L246 274.2C242.2 270.6 240 265.6 240 260C240 249 249 240 260 240C265.6 240 270.6 242.2 274.2000000000001 245.8L320 291.8L365.8 246C369.4 242.2 374.4 240 380 240C391 240 400 249 400 260C400 265.6 397.8 270.6 394.2000000000001 274.2L348.2 320zM380 200C363.4000000000001 200 349 207.2 338.2 218.2L337.6 217.6L320 235.2L302.4 217.6C291.6 206.8 276.6 200 260 200C226.8 200 200 226.8 200 260C200 276.6 206.8 291.6 217.6 302.4L235.2 320L217.6 337.6L218.2 338.2C207.2 349 200 363.4 200 380C200 387 201.4 393.6 203.6 399.8C202.4 399.8 201.2 400 200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 201.2 399.8 202.4 399.8 203.6C393.6 201.4 387 200 380 200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GraphRemove.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GraphRemove.displayName = `Blueprint5.Icon.GraphRemove`;
 export default GraphRemove;

package/src/generated/components/graph.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 Graph: 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 320C322.4000000000001 320 300 297.6 300 270C300 268.8 300.2 267.6 300.4 266.4L262.4 249.6C247.6 268 225.4 280 200 280C183.4 280 168.2 275 155.4 266.4L98.2 317.2C99.2 321.4 100 325.6 100 330C100 357.6 77.6 380 50 380S0 357.6 0 330C0 302.4 22.4 280 50 280C58.4 280 66.2 282.2 73.2 286L129 236.4C123.4 225.4 120 213.2 120 200C120 171.8 134.6 147.2 156.6 133L145.4 99.6C120 97.2 100 76 100 50C100 22.4 122.4 0 150 0S200 22.4 200 50C200 64.8 193.6 77.8 183.4 87L194.6 120.6C196.4 120.4 198.2 120 200 120C244.2 120 280 155.8 280 200C280 204.4 279.4000000000001 208.8 278.6 213L319 231C327.6 224.2 338.2 220 350 220C377.6 220 400 242.4 400 270C400 297.6 377.6 320 350 320z"
-                    : "M280 260C258.8 260 241.6 243.4 240.2 222.4L201.6 203C190.8 213.6 176.2 220 160 220C148.8 220 138.4 216.8 129.6 211.4L79.4 253.2C79.6 255.4 80 257.6 80 260C80 282 62 300 40 300S0 282 0 260C0 238 18 220 40 220C44.8 220 49.4 221 53.6 222.6L103.8 180.8C101.6 174.2 100 167.4 100 160C100 140.8 109.2 123.8 123.2 113L112 79.2C93.8 75.4 80 59.4 80 40C80 18 98 0 120 0S160 18 160 40C160 50.2 156 59.4 149.8 66.4L161 100.2C193.8 100.8 220 127.2 220 160C220 162.4 219.6 164.8 219.2 167.2L258 186.6C264.4000000000001 182.4 271.8 180 280 180C302 180 320 198 320 220C320 242 302 260 280 260z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="graph"
-                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}-graph`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="graph" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Graph: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="graph" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M280 260C258.8 260 241.6 243.4 240.2 222.4L201.6 203C190.8 213.6 176.2 220 160 220C148.8 220 138.4 216.8 129.6 211.4L79.4 253.2C79.6 255.4 80 257.6 80 260C80 282 62 300 40 300S0 282 0 260C0 238 18 220 40 220C44.8 220 49.4 221 53.6 222.6L103.8 180.8C101.6 174.2 100 167.4 100 160C100 140.8 109.2 123.8 123.2 113L112 79.2C93.8 75.4 80 59.4 80 40C80 18 98 0 120 0S160 18 160 40C160 50.2 156 59.4 149.8 66.4L161 100.2C193.8 100.8 220 127.2 220 160C220 162.4 219.6 164.8 219.2 167.2L258 186.6C264.4000000000001 182.4 271.8 180 280 180C302 180 320 198 320 220C320 242 302 260 280 260z"
+                        : "M350 320C322.4000000000001 320 300 297.6 300 270C300 268.8 300.2 267.6 300.4 266.4L262.4 249.6C247.6 268 225.4 280 200 280C183.4 280 168.2 275 155.4 266.4L98.2 317.2C99.2 321.4 100 325.6 100 330C100 357.6 77.6 380 50 380S0 357.6 0 330C0 302.4 22.4 280 50 280C58.4 280 66.2 282.2 73.2 286L129 236.4C123.4 225.4 120 213.2 120 200C120 171.8 134.6 147.2 156.6 133L145.4 99.6C120 97.2 100 76 100 50C100 22.4 122.4 0 150 0S200 22.4 200 50C200 64.8 193.6 77.8 183.4 87L194.6 120.6C196.4 120.4 198.2 120 200 120C244.2 120 280 155.8 280 200C280 204.4 279.4000000000001 208.8 278.6 213L319 231C327.6 224.2 338.2 220 350 220C377.6 220 400 242.4 400 270C400 297.6 377.6 320 350 320z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Graph.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Graph.displayName = `Blueprint5.Icon.Graph`;
 export default Graph;