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

package/src/generated/components/numerical.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 Numerical: 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
-                    ? "M47.8 285C44.4 280.8 40.2 277.2 35.2 274.6C30.2 272 24.8 270 18.6 268.8C12.6 267.8 6.4 267.2000000000001 0 267.2000000000001V242.4H49.8V100H79.6V300.4H54.6C53.6 294.2 51.2 289 47.8 285zM391.8 190.8C386.4 199.6 378.8 205 369 207.2V207.6C377.4000000000001 210.8 383.4 216.2 387.4000000000001 223.4C391.4 230.6 393.2 239.2 393.2 248.8C393.2 257.2000000000001 391.6 264.8 388.6 271.2000000000001C385.6 277.8 381.4 283 376.2 287.2000000000001C371 291.4000000000001 365.2 294.6 358.8 296.8000000000001C352.4 299.0000000000001 345.8 300 339.2 300C330.6 300 322.8 298.4000000000001 316 295C309.2 291.8000000000001 303.3999999999999 287.2000000000001 298.6 281.2000000000001C293.8 275.4000000000001 290 268.4000000000001 287.2 260.4000000000001C284.3999999999999 252.4000000000001 282.8 243.8000000000001 282.6 234.4000000000001H310.4C310.2 239.4000000000001 310.8 244.2000000000001 311.8 248.8000000000001C313 253.4000000000001 314.6 257.6 317 261.4000000000001C319.3999999999999 265.2000000000001 322.4 268.2000000000001 326 270.4000000000001C329.5999999999999 272.6 333.8 273.8000000000001 338.5999999999999 273.8000000000001C346.3999999999999 273.8000000000001 352.8 271.4000000000001 357.8 266.4000000000001C362.8 261.4000000000001 365.2 254.8000000000001 365.2 246.6C365.2 240.8000000000001 364.2 235.8000000000001 362 231.8000000000001C359.8 227.8000000000001 357 224.6000000000001 353.4 222.4C349.8 220.2000000000001 345.8 218.6 341.2 217.6C336.6 216.6 332 216.4 327.6 216.6V193.2C333.2 193.4 338.6 193.2 343.8 192.6C349 192 353.8 190.6 358 188.4C362.2 186.2 365.6 182.8 368.2 178.4C370.8 174 372.2 168 372.2 160.6C372.2 149.6 369 141.2 362.8 135.2C356.6 129.2 348.8 126.2 339.4 126.2C328.4 126.2 320.4 130 314.8 137.8C309.4 145.6 306.8 155.4 307.2 167H279.3999999999999C279.5999999999999 157 281 147.8 283.6 139.4C286.2 131.2000000000001 290 124.0000000000001 295 118.2000000000001C300 112.4 306.2 107.8000000000001 313.6 104.6C321 101.4 329.5999999999999 99.8000000000001 339.5999999999999 99.8000000000001C347.8 99.8000000000001 355.3999999999999 101.2000000000001 362.8 104.0000000000001C370.2 106.8000000000001 376.6 110.6000000000001 382 115.6000000000001C387.6 120.6000000000001 392 126.8000000000001 395.2 134.0000000000001C398.4 141.2000000000001 400 149.4 400 158.6000000000001C400 171.4 397.2 182 391.8 190.8zM171.6 151.8C175.8 155.4 180.6 159 185.6 162.4C190.6 166 195.6 169.6 200.6 173.6C205.6 177.6 210.4 181.8 215.2 186.2C219.8 190.6 224 195.6 227.8 201C231.4 206.4 234.4 212.2 236.6 218.6C238.8 225 239.8 232.0000000000001 239.8 240.0000000000001C239.8 246.4000000000001 238.8 253.0000000000001 237 260C235.2 267 232 273.6 227.6 279.4000000000001C223.2 285.4000000000001 217.4 290.4000000000001 210.2 294.2000000000001C203 298.2000000000001 194 300 183.2 300C173.4 300 164.6 298.0000000000001 157.2 294.2000000000001C149.8 290.6 143.4 285.4 138.2 278.6C133 272 129.2 264 126.6 254.6C124 245.4 122.6 235.4 122.6 224.6H151.2C151.4 231.6 152 238 153 244C154 250 155.8 255.2 158 259.6C160.2 264 163.2 267.4 167 270C170.8 272.6 175.6 273.8 181.2 273.8C187.4 273.8 192.4 272.6 196.2 270.2000000000001C200 267.8 203 265 205.2 261.6C207.4 258.2000000000001 208.8 254.4 209.6 250.4000000000001C210.4 246.4000000000001 210.8 242.6 210.8 239.0000000000001C210.6 231.4 208.8 224.6 205.6 218.6C202.6 212.6 198.2 207.2 193 202C187.8 197 182.2 192.2 176 187.8C169.8 183.4 163.8 178.8 158.2 174.2C146.2 165.2000000000001 137 154.6 130 142.6C123 130.4 119.6 116.2 119.4 100H239.6V128.6H153.8C155 132.8 157.2 137 160.4 140.8C163.6 144.6 167.2 148.4 171.6 151.8z"
-                    : "M55.8 227.8C53.2 224.4 50 221.8 46.2 219.6C42.6 217.4 38.4 216 33.8 215C29.2 214.2 24.6 213.6 19.6 213.6V193H54.4V80H79.6V240H60.8C60 235.4 58.4 231.2 55.8 227.8zM143.2 121.6C146.8 124.4 150.6 127.2 154.8 130C159 133 163.2 136 167.4 139C171.6 142.2 175.6 145.6 179.6 149.2C183.6 152.8 187 156.8 190 161C193 165.2 195.6 170 197.4 175C199.2 180 200 185.8 200 192C200 197 199.2 202.4 197.6 208C196.2 213.8 193.6 219 189.8 223.8C186.2 228.6 181.2 232.6 175.2 235.8C169.4 238.8 162 240.4 153 240.4C144.8 240.4 137.6 238.8 131.4 235.8C125.2 232.6 119.8 228.4 115.6 223C111.2 217.6 108 211.2 105.8 203.8C103.6 196.4 102.6 188.4 102.6 179.8H126.4C126.6 185.2 127 190.4 128 195.2C128.8 200 130.2 204.2 132.2 207.6C134 211.2 136.6 214 139.8 216C143 218 146.8 219 151.6 219C156.8 219 161 218 164.2 216.2C167.2 214.4 169.8 212 171.6 209.2C173.4 206.4 174.6 203.4 175.2 200.2C175.8 197 176.2 194 176.2 191.2C176 185 174.6 179.6 171.8 174.8C169 170.2 165.4 165.8 161.2 161.8C156.8 157.6 152 154 147 150.4C141.8 146.8 136.8 143.2 132 139.6C122 132.4 114.2 124 108.6 114.2C103 104.4 100 93 99.8 80H199.8V103H128.6C129.6 106.4 131.4 109.6 134 112.8C136.6 115.8 139.8 118.6 143.2 121.6zM313.2 152.8C308.6 159.8 302.4000000000001 164.2 294.2000000000001 165.8V166.2C301 168.8 306.2 173 309.4000000000001 178.8C312.6 184.6 314.2000000000001 191.4 314.2000000000001 199.2C314.2000000000001 206 313 212 310.4000000000001 217.2C307.8 222.4 304.4000000000001 226.6 300.2000000000001 230C296 233.4 291.2000000000001 236 285.8 237.6C280.4000000000001 239.4 275 240.2 269.4000000000001 240.2C262.2000000000001 240.2 255.8 238.8 250.2000000000001 236.2C244.6000000000001 233.6 239.6000000000001 229.8 235.8 225.2C231.8000000000001 220.6 228.6 215 226.4 208.6C224.2 202.2 222.8 195.4 222.6 187.8H245.6C245.4000000000001 191.8 245.8 195.6 246.8000000000001 199.4C247.8000000000001 203.2 249.2 206.6 251.2000000000001 209.6C253.2000000000001 212.6 255.6000000000001 215 258.6 216.8C261.6 218.6 265.0000000000001 219.4 269.2000000000001 219.4C275.6 219.4 281 217.4 285 213.4C289.2000000000001 209.4 291.2 204.2 291.2 197.6C291.2 193 290.2 189 288.4 185.8C286.6 182.6 284.2000000000001 180 281.4 178.2C278.4 176.4 275 175 271.2 174.4C267.4000000000001 173.6 263.6 173.4 259.8 173.6V155C264.4000000000001 155.2 268.8 155 273.2 154.6C277.6 154.2 281.6 153 285 151.2C288.6 149.4 291.4 146.6 293.6 143.2C295.8 139.6 296.8 135 296.8 129C296.8 120.2 294.2 113.4 289 108.6C283.8 103.8 277.4 101.4 269.6 101.4C260.6 101.4 253.8 104.6 249.2 110.8C244.6 117 242.6 124.8 242.8 134.2H220C220.2 126.2 221.2 118.8 223.4 112.2C225.6 105.6 228.6 100 232.8 95.2000000000001C237.0000000000001 90.6 242.0000000000001 86.8 248.2 84.4C254.4 81.8 261.6 80.6000000000001 269.8 80.6000000000001C276.6 80.6000000000001 283 81.6000000000001 289 83.8000000000001C295 86.0000000000001 300.4 89.2000000000001 305 93.2000000000001C309.6 97.2000000000001 313.2 102.2000000000001 316 108.0000000000001C318.6 113.4 320 120 320 127.4C320 137.4 317.8 145.8 313.2 152.8z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="numerical"
-                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}-numerical`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="numerical" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Numerical: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="numerical" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M55.8 227.8C53.2 224.4 50 221.8 46.2 219.6C42.6 217.4 38.4 216 33.8 215C29.2 214.2 24.6 213.6 19.6 213.6V193H54.4V80H79.6V240H60.8C60 235.4 58.4 231.2 55.8 227.8zM143.2 121.6C146.8 124.4 150.6 127.2 154.8 130C159 133 163.2 136 167.4 139C171.6 142.2 175.6 145.6 179.6 149.2C183.6 152.8 187 156.8 190 161C193 165.2 195.6 170 197.4 175C199.2 180 200 185.8 200 192C200 197 199.2 202.4 197.6 208C196.2 213.8 193.6 219 189.8 223.8C186.2 228.6 181.2 232.6 175.2 235.8C169.4 238.8 162 240.4 153 240.4C144.8 240.4 137.6 238.8 131.4 235.8C125.2 232.6 119.8 228.4 115.6 223C111.2 217.6 108 211.2 105.8 203.8C103.6 196.4 102.6 188.4 102.6 179.8H126.4C126.6 185.2 127 190.4 128 195.2C128.8 200 130.2 204.2 132.2 207.6C134 211.2 136.6 214 139.8 216C143 218 146.8 219 151.6 219C156.8 219 161 218 164.2 216.2C167.2 214.4 169.8 212 171.6 209.2C173.4 206.4 174.6 203.4 175.2 200.2C175.8 197 176.2 194 176.2 191.2C176 185 174.6 179.6 171.8 174.8C169 170.2 165.4 165.8 161.2 161.8C156.8 157.6 152 154 147 150.4C141.8 146.8 136.8 143.2 132 139.6C122 132.4 114.2 124 108.6 114.2C103 104.4 100 93 99.8 80H199.8V103H128.6C129.6 106.4 131.4 109.6 134 112.8C136.6 115.8 139.8 118.6 143.2 121.6zM313.2 152.8C308.6 159.8 302.4000000000001 164.2 294.2000000000001 165.8V166.2C301 168.8 306.2 173 309.4000000000001 178.8C312.6 184.6 314.2000000000001 191.4 314.2000000000001 199.2C314.2000000000001 206 313 212 310.4000000000001 217.2C307.8 222.4 304.4000000000001 226.6 300.2000000000001 230C296 233.4 291.2000000000001 236 285.8 237.6C280.4000000000001 239.4 275 240.2 269.4000000000001 240.2C262.2000000000001 240.2 255.8 238.8 250.2000000000001 236.2C244.6000000000001 233.6 239.6000000000001 229.8 235.8 225.2C231.8000000000001 220.6 228.6 215 226.4 208.6C224.2 202.2 222.8 195.4 222.6 187.8H245.6C245.4000000000001 191.8 245.8 195.6 246.8000000000001 199.4C247.8000000000001 203.2 249.2 206.6 251.2000000000001 209.6C253.2000000000001 212.6 255.6000000000001 215 258.6 216.8C261.6 218.6 265.0000000000001 219.4 269.2000000000001 219.4C275.6 219.4 281 217.4 285 213.4C289.2000000000001 209.4 291.2 204.2 291.2 197.6C291.2 193 290.2 189 288.4 185.8C286.6 182.6 284.2000000000001 180 281.4 178.2C278.4 176.4 275 175 271.2 174.4C267.4000000000001 173.6 263.6 173.4 259.8 173.6V155C264.4000000000001 155.2 268.8 155 273.2 154.6C277.6 154.2 281.6 153 285 151.2C288.6 149.4 291.4 146.6 293.6 143.2C295.8 139.6 296.8 135 296.8 129C296.8 120.2 294.2 113.4 289 108.6C283.8 103.8 277.4 101.4 269.6 101.4C260.6 101.4 253.8 104.6 249.2 110.8C244.6 117 242.6 124.8 242.8 134.2H220C220.2 126.2 221.2 118.8 223.4 112.2C225.6 105.6 228.6 100 232.8 95.2000000000001C237.0000000000001 90.6 242.0000000000001 86.8 248.2 84.4C254.4 81.8 261.6 80.6000000000001 269.8 80.6000000000001C276.6 80.6000000000001 283 81.6000000000001 289 83.8000000000001C295 86.0000000000001 300.4 89.2000000000001 305 93.2000000000001C309.6 97.2000000000001 313.2 102.2000000000001 316 108.0000000000001C318.6 113.4 320 120 320 127.4C320 137.4 317.8 145.8 313.2 152.8z"
+                        : "M47.8 285C44.4 280.8 40.2 277.2 35.2 274.6C30.2 272 24.8 270 18.6 268.8C12.6 267.8 6.4 267.2000000000001 0 267.2000000000001V242.4H49.8V100H79.6V300.4H54.6C53.6 294.2 51.2 289 47.8 285zM391.8 190.8C386.4 199.6 378.8 205 369 207.2V207.6C377.4000000000001 210.8 383.4 216.2 387.4000000000001 223.4C391.4 230.6 393.2 239.2 393.2 248.8C393.2 257.2000000000001 391.6 264.8 388.6 271.2000000000001C385.6 277.8 381.4 283 376.2 287.2000000000001C371 291.4000000000001 365.2 294.6 358.8 296.8000000000001C352.4 299.0000000000001 345.8 300 339.2 300C330.6 300 322.8 298.4000000000001 316 295C309.2 291.8000000000001 303.3999999999999 287.2000000000001 298.6 281.2000000000001C293.8 275.4000000000001 290 268.4000000000001 287.2 260.4000000000001C284.3999999999999 252.4000000000001 282.8 243.8000000000001 282.6 234.4000000000001H310.4C310.2 239.4000000000001 310.8 244.2000000000001 311.8 248.8000000000001C313 253.4000000000001 314.6 257.6 317 261.4000000000001C319.3999999999999 265.2000000000001 322.4 268.2000000000001 326 270.4000000000001C329.5999999999999 272.6 333.8 273.8000000000001 338.5999999999999 273.8000000000001C346.3999999999999 273.8000000000001 352.8 271.4000000000001 357.8 266.4000000000001C362.8 261.4000000000001 365.2 254.8000000000001 365.2 246.6C365.2 240.8000000000001 364.2 235.8000000000001 362 231.8000000000001C359.8 227.8000000000001 357 224.6000000000001 353.4 222.4C349.8 220.2000000000001 345.8 218.6 341.2 217.6C336.6 216.6 332 216.4 327.6 216.6V193.2C333.2 193.4 338.6 193.2 343.8 192.6C349 192 353.8 190.6 358 188.4C362.2 186.2 365.6 182.8 368.2 178.4C370.8 174 372.2 168 372.2 160.6C372.2 149.6 369 141.2 362.8 135.2C356.6 129.2 348.8 126.2 339.4 126.2C328.4 126.2 320.4 130 314.8 137.8C309.4 145.6 306.8 155.4 307.2 167H279.3999999999999C279.5999999999999 157 281 147.8 283.6 139.4C286.2 131.2000000000001 290 124.0000000000001 295 118.2000000000001C300 112.4 306.2 107.8000000000001 313.6 104.6C321 101.4 329.5999999999999 99.8000000000001 339.5999999999999 99.8000000000001C347.8 99.8000000000001 355.3999999999999 101.2000000000001 362.8 104.0000000000001C370.2 106.8000000000001 376.6 110.6000000000001 382 115.6000000000001C387.6 120.6000000000001 392 126.8000000000001 395.2 134.0000000000001C398.4 141.2000000000001 400 149.4 400 158.6000000000001C400 171.4 397.2 182 391.8 190.8zM171.6 151.8C175.8 155.4 180.6 159 185.6 162.4C190.6 166 195.6 169.6 200.6 173.6C205.6 177.6 210.4 181.8 215.2 186.2C219.8 190.6 224 195.6 227.8 201C231.4 206.4 234.4 212.2 236.6 218.6C238.8 225 239.8 232.0000000000001 239.8 240.0000000000001C239.8 246.4000000000001 238.8 253.0000000000001 237 260C235.2 267 232 273.6 227.6 279.4000000000001C223.2 285.4000000000001 217.4 290.4000000000001 210.2 294.2000000000001C203 298.2000000000001 194 300 183.2 300C173.4 300 164.6 298.0000000000001 157.2 294.2000000000001C149.8 290.6 143.4 285.4 138.2 278.6C133 272 129.2 264 126.6 254.6C124 245.4 122.6 235.4 122.6 224.6H151.2C151.4 231.6 152 238 153 244C154 250 155.8 255.2 158 259.6C160.2 264 163.2 267.4 167 270C170.8 272.6 175.6 273.8 181.2 273.8C187.4 273.8 192.4 272.6 196.2 270.2000000000001C200 267.8 203 265 205.2 261.6C207.4 258.2000000000001 208.8 254.4 209.6 250.4000000000001C210.4 246.4000000000001 210.8 242.6 210.8 239.0000000000001C210.6 231.4 208.8 224.6 205.6 218.6C202.6 212.6 198.2 207.2 193 202C187.8 197 182.2 192.2 176 187.8C169.8 183.4 163.8 178.8 158.2 174.2C146.2 165.2000000000001 137 154.6 130 142.6C123 130.4 119.6 116.2 119.4 100H239.6V128.6H153.8C155 132.8 157.2 137 160.4 140.8C163.6 144.6 167.2 148.4 171.6 151.8z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Numerical.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Numerical.displayName = `Blueprint5.Icon.Numerical`;
 export default Numerical;

package/src/generated/components/office.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 Office: 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
-                    ? "M380 280H280V380C280 391 271 400 260 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H100V120H180V0H380C391 0 400 9 400 20V260C400 271 391 280 380 280zM120 160H40V240H120V160zM120 280H40V360H120V280zM240 160H160V240H240V160zM240 280H160V360H240V280zM360 60H280V120H360V60zM360 160H280V240H360V160z"
-                    : "M300 220H240V300C240 311 231 320 220 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H80V80H160V0H300C311 0 320 9 320 20V200C320 211 311 220 300 220zM100 120H40V180H100V120zM100 220H40V280H100V220zM200 120H140V180H200V120zM200 220H140V280H200V220zM280 40H240V80H280V40zM280 120H240V180H280V120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="office"
-                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}-office`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="office" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Office: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="office" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 220H240V300C240 311 231 320 220 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H80V80H160V0H300C311 0 320 9 320 20V200C320 211 311 220 300 220zM100 120H40V180H100V120zM100 220H40V280H100V220zM200 120H140V180H200V120zM200 220H140V280H200V220zM280 40H240V80H280V40zM280 120H240V180H280V120z"
+                        : "M380 280H280V380C280 391 271 400 260 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H100V120H180V0H380C391 0 400 9 400 20V260C400 271 391 280 380 280zM120 160H40V240H120V160zM120 280H40V360H120V280zM240 160H160V240H240V160zM240 280H160V360H240V280zM360 60H280V120H360V60zM360 160H280V240H360V160z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Office.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Office.displayName = `Blueprint5.Icon.Office`;
 export default Office;

package/src/generated/components/offline.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 Offline: 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 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM140 40L180 180H100L260 360L220 220H300L140 40z"
-                    : "M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM120 40L140 140H80L200 280L180 180H240L120 40z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="offline"
-                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}-offline`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="offline" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Offline: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="offline" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM120 40L140 140H80L200 280L180 180H240L120 40z"
+                        : "M200 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 400zM140 40L180 180H100L260 360L220 220H300L140 40z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Offline.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Offline.displayName = `Blueprint5.Icon.Offline`;
 export default Offline;

package/src/generated/components/oil-field.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 OilField: 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
-                    ? "M380 40.2H352.8L265.8 231.6L324.0000000000001 248.8000000000001L357.2000000000001 166.8000000000001C359.4000000000001 161.4000000000001 365.8000000000001 158.8000000000001 371.6 160.6000000000001C374.0000000000001 161.4 376 162.8000000000001 377.2000000000001 164.6000000000001C378.4000000000001 166.8000000000001 406.6 206.2000000000001 398.2000000000001 276.6C395.8 297.6 386 400 320.2000000000001 400C297.8 399.8 279.8 383.4 280 363.2C280 359.4 280.8 355.6 282 352L308.8 285.8L14.4 199.4L14.4 199C6.2 196.6 0 189.2 0 180.2C0 169.2 9 160.2 20 160.2C22 160.2 23.8 160.8 25.6 161.4L25.6 161L65.6 172.8L95 40.2H60C49 40.2 40 31.2 40 20.2C40 9.2 49 0.2 60 0.2H380C391 0.2 400 9.2 400 20.2C400 31.2 391 40.2 380 40.2zM104 184L183 207.2L126.4 82.8L104 184zM151 40.2L230 213.8L309 40.2H151z"
-                    : "M300 40H273L206.2 190.2L255.4 209.2L284.4 145C286.2 141 291.6 139 296.4 140.4C298.4 141 300 142 301.2 143.4C302.2 145 325.8 174.6 318.6 227.4C316.4 243.2 308.2 319.8 253.4 319.8C234.8 319.8 219.8 307.4 220 292.4C220 289.6 220.6 286.8 221.8 284L239.2 245.6L12.8 158.6L12.8 158.4C5.4 155.6 0 148.6 0 140C0 129 9 120 20 120C22.6 120 25 120.6 27.2 121.4L27.2 121.2L48 129.2L73.4 40H40C29 40 20 31 20 20C20 9 29 0 40 0H300C311 0 320 9 320 20C320 31 311 40 300 40zM85.4 143.8L142.8 166L104 78.4L85.4 143.8zM130.8 40L180 150.8L229.2 40H130.8z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="oil-field"
-                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}-oil-field`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="oil-field" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const OilField: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="oil-field" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 40H273L206.2 190.2L255.4 209.2L284.4 145C286.2 141 291.6 139 296.4 140.4C298.4 141 300 142 301.2 143.4C302.2 145 325.8 174.6 318.6 227.4C316.4 243.2 308.2 319.8 253.4 319.8C234.8 319.8 219.8 307.4 220 292.4C220 289.6 220.6 286.8 221.8 284L239.2 245.6L12.8 158.6L12.8 158.4C5.4 155.6 0 148.6 0 140C0 129 9 120 20 120C22.6 120 25 120.6 27.2 121.4L27.2 121.2L48 129.2L73.4 40H40C29 40 20 31 20 20C20 9 29 0 40 0H300C311 0 320 9 320 20C320 31 311 40 300 40zM85.4 143.8L142.8 166L104 78.4L85.4 143.8zM130.8 40L180 150.8L229.2 40H130.8z"
+                        : "M380 40.2H352.8L265.8 231.6L324.0000000000001 248.8000000000001L357.2000000000001 166.8000000000001C359.4000000000001 161.4000000000001 365.8000000000001 158.8000000000001 371.6 160.6000000000001C374.0000000000001 161.4 376 162.8000000000001 377.2000000000001 164.6000000000001C378.4000000000001 166.8000000000001 406.6 206.2000000000001 398.2000000000001 276.6C395.8 297.6 386 400 320.2000000000001 400C297.8 399.8 279.8 383.4 280 363.2C280 359.4 280.8 355.6 282 352L308.8 285.8L14.4 199.4L14.4 199C6.2 196.6 0 189.2 0 180.2C0 169.2 9 160.2 20 160.2C22 160.2 23.8 160.8 25.6 161.4L25.6 161L65.6 172.8L95 40.2H60C49 40.2 40 31.2 40 20.2C40 9.2 49 0.2 60 0.2H380C391 0.2 400 9.2 400 20.2C400 31.2 391 40.2 380 40.2zM104 184L183 207.2L126.4 82.8L104 184zM151 40.2L230 213.8L309 40.2H151z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+OilField.defaultProps = {
+    size: IconSize.STANDARD,
+};
 OilField.displayName = `Blueprint5.Icon.OilField`;
 export default OilField;

package/src/generated/components/one-column.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 OneColumn: 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
-                    ? "M298.8 400H218.8C207.8 400 198.8 391 198.8 380V20C198.8 9 207.8 0 218.8 0H298.8C309.8 0 318.8 9 318.8 20V380C318.8 391 309.8 400 298.8 400zM138.8 280C133.2 280 128.2 277.8 124.6 274.2L64.6 214.2C61 210.6 58.8 205.6 58.8 200S61 189.4 64.6 185.8L124.6 125.8C128.2 122.2 133.2 120 138.8 120C149.8 120 158.8 129 158.8 140V260C158.8 271 149.8 280 138.8 280z"
-                    : "M239.8 320.2H179.8C168.8 320.2 159.8 311.2 159.8 300.2V20.2C159.8 9.2 168.8 0.2 179.8 0.2H239.8C250.8 0.2 259.8 9.2 259.8 20.2V300.2C259.8 311.2 250.8 320.2 239.8 320.2zM119.8 220.2C114.2 220.2 109.2 218 105.6 214.4L65.6 174.4C62 170.6 59.8 165.6 59.8 160.2S62 149.6 65.6 146L105.6 106C109.2 102.4 114.2 100.2000000000001 119.8 100.2000000000001C130.8 100.2000000000001 139.8 109.2 139.8 120.2000000000001V200.2000000000001C139.8 211.2 130.8 220.2 119.8 220.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="one-column"
-                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}-one-column`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="one-column" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const OneColumn: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="one-column" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M239.8 320.2H179.8C168.8 320.2 159.8 311.2 159.8 300.2V20.2C159.8 9.2 168.8 0.2 179.8 0.2H239.8C250.8 0.2 259.8 9.2 259.8 20.2V300.2C259.8 311.2 250.8 320.2 239.8 320.2zM119.8 220.2C114.2 220.2 109.2 218 105.6 214.4L65.6 174.4C62 170.6 59.8 165.6 59.8 160.2S62 149.6 65.6 146L105.6 106C109.2 102.4 114.2 100.2000000000001 119.8 100.2000000000001C130.8 100.2000000000001 139.8 109.2 139.8 120.2000000000001V200.2000000000001C139.8 211.2 130.8 220.2 119.8 220.2z"
+                        : "M298.8 400H218.8C207.8 400 198.8 391 198.8 380V20C198.8 9 207.8 0 218.8 0H298.8C309.8 0 318.8 9 318.8 20V380C318.8 391 309.8 400 298.8 400zM138.8 280C133.2 280 128.2 277.8 124.6 274.2L64.6 214.2C61 210.6 58.8 205.6 58.8 200S61 189.4 64.6 185.8L124.6 125.8C128.2 122.2 133.2 120 138.8 120C149.8 120 158.8 129 158.8 140V260C158.8 271 149.8 280 138.8 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+OneColumn.defaultProps = {
+    size: IconSize.STANDARD,
+};
 OneColumn.displayName = `Blueprint5.Icon.OneColumn`;
 export default OneColumn;

package/src/generated/components/one-to-many.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 OneToMany: 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
-                    ? "M360 340C360 328.9544 351.046 320 340 320C328.954 320 320 328.9544 320 340C320 351.0456 328.954 360 340 360C351.046 360 360 351.0456 360 340zM283.616 319.4374000000001C273.868 318.666 261.886 316.838 250.262 312.508C231.326 305.454 214.8 292.492 209.624 266.145C203.164 233.2560000000001 184.9354 212.6364 164.3452 200C184.9354 187.364 203.164 166.744 209.624 133.854C214.8 107.508 231.326 94.546 250.262 87.492C261.886 83.162 273.868 81.334 283.616 80.562C292.01 103.572 314.086 120 340 120C373.1380000000001 120 400 93.138 400 60C400 26.862 373.1380000000001 0 340 0C313.6980000000001 0 291.348 16.924 283.248 40.478C270.576 41.318 253.416 43.632 236.3 50.008C208.258 60.454 178.9498 82.492 170.375 126.146C165.1998 152.492 148.6742 165.454 129.7374 172.508C124.9276 174.3 120.0566 175.664 115.3082 176.7C106.2128 155.136 84.874 140 60 140C26.863 140 0 166.862 0 200C0 233.137 26.863 260 60 260C84.874 260 106.2128 244.8638 115.3082 223.2996C120.0566 224.337 124.9276 225.7002 129.7372 227.4918C148.674 234.546 165.1998 247.5078 170.375 273.8548C178.9498 317.5078 208.258 339.546 236.3 349.9918C253.416 356.368 270.576 358.6824000000001 283.248 359.5222C291.348 383.07528 313.6980000000001 400 340 400C373.1380000000001 400 400 373.137 400 340C400 306.863 373.1380000000001 280 340 280C314.086 280 292.01 296.4278 283.616 319.4374000000001zM80 200.0198C79.9894 211.0564 71.0392 220 60 220C48.9544 220 40 211.0458 40 200C40 188.954 48.9544 180 60 180C71.0392 180 79.9894 188.944 80 199.98L80 200L80 200.0198zM340 40C351.046 40 360 48.954 360 60C360 71.046 351.046 80 340 80C328.954 80 320 71.046 320 60C320 48.954 328.954 40 340 40z"
-                    : "M280 260C280 248.9544 271.046 240 260 240C248.954 240 240 248.9544 240 260C240 271.0456 248.954 280 260 280C271.046 280 280 271.0456 280 260zM205.48 234.9152C214.978 214.3054 235.818 200 260 200C293.1380000000001 200 320 226.863 320 260C320 293.137 293.1380000000001 320 260 320C232.292 320 208.972 301.21884 202.072 275.6926C198.7178 274.8254 195.2988 273.7838 191.8784 272.5324C170.3572 264.6588 147.1444 247.7026 140.3884 213.9222C137.1566 197.7636 127.0998 189.7192 114.5206 185.0846C105.0224 205.6944 84.1818 220 60 220C26.863 220 0 193.137 0 160C0 126.863 26.863 100 60 100C84.1818 100 105.0224 114.306 114.5206 134.9154C127.0998 130.2808 137.1566 122.2364 140.3884 106.078C147.1444 72.298 170.3572 55.342 191.8784 47.468C195.2988 46.216 198.7178 45.174 202.074 44.308C208.972 18.782 232.292 0 260 0C293.1380000000001 0 320 26.862 320 60C320 93.138 293.1380000000001 120 260 120C235.818 120 214.978 105.694 205.48 85.084C192.9004 89.72 182.8434 97.764 179.6116 113.922C175.3076 135.4424 164.325 150.1344 151.3556 160C164.325 169.8656 175.3076 184.5576 179.6116 206.0776C182.8434 222.2364 192.9002 230.2806 205.48 234.9152zM260 40C248.954 40 240 48.954 240 60C240 71.046 248.954 80 260 80C271.046 80 280 71.046 280 60C280 48.954 271.046 40 260 40zM80 160C80 171.0456 71.0456 180 60 180C48.9544 180 40 171.0456 40 160C40 148.9542 48.9544 140 60 140C71.0456 140 80 148.9542 80 160z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="one-to-many"
-                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}-one-to-many`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="one-to-many" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const OneToMany: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="one-to-many" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M280 260C280 248.9544 271.046 240 260 240C248.954 240 240 248.9544 240 260C240 271.0456 248.954 280 260 280C271.046 280 280 271.0456 280 260zM205.48 234.9152C214.978 214.3054 235.818 200 260 200C293.1380000000001 200 320 226.863 320 260C320 293.137 293.1380000000001 320 260 320C232.292 320 208.972 301.21884 202.072 275.6926C198.7178 274.8254 195.2988 273.7838 191.8784 272.5324C170.3572 264.6588 147.1444 247.7026 140.3884 213.9222C137.1566 197.7636 127.0998 189.7192 114.5206 185.0846C105.0224 205.6944 84.1818 220 60 220C26.863 220 0 193.137 0 160C0 126.863 26.863 100 60 100C84.1818 100 105.0224 114.306 114.5206 134.9154C127.0998 130.2808 137.1566 122.2364 140.3884 106.078C147.1444 72.298 170.3572 55.342 191.8784 47.468C195.2988 46.216 198.7178 45.174 202.074 44.308C208.972 18.782 232.292 0 260 0C293.1380000000001 0 320 26.862 320 60C320 93.138 293.1380000000001 120 260 120C235.818 120 214.978 105.694 205.48 85.084C192.9004 89.72 182.8434 97.764 179.6116 113.922C175.3076 135.4424 164.325 150.1344 151.3556 160C164.325 169.8656 175.3076 184.5576 179.6116 206.0776C182.8434 222.2364 192.9002 230.2806 205.48 234.9152zM260 40C248.954 40 240 48.954 240 60C240 71.046 248.954 80 260 80C271.046 80 280 71.046 280 60C280 48.954 271.046 40 260 40zM80 160C80 171.0456 71.0456 180 60 180C48.9544 180 40 171.0456 40 160C40 148.9542 48.9544 140 60 140C71.0456 140 80 148.9542 80 160z"
+                        : "M360 340C360 328.9544 351.046 320 340 320C328.954 320 320 328.9544 320 340C320 351.0456 328.954 360 340 360C351.046 360 360 351.0456 360 340zM283.616 319.4374000000001C273.868 318.666 261.886 316.838 250.262 312.508C231.326 305.454 214.8 292.492 209.624 266.145C203.164 233.2560000000001 184.9354 212.6364 164.3452 200C184.9354 187.364 203.164 166.744 209.624 133.854C214.8 107.508 231.326 94.546 250.262 87.492C261.886 83.162 273.868 81.334 283.616 80.562C292.01 103.572 314.086 120 340 120C373.1380000000001 120 400 93.138 400 60C400 26.862 373.1380000000001 0 340 0C313.6980000000001 0 291.348 16.924 283.248 40.478C270.576 41.318 253.416 43.632 236.3 50.008C208.258 60.454 178.9498 82.492 170.375 126.146C165.1998 152.492 148.6742 165.454 129.7374 172.508C124.9276 174.3 120.0566 175.664 115.3082 176.7C106.2128 155.136 84.874 140 60 140C26.863 140 0 166.862 0 200C0 233.137 26.863 260 60 260C84.874 260 106.2128 244.8638 115.3082 223.2996C120.0566 224.337 124.9276 225.7002 129.7372 227.4918C148.674 234.546 165.1998 247.5078 170.375 273.8548C178.9498 317.5078 208.258 339.546 236.3 349.9918C253.416 356.368 270.576 358.6824000000001 283.248 359.5222C291.348 383.07528 313.6980000000001 400 340 400C373.1380000000001 400 400 373.137 400 340C400 306.863 373.1380000000001 280 340 280C314.086 280 292.01 296.4278 283.616 319.4374000000001zM80 200.0198C79.9894 211.0564 71.0392 220 60 220C48.9544 220 40 211.0458 40 200C40 188.954 48.9544 180 60 180C71.0392 180 79.9894 188.944 80 199.98L80 200L80 200.0198zM340 40C351.046 40 360 48.954 360 60C360 71.046 351.046 80 340 80C328.954 80 320 71.046 320 60C320 48.954 328.954 40 340 40z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+OneToMany.defaultProps = {
+    size: IconSize.STANDARD,
+};
 OneToMany.displayName = `Blueprint5.Icon.OneToMany`;
 export default OneToMany;