@cloudflare/component-icon 11.8.3 → 11.8.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 11.8.5
+
+### Patch Changes
+
+- ec5f6b98cf: add arrow-external-link and icons preview example
+
+## 11.8.4
+
+### Patch Changes
+
+- 59cadecb7d: Fix svgs case-study, ddos-attack, office-branch, pull-request, security-waf, security-bots, trace and traffic-attack-browser
+
 ## 11.8.3
 
 ### Patch Changes

package/dist/Example.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Example: () => JSX.Element;

package/dist/Icon.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import IconComponents from './reactsvgs';
 export declare type IconType = keyof typeof IconComponents;
 declare const _default: React.ComponentType<{
-    type: "search" | "link" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "backward" | "bolt" | "byoip" | "calendar" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "chart" | "clipboard" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "credit-card" | "d1" | "discord" | "discover" | "documentation" | "ddos-attack" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "home" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "security-waf" | "security-bots" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "traffic-attack-browser" | "trace" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "waiting-room" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
+    type: "search" | "link" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "chart" | "clipboard" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "credit-card" | "d1" | "ddos-attack" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "home" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "magic-firewall" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "platform-apps" | "plus" | "printer" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "security-bots" | "security-waf" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "waiting-room" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import type { ComponentProps } from 'react';
-import Icon from './Icon';
-export type { IconType } from './Icon';
-export { Icon };
-export declare type IIconProps = ComponentProps<typeof Icon>;
+import Icon, { IconType } from './Icon';
+import { Example } from './Example';
+export { Icon, Example };
+export type { IconType };

package/dist/reactsvgs/ArrowExternalLink.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArrowExternalLink: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgArrowExternalLink;

package/dist/reactsvgs/CaseStudy.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const CaseStudy: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default CaseStudy;
+declare const SvgCaseStudy: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgCaseStudy;

package/dist/reactsvgs/PullRequest.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const PullRequest: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default PullRequest;
+declare const SvgPullRequest: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgPullRequest;

package/dist/reactsvgs/SecurityWaf.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgSecurityWaf: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgSecurityWaf;

package/dist/reactsvgs/TrafficAttackBrowser.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const TrafficAttackBrowser: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default TrafficAttackBrowser;
+declare const SvgTrafficAttackBrowser: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgTrafficAttackBrowser;

package/dist/reactsvgs/index.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
     'api-security': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     api: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     applications: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'arrow-external-link': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     backward: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     bolt: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     byoip: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -30,10 +31,10 @@ declare const _default: {
     copy: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'credit-card': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     d1: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'ddos-attack': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     discord: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     discover: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     documentation: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'ddos-attack': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     download: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     drive: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     edgeworker: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -105,8 +106,8 @@ declare const _default: {
     right: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     script: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     search: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'security-waf': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'security-bots': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'security-waf': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     shield: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     spectrum: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     speech: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -118,8 +119,8 @@ declare const _default: {
     teams: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     terraform: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     time: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    'traffic-attack-browser': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     trace: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'traffic-attack-browser': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     turnstile: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     twitter: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'two-way': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/Example.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Div, Code, H2 } from '@cloudflare/elements';
+import Icon from './Icon';
+import IconComponents from './reactsvgs/index';
+var TYPES = Object.keys(IconComponents);
+export var Example = () => /*#__PURE__*/React.createElement(Div, {
+  mt: 4,
+  px: 4,
+  py: 4
+}, /*#__PURE__*/React.createElement(H2, {
+  mb: 4,
+  textAlign: "center"
+}, "Icons preview"), /*#__PURE__*/React.createElement(Div, {
+  display: "grid",
+  style: {
+    gridTemplateColumns: 'repeat(10, 1fr)'
+  }
+}, TYPES.map(t => /*#__PURE__*/React.createElement(Div, {
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  px: 0,
+  py: 2
+}, /*#__PURE__*/React.createElement(Icon, {
+  size: 32,
+  type: t
+}), /*#__PURE__*/React.createElement(Code, {
+  bg: "transparent",
+  mt: 1,
+  fontSize: 0
+}, t)))));

package/es/index.js

@@ -1,2 +1,3 @@
 import Icon from './Icon';
-export { Icon };
+import { Example } from './Example';
+export { Icon, Example };

package/es/reactsvgs/ArrowExternalLink.js

@@ -0,0 +1,14 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgArrowExternalLink = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 64 64",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m15.983 16.26.034 4 27.115-.22-28.546 28.546 2.828 2.828L45.96 22.868l-.22 27.115 4 .034.277-34.034-34.034.277Z"
+}));
+
+export default SvgArrowExternalLink;

package/es/reactsvgs/CaseStudy.js

@@ -2,17 +2,15 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import * as React from 'react';
 
-var CaseStudy = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-  "aria-hidden": !props['aria-label'],
-  focusable: "false",
-  width: "64",
-  height: "64",
+var SvgCaseStudy = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
-  xmlns: "http://www.w3.org/2000/svg"
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M55.41 22.59L39.41 6.59L38 6H18L16 8V16H20V10H36V24L38 26H52V54H20V48H16V56L18 58H54L56 56V24L55.41 22.59ZM40 22V12.84L44.58 17.42L49.17 22H40Z"
+  d: "m55.41 22.59-16-16L38 6H18l-2 2v8h4v-6h16v14l2 2h14v28H20v-6h-4v8l2 2h36l2-2V24l-.59-1.41ZM40 22v-9.16l4.58 4.58L49.17 22H40Z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M26.26 41.79L35.09 49.79L37.78 46.79L28.95 38.79C30.6744 36.1541 31.3429 32.9655 30.8222 29.859C30.3015 26.7525 28.63 23.956 26.1403 22.0265C23.6507 20.0969 20.5257 19.1758 17.3875 19.4466C14.2493 19.7173 11.3283 21.1601 9.20591 23.4875C7.08357 25.815 5.91569 28.8565 5.9348 32.0062C5.95392 35.156 7.15863 38.183 9.30906 40.4846C11.4595 42.7861 14.3979 44.1933 17.5391 44.426C20.6803 44.6586 23.794 43.6996 26.26 41.74V41.79ZM9.99998 32C9.99998 30.3189 10.4985 28.6755 11.4325 27.2777C12.3665 25.8798 13.694 24.7904 15.2472 24.147C16.8003 23.5037 18.5094 23.3354 20.1582 23.6633C21.8071 23.9913 23.3216 24.8008 24.5104 25.9896C25.6991 27.1783 26.5087 28.6929 26.8367 30.3417C27.1646 31.9906 26.9963 33.6996 26.353 35.2528C25.7096 36.806 24.6201 38.1335 23.2223 39.0675C21.8245 40.0015 20.1811 40.5 18.5 40.5C16.2465 40.4974 14.086 39.601 12.4925 38.0075C10.899 36.414 10.0026 34.2535 9.99998 32Z"
+  d: "m26.26 41.79 8.83 8 2.69-3-8.83-8a12.53 12.53 0 1 0-2.69 2.95v.05ZM10 32a8.5 8.5 0 1 1 8.5 8.5A8.51 8.51 0 0 1 10 32Z"
 }));
 
-export default CaseStudy;
+export default SvgCaseStudy;

package/es/reactsvgs/DdosAttack.js

@@ -6,36 +6,9 @@ var SvgDdosAttack = props => /*#__PURE__*/React.createElement("svg", _extends({}
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "aria-hidden": !props['aria-label'],
-  focusable: "false",
-  fill: "none"
+  focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M32.48 5.94995H21.99V9.94995H32.48V5.94995Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M39.85 11.28H21.99V15.28H39.85V11.28Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M56 16.62H12.49V20.62H56V16.62Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M49.17 21.95H31.99V25.95H49.17V21.95Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26.67 21.95H17.49V25.95H26.67V21.95Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M44.41 27.28H21.49V31.28H44.41V27.28Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M44.41 32.6199H30.92V36.6199H44.41V32.6199Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M21.49 32.6199H8V36.6199H21.49V32.6199Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M35.48 37.95H8V41.95H35.48V37.95Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M49.17 37.95H41.69V41.95H49.17V37.95Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M39.85 43.2799H31.91V47.2799H39.85V43.2799Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26.26 43.2799H18.32V47.2799H26.26V43.2799Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M35.48 48.6199H13.43V52.6199H35.48V48.6199Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M35.48 53.95H21.04V57.95H35.48V53.95Z"
+  d: "M32.48 5.95H21.99v4h10.49v-4Zm7.37 5.33H21.99v4h17.86v-4ZM56 16.62H12.49v4H56v-4Zm-6.83 5.33H31.99v4h17.18v-4Zm-22.5 0h-9.18v4h9.18v-4Zm17.74 5.33H21.49v4h22.92v-4Zm0 5.34H30.92v4h13.49v-4Zm-22.92 0H8v4h13.49v-4Zm13.99 5.33H8v4h27.48v-4Zm13.69 0h-7.48v4h7.48v-4Zm-9.32 5.33h-7.94v4h7.94v-4Zm-13.59 0h-7.94v4h7.94v-4Zm9.22 5.34H13.43v4h22.05v-4Zm0 5.33H21.04v4h14.44v-4Z"
 }));
 
 export default SvgDdosAttack;

package/es/reactsvgs/OfficeBranch.js

@@ -8,37 +8,9 @@ var SvgOfficeBranch = props => /*#__PURE__*/React.createElement("svg", _extends(
   "aria-hidden": !props['aria-label'],
   focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M56 20H42V8L40 6H8L6 8V54L8 56H56L58 54V22L56 20ZM10 10H38V52H28V46H20V52H10V10ZM54 52H42V24H54V52Z"
+  d: "M56 20H42V8l-2-2H8L6 8v46l2 2h48l2-2V22l-2-2ZM10 10h28v42H28v-6h-8v6H10V10Zm44 42H42V24h12v28Z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M18 14H14V18H18V14Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26 14H22V18H26V14Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M18 22H14V26H18V22Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26 22H22V26H26V22Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M18 30H14V34H18V30Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26 30H22V34H26V30Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M34 14H30V18H34V14Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M34 22H30V26H34V22Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M34 30H30V34H34V30Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M18 38H14V42H18V38Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M26 38H22V42H26V38Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M34 38H30V42H34V38Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M50 28H46V32H50V28Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M50 36H46V40H50V36Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M50 44H46V48H50V44Z"
+  d: "M18 14h-4v4h4v-4Zm8 0h-4v4h4v-4Zm-8 8h-4v4h4v-4Zm8 0h-4v4h4v-4Zm-8 8h-4v4h4v-4Zm8 0h-4v4h4v-4Zm8-16h-4v4h4v-4Zm0 8h-4v4h4v-4Zm0 8h-4v4h4v-4Zm-16 8h-4v4h4v-4Zm8 0h-4v4h4v-4Zm8 0h-4v4h4v-4Zm16-10h-4v4h4v-4Zm0 8h-4v4h4v-4Zm0 8h-4v4h4v-4Z"
 }));
 
 export default SvgOfficeBranch;

package/es/reactsvgs/PullRequest.js

@@ -2,17 +2,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import * as React from 'react';
 
-var PullRequest = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-  "aria-hidden": !props['aria-label'],
-  focusable: "false",
-  width: "64",
-  height: "64",
+var SvgPullRequest = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
-  xmlns: "http://www.w3.org/2000/svg"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M22 12.821C22.0006 11.5227 21.6401 10.2498 20.9588 9.14454C20.2774 8.03932 19.3022 7.14536 18.142 6.56259C16.9817 5.97983 15.6823 5.73122 14.3889 5.84456C13.0955 5.9579 11.8591 6.42872 10.818 7.20439C9.7768 7.98007 8.97187 9.03002 8.49316 10.2369C8.01446 11.4438 7.88083 12.76 8.10723 14.0385C8.33363 15.3169 8.91113 16.5072 9.77517 17.4763C10.6392 18.4454 11.7558 19.1551 13 19.526V44.474C11.3887 44.9544 10.0041 45.9988 9.09945 47.4161C8.19482 48.8334 7.83057 50.529 8.07332 52.1928C8.31606 53.8566 9.14958 55.3775 10.4215 56.4772C11.6933 57.577 13.3186 58.1822 15 58.1822C16.6814 58.1822 18.3066 57.577 19.5785 56.4772C20.8504 55.3775 21.6839 53.8566 21.9267 52.1928C22.1694 50.529 21.8052 48.8334 20.9005 47.4161C19.9959 45.9988 18.6113 44.9544 17 44.474V19.526C18.4432 19.0941 19.7089 18.2086 20.6095 17.0009C21.5101 15.7933 21.9977 14.3276 22 12.821ZM12 12.821C12 12.2277 12.1759 11.6477 12.5056 11.1543C12.8352 10.661 13.3038 10.2765 13.8519 10.0494C14.4001 9.82234 15.0033 9.76293 15.5853 9.87868C16.1672 9.99444 16.7017 10.2802 17.1213 10.6997C17.5409 11.1193 17.8266 11.6538 17.9423 12.2358C18.0581 12.8177 17.9987 13.4209 17.7716 13.9691C17.5446 14.5173 17.16 14.9858 16.6667 15.3154C16.1733 15.6451 15.5933 15.821 15 15.821C14.2043 15.821 13.4413 15.505 12.8787 14.9424C12.3161 14.3798 12 13.6167 12 12.821ZM18 51.179C18 51.7724 17.824 52.3524 17.4944 52.8457C17.1648 53.3391 16.6962 53.7236 16.148 53.9507C15.5999 54.1777 14.9967 54.2372 14.4147 54.1214C13.8328 54.0056 13.2982 53.7199 12.8787 53.3004C12.4591 52.8808 12.1734 52.3463 12.0576 51.7643C11.9419 51.1824 12.0013 50.5792 12.2283 50.031C12.4554 49.4828 12.8399 49.0143 13.3333 48.6846C13.8266 48.355 14.4066 48.179 15 48.179C15.7956 48.179 16.5587 48.4951 17.1213 49.0577C17.6839 49.6203 18 50.3834 18 51.179Z"
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M51 44.474V21.821C50.9968 19.1698 49.9422 16.6282 48.0676 14.7535C46.1929 12.8788 43.6512 11.8242 41 11.821H33.1L36.6 8.19004L33.721 5.41504L25.589 13.855L34.029 21.986L36.805 19.105L33.4 15.821H41C42.5907 15.8229 44.1158 16.4556 45.2406 17.5804C46.3654 18.7053 46.9981 20.2303 47 21.821V44.474C45.3887 44.9544 44.0041 45.9988 43.0995 47.4161C42.1948 48.8334 41.8306 50.529 42.0733 52.1928C42.3161 53.8566 43.1496 55.3775 44.4215 56.4772C45.6933 57.577 47.3186 58.1822 49 58.1822C50.6814 58.1822 52.3066 57.577 53.5785 56.4772C54.8504 55.3775 55.6839 53.8566 55.9267 52.1928C56.1694 50.529 55.8052 48.8334 54.9005 47.4161C53.9959 45.9988 52.6113 44.9544 51 44.474ZM49 54.179C48.4066 54.179 47.8266 54.0031 47.3333 53.6734C46.8399 53.3438 46.4554 52.8753 46.2284 52.3271C46.0013 51.7789 45.9419 51.1757 46.0576 50.5938C46.1734 50.0118 46.4591 49.4773 46.8787 49.0577C47.2982 48.6382 47.8328 48.3524 48.4147 48.2367C48.9967 48.1209 49.5999 48.1803 50.148 48.4074C50.6962 48.6345 51.1647 49.019 51.4944 49.5123C51.824 50.0057 52 50.5857 52 51.179C52 51.9747 51.6839 52.7377 51.1213 53.3004C50.5587 53.863 49.7956 54.179 49 54.179Z"
+  d: "M22 12.821a7 7 0 1 0-9 6.705v24.948a7 7 0 1 0 4 0V19.526a7.01 7.01 0 0 0 5-6.705Zm-10 0a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm6 38.358a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm33-6.705V21.821a10.012 10.012 0 0 0-10-10h-7.9l3.5-3.631-2.879-2.775-8.132 8.44 8.44 8.131 2.776-2.881-3.405-3.284H41a6.007 6.007 0 0 1 6 6v22.653a7 7 0 1 0 4 0Zm-2 9.705a3 3 0 1 1 0-5.999 3 3 0 0 1 0 5.999Z"
 }));
 
-export default PullRequest;
+export default SvgPullRequest;

package/es/reactsvgs/SecurityBots.js

@@ -6,16 +6,11 @@ var SvgSecurityBots = props => /*#__PURE__*/React.createElement("svg", _extends(
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "aria-hidden": !props['aria-label'],
-  focusable: "false",
-  fill: "none"
+  focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M53.984 21.1509H34V15.3699C34.7626 14.9296 35.3585 14.25 35.6955 13.4365C36.0325 12.623 36.0916 11.721 35.8637 10.8705C35.6358 10.02 35.1336 9.26838 34.435 8.73235C33.7365 8.19631 32.8805 7.90576 32 7.90576C31.1195 7.90576 30.2635 8.19631 29.5649 8.73235C28.8664 9.26838 28.3642 10.02 28.1363 10.8705C27.9084 11.721 27.9675 12.623 28.3045 13.4365C28.6414 14.25 29.2374 14.9296 30 15.3699V21.1509H10.016L8.01599 23.1509V53.9259L10.016 55.9259H53.984L55.984 53.9259V23.1509L53.984 21.1509ZM51.984 51.9259H12.016V25.1509H51.984V51.9259Z"
+  d: "M53.984 21.15H34v-5.78a4 4 0 1 0-4 0v5.78H10.016l-2 2v30.776l2 2h43.968l2-2V23.15l-2-2Zm-2 30.776H12.016V25.15h39.968v26.775Z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M22.677 38.0579C24.5111 38.0579 25.998 36.5679 25.998 34.7299C25.998 32.8919 24.5111 31.4019 22.677 31.4019C20.8429 31.4019 19.356 32.8919 19.356 34.7299C19.356 36.5679 20.8429 38.0579 22.677 38.0579Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M41.323 38.0579C43.1571 38.0579 44.644 36.5679 44.644 34.7299C44.644 32.8919 43.1571 31.4019 41.323 31.4019C39.4889 31.4019 38.002 32.8919 38.002 34.7299C38.002 36.5679 39.4889 38.0579 41.323 38.0579Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M38.323 42.3319H25.678V46.3319H38.323V42.3319Z"
+  d: "M22.677 38.058a3.325 3.325 0 0 0 3.321-3.328 3.325 3.325 0 0 0-3.321-3.328 3.325 3.325 0 0 0-3.321 3.328 3.325 3.325 0 0 0 3.321 3.328Zm18.646 0a3.325 3.325 0 0 0 3.321-3.328 3.325 3.325 0 0 0-3.321-3.328 3.325 3.325 0 0 0-3.321 3.328 3.325 3.325 0 0 0 3.321 3.328Zm-3 4.274H25.678v4h12.645v-4Z"
 }));
 
 export default SvgSecurityBots;

package/es/reactsvgs/SecurityWaf.js

@@ -0,0 +1,14 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+
+var SvgSecurityWaf = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 64 64",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m58 33.94 2-2v-12l-2-2h-8.4V8l-2-2H6L4 8v12l2 2h8.39v8H6l-2 2v12l2 2h8.39v10l2 2H58l2-2V44l-2-2h-8.4v-8l8.4-.06Zm-2-4H39.19V22H56v7.94ZM45.6 10v8H28.8v-8h16.8ZM8 10h16.8v8H8v-8Zm10.39 12h16.8v8h-16.8v-8ZM8 33.94h16.8v8H8v-8ZM18.39 54v-8h16.8v8h-16.8ZM56 54H39.19v-8H56v8ZM45.61 42H28.8v-8h16.8l.01 8Z"
+}));
+
+export default SvgSecurityWaf;

package/es/reactsvgs/Trace.js

@@ -4,18 +4,13 @@ import * as React from 'react';
 
 var SvgTrace = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
   xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 62 52",
   "aria-hidden": !props['aria-label'],
-  width: "80",
-  height: "80",
-  viewBox: "0 0 80 80"
-}), /*#__PURE__*/React.createElement("rect", {
-  width: "80",
-  height: "80",
-  fill: "none"
+  focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M25.418 14.7577C22.6565 14.7577 20.418 16.9963 20.418 19.7577V27.2189C20.418 29.9804 22.6565 32.2189 25.418 32.2189H38V39.7556H19C16.2386 39.7556 14 41.9942 14 44.7556V51.5398C11.1119 52.3994 9.00586 55.0749 9.00586 58.2423C9.00586 62.104 12.1364 65.2345 15.998 65.2345C19.8597 65.2345 22.9902 62.104 22.9902 58.2423C22.9902 55.0764 20.8861 52.4019 18 51.5409V44.7556C18 44.2033 18.4477 43.7556 19 43.7556H38V51.5482C35.1129 52.4085 33.0078 55.0835 33.0078 58.2501C33.0078 62.1118 36.1383 65.2423 40 65.2423C43.8617 65.2423 46.9922 62.1118 46.9922 58.2501C46.9922 55.0835 44.8871 52.4085 42 51.5482V43.7556H61C61.5523 43.7556 62 44.2033 62 44.7556V51.537C59.1139 52.3979 57.0098 55.0725 57.0098 58.2384C57.0098 62.1001 60.1403 65.2306 64.002 65.2306C67.8636 65.2306 70.9941 62.1001 70.9941 58.2384C70.9941 55.071 68.8881 52.3955 66 51.5359V44.7556C66 41.9942 63.7614 39.7556 61 39.7556H42V32.2189H54.582C57.3435 32.2189 59.582 29.9804 59.582 27.2189V19.7577C59.582 16.9963 57.3435 14.7577 54.582 14.7577H25.418ZM24.418 19.7577C24.418 19.2054 24.8657 18.7577 25.418 18.7577H54.582C55.1343 18.7577 55.582 19.2054 55.582 19.7577V27.2189C55.582 27.7712 55.1343 28.2189 54.582 28.2189H25.418C24.8657 28.2189 24.418 27.7712 24.418 27.2189V19.7577ZM15.998 61.2345C17.6506 61.2345 18.9902 59.8948 18.9902 58.2423C18.9902 56.5898 17.6506 55.2501 15.998 55.2501C14.3455 55.2501 13.0059 56.5898 13.0059 58.2423C13.0059 59.8948 14.3455 61.2345 15.998 61.2345ZM66.9941 58.2384C66.9941 59.8909 65.6545 61.2306 64.002 61.2306C62.3494 61.2306 61.0098 59.8909 61.0098 58.2384C61.0098 56.5859 62.3494 55.2462 64.002 55.2462C65.6545 55.2462 66.9941 56.5859 66.9941 58.2384ZM40 61.2423C41.6525 61.2423 42.9922 59.9027 42.9922 58.2501C42.9922 56.5976 41.6525 55.2579 40 55.2579C38.3475 55.2579 37.0078 56.5976 37.0078 58.2501C37.0078 59.9027 38.3475 61.2423 40 61.2423Z"
+  fillRule: "evenodd",
+  d: "M16.418.758a5 5 0 0 0-5 5v7.461a5 5 0 0 0 5 5H29v7.537H10a5 5 0 0 0-5 5v6.784a6.992 6.992 0 1 0 4 .001v-6.785a1 1 0 0 1 1-1h19v7.792a6.992 6.992 0 1 0 4 0v-7.792h19a1 1 0 0 1 1 1v6.781a6.992 6.992 0 1 0 4-.001v-6.78a5 5 0 0 0-5-5H33v-7.537h12.582a5 5 0 0 0 5-5V5.758a5 5 0 0 0-5-5H16.418Zm-1 5a1 1 0 0 1 1-1h29.164a1 1 0 0 1 1 1v7.461a1 1 0 0 1-1 1H16.418a1 1 0 0 1-1-1V5.758Zm-8.42 41.477a2.992 2.992 0 1 0 0-5.985 2.992 2.992 0 0 0 0 5.985Zm50.996-2.996a2.992 2.992 0 1 1-5.984 0 2.992 2.992 0 0 1 5.984 0ZM31 47.242a2.992 2.992 0 1 0 0-5.984 2.992 2.992 0 0 0 0 5.984Z",
+  clipRule: "evenodd"
 }));
 
 export default SvgTrace;

package/es/reactsvgs/TrafficAttackBrowser.js

@@ -2,23 +2,17 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import * as React from 'react';
 
-var TrafficAttackBrowser = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-  "aria-hidden": !props['aria-label'],
-  focusable: "false",
-  width: "64",
-  height: "64",
+var SvgTrafficAttackBrowser = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
-  xmlns: "http://www.w3.org/2000/svg"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M14.51 21.4499C15.6643 21.4499 16.6 20.5142 16.6 19.3599C16.6 18.2056 15.6643 17.2699 14.51 17.2699C13.3557 17.2699 12.42 18.2056 12.42 19.3599C12.42 20.5142 13.3557 21.4499 14.51 21.4499Z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M21.2 21.4499C22.3543 21.4499 23.29 20.5142 23.29 19.3599C23.29 18.2056 22.3543 17.2699 21.2 17.2699C20.0457 17.2699 19.11 18.2056 19.11 19.3599C19.11 20.5142 20.0457 21.4499 21.2 21.4499Z"
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M27.9 21.4499C29.0543 21.4499 29.99 20.5142 29.99 19.3599C29.99 18.2056 29.0543 17.2699 27.9 17.2699C26.7457 17.2699 25.81 18.2056 25.81 19.3599C25.81 20.5142 26.7457 21.4499 27.9 21.4499Z"
+  d: "M14.51 21.45a2.09 2.09 0 1 0 0-4.18 2.09 2.09 0 0 0 0 4.18Zm6.69 0a2.09 2.09 0 1 0 0-4.18 2.09 2.09 0 0 0 0 4.18Zm6.7 0a2.09 2.09 0 1 0 0-4.18 2.09 2.09 0 0 0 0 4.18Z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M56 11.9199H8L6 13.9199V53.7899L8 55.7899H56L58 53.7899V13.9199L56 11.9199ZM54 15.9199V22.7999H10V15.9199H54ZM10 51.7899V26.7899H54V51.7899H10Z"
+  d: "M56 11.92H8l-2 2v39.87l2 2h48l2-2V13.92l-2-2Zm-2 4v6.88H10v-6.88h44ZM10 51.79v-25h44v25H10Z"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M41.35 31.7999L38.5 28.9899L32 35.5699L25.42 29.0599L22.61 31.9099L29.19 38.4099L22.68 44.9899L25.52 47.7999L32.03 41.2299L38.61 47.7299L41.42 44.8899L34.84 38.3799L41.35 31.7999Z"
+  d: "m41.35 31.8-2.85-2.81-6.5 6.58-6.58-6.51-2.81 2.85 6.58 6.5-6.51 6.58 2.84 2.81 6.51-6.57 6.58 6.5 2.81-2.84-6.58-6.51 6.51-6.58Z"
 }));
 
-export default TrafficAttackBrowser;
+export default SvgTrafficAttackBrowser;

package/es/reactsvgs/index.js

@@ -1,9 +1,11 @@
+import Dlp from './Dlp';
 import AccountAnalyticsLogo from './AccountAnalyticsLogo';
-import Add from './Add';
 import AddMember from './AddMember';
-import Api from './Api';
+import Add from './Add';
 import ApiSecurity from './ApiSecurity';
+import Api from './Api';
 import Applications from './Applications';
+import ArrowExternalLink from './ArrowExternalLink';
 import Backward from './Backward';
 import Bolt from './Bolt';
 import Byoip from './Byoip';
@@ -30,7 +32,6 @@ import D1 from './D1';
 import DdosAttack from './DdosAttack';
 import Discord from './Discord';
 import Discover from './Discover';
-import Dlp from './Dlp';
 import Documentation from './Documentation';
 import Download from './Download';
 import Drive from './Drive';
@@ -72,14 +73,14 @@ import MagicTransitLogo from './MagicTransitLogo';
 import Mail from './Mail';
 import Minus from './Minus';
 import More from './More';
-import Network from './Network';
 import NetworkAnalyticsLogo from './NetworkAnalyticsLogo';
 import NetworkSecurity from './NetworkSecurity';
+import Network from './Network';
 import None from './None';
 import Notifications from './Notifications';
 import OfficeBranch from './OfficeBranch';
-import Ok from './Ok';
 import OkSign from './OkSign';
+import Ok from './Ok';
 import OptimizationScale from './OptimizationScale';
 import PagesLogo from './PagesLogo';
 import Pause from './Pause';
@@ -103,13 +104,13 @@ import Revert from './Revert';
 import Right from './Right';
 import Script from './Script';
 import Search from './Search';
-import SecurityWall from './SecurityWall';
 import SecurityBots from './SecurityBots';
+import SecurityWaf from './SecurityWaf';
 import Shield from './Shield';
 import Spectrum from './Spectrum';
 import Speech from './Speech';
-import Star from './Star';
 import StarOutline from './StarOutline';
+import Star from './Star';
 import Stream from './Stream';
 import Subtract from './Subtract';
 import TailWorker from './TailWorker';
@@ -123,13 +124,13 @@ import Twitter from './Twitter';
 import TwoWay from './TwoWay';
 import UnlockOutline from './UnlockOutline';
 import Upload from './Upload';
-import User from './User';
 import UserMulti from './UserMulti';
 import UserOutline from './UserOutline';
+import User from './User';
 import Version from './Version';
 import WaitingRoom from './WaitingRoom';
-import Web3 from './Web3';
 import WebAnalyticsLogo from './WebAnalyticsLogo';
+import Web3 from './Web3';
 import WorkersBundled from './WorkersBundled';
 import WorkersConstellation from './WorkersConstellation';
 import WorkersDurableObjects from './WorkersDurableObjects';
@@ -151,6 +152,7 @@ export default {
   'api-security': ApiSecurity,
   api: Api,
   applications: Applications,
+  'arrow-external-link': ArrowExternalLink,
   backward: Backward,
   bolt: Bolt,
   byoip: Byoip,
@@ -174,10 +176,10 @@ export default {
   copy: Copy,
   'credit-card': CreditCard,
   d1: D1,
+  'ddos-attack': DdosAttack,
   discord: Discord,
   discover: Discover,
   documentation: Documentation,
-  'ddos-attack': DdosAttack,
   download: Download,
   drive: Drive,
   edgeworker: Edgeworker,
@@ -249,8 +251,8 @@ export default {
   right: Right,
   script: Script,
   search: Search,
-  'security-waf': SecurityWall,
   'security-bots': SecurityBots,
+  'security-waf': SecurityWaf,
   shield: Shield,
   spectrum: Spectrum,
   speech: Speech,
@@ -262,8 +264,8 @@ export default {
   teams: Teams,
   terraform: Terraform,
   time: Time,
-  'traffic-attack-browser': TrafficAttackBrowser,
   trace: Trace,
+  'traffic-attack-browser': TrafficAttackBrowser,
   turnstile: Turnstile,
   twitter: Twitter,
   'two-way': TwoWay,

package/lib/Example.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Example = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _elements = require("@cloudflare/elements");
+
+var _Icon = _interopRequireDefault(require("./Icon"));
+
+var _index = _interopRequireDefault(require("./reactsvgs/index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TYPES = Object.keys(_index.default);
+
+var Example = function Example() {
+  return /*#__PURE__*/_react.default.createElement(_elements.Div, {
+    mt: 4,
+    px: 4,
+    py: 4
+  }, /*#__PURE__*/_react.default.createElement(_elements.H2, {
+    mb: 4,
+    textAlign: "center"
+  }, "Icons preview"), /*#__PURE__*/_react.default.createElement(_elements.Div, {
+    display: "grid",
+    style: {
+      gridTemplateColumns: 'repeat(10, 1fr)'
+    }
+  }, TYPES.map(function (t) {
+    return /*#__PURE__*/_react.default.createElement(_elements.Div, {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      px: 0,
+      py: 2
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      size: 32,
+      type: t
+    }), /*#__PURE__*/_react.default.createElement(_elements.Code, {
+      bg: "transparent",
+      mt: 1,
+      fontSize: 0
+    }, t));
+  })));
+};
+
+exports.Example = Example;

package/lib/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Example", {
+  enumerable: true,
+  get: function get() {
+    return _Example.Example;
+  }
+});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function get() {
@@ -12,4 +18,6 @@ Object.defineProperty(exports, "Icon", {
 
 var _Icon = _interopRequireDefault(require("./Icon"));
 
+var _Example = require("./Example");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/reactsvgs/{SecurityWall.js → ArrowExternalLink.js}

@@ -15,17 +15,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var SvgSecurityWall = function SvgSecurityWall(props) {
+var SvgArrowExternalLink = function SvgArrowExternalLink(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64",
     "aria-hidden": !props['aria-label'],
-    focusable: "false",
-    fill: "none"
+    focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M58 33.94L60 31.94V19.94L58 17.94H49.6V8L47.6 6H6L4 8V20L6 22H14.39V30H6L4 32V44L6 46H14.39V56L16.39 58H58L60 56V44L58 42H49.6V34L58 33.94ZM56 29.94H39.19V22H47.6H56V29.94ZM45.6 10V18H28.8V10H45.6ZM8 10H24.8V18H16.39H8V10ZM18.39 22H35.19V30H18.39V22ZM8 33.94H24.8V41.94H16.39H8V33.94ZM18.39 54V46H35.19V54H18.39ZM56 54H39.19V46H47.6H56V54ZM45.61 42H28.8V34H45.6L45.61 42Z"
+    d: "m15.983 16.26.034 4 27.115-.22-28.546 28.546 2.828 2.828L45.96 22.868l-.22 27.115 4 .034.277-34.034-34.034.277Z"
   }));
 };
 
-var _default = SvgSecurityWall;
+var _default = SvgArrowExternalLink;
 exports.default = _default;

package/lib/reactsvgs/CaseStudy.js

@@ -15,20 +15,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var CaseStudy = function CaseStudy(props) {
+var SvgCaseStudy = function SvgCaseStudy(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-    "aria-hidden": !props['aria-label'],
-    focusable: "false",
-    width: "64",
-    height: "64",
+    xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64",
-    xmlns: "http://www.w3.org/2000/svg"
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M55.41 22.59L39.41 6.59L38 6H18L16 8V16H20V10H36V24L38 26H52V54H20V48H16V56L18 58H54L56 56V24L55.41 22.59ZM40 22V12.84L44.58 17.42L49.17 22H40Z"
+    d: "m55.41 22.59-16-16L38 6H18l-2 2v8h4v-6h16v14l2 2h14v28H20v-6h-4v8l2 2h36l2-2V24l-.59-1.41ZM40 22v-9.16l4.58 4.58L49.17 22H40Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M26.26 41.79L35.09 49.79L37.78 46.79L28.95 38.79C30.6744 36.1541 31.3429 32.9655 30.8222 29.859C30.3015 26.7525 28.63 23.956 26.1403 22.0265C23.6507 20.0969 20.5257 19.1758 17.3875 19.4466C14.2493 19.7173 11.3283 21.1601 9.20591 23.4875C7.08357 25.815 5.91569 28.8565 5.9348 32.0062C5.95392 35.156 7.15863 38.183 9.30906 40.4846C11.4595 42.7861 14.3979 44.1933 17.5391 44.426C20.6803 44.6586 23.794 43.6996 26.26 41.74V41.79ZM9.99998 32C9.99998 30.3189 10.4985 28.6755 11.4325 27.2777C12.3665 25.8798 13.694 24.7904 15.2472 24.147C16.8003 23.5037 18.5094 23.3354 20.1582 23.6633C21.8071 23.9913 23.3216 24.8008 24.5104 25.9896C25.6991 27.1783 26.5087 28.6929 26.8367 30.3417C27.1646 31.9906 26.9963 33.6996 26.353 35.2528C25.7096 36.806 24.6201 38.1335 23.2223 39.0675C21.8245 40.0015 20.1811 40.5 18.5 40.5C16.2465 40.4974 14.086 39.601 12.4925 38.0075C10.899 36.414 10.0026 34.2535 9.99998 32Z"
+    d: "m26.26 41.79 8.83 8 2.69-3-8.83-8a12.53 12.53 0 1 0-2.69 2.95v.05ZM10 32a8.5 8.5 0 1 1 8.5 8.5A8.51 8.51 0 0 1 10 32Z"
   }));
 };
 
-var _default = CaseStudy;
+var _default = SvgCaseStudy;
 exports.default = _default;

package/lib/reactsvgs/DdosAttack.js

@@ -20,36 +20,9 @@ var SvgDdosAttack = function SvgDdosAttack(props) {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64",
     "aria-hidden": !props['aria-label'],
-    focusable: "false",
-    fill: "none"
+    focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.48 5.94995H21.99V9.94995H32.48V5.94995Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M39.85 11.28H21.99V15.28H39.85V11.28Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M56 16.62H12.49V20.62H56V16.62Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M49.17 21.95H31.99V25.95H49.17V21.95Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26.67 21.95H17.49V25.95H26.67V21.95Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M44.41 27.28H21.49V31.28H44.41V27.28Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M44.41 32.6199H30.92V36.6199H44.41V32.6199Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M21.49 32.6199H8V36.6199H21.49V32.6199Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M35.48 37.95H8V41.95H35.48V37.95Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M49.17 37.95H41.69V41.95H49.17V37.95Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M39.85 43.2799H31.91V47.2799H39.85V43.2799Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26.26 43.2799H18.32V47.2799H26.26V43.2799Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M35.48 48.6199H13.43V52.6199H35.48V48.6199Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M35.48 53.95H21.04V57.95H35.48V53.95Z"
+    d: "M32.48 5.95H21.99v4h10.49v-4Zm7.37 5.33H21.99v4h17.86v-4ZM56 16.62H12.49v4H56v-4Zm-6.83 5.33H31.99v4h17.18v-4Zm-22.5 0h-9.18v4h9.18v-4Zm17.74 5.33H21.49v4h22.92v-4Zm0 5.34H30.92v4h13.49v-4Zm-22.92 0H8v4h13.49v-4Zm13.99 5.33H8v4h27.48v-4Zm13.69 0h-7.48v4h7.48v-4Zm-9.32 5.33h-7.94v4h7.94v-4Zm-13.59 0h-7.94v4h7.94v-4Zm9.22 5.34H13.43v4h22.05v-4Zm0 5.33H21.04v4h14.44v-4Z"
   }));
 };
 

package/lib/reactsvgs/OfficeBranch.js

@@ -22,37 +22,9 @@ var SvgOfficeBranch = function SvgOfficeBranch(props) {
     "aria-hidden": !props['aria-label'],
     focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M56 20H42V8L40 6H8L6 8V54L8 56H56L58 54V22L56 20ZM10 10H38V52H28V46H20V52H10V10ZM54 52H42V24H54V52Z"
+    d: "M56 20H42V8l-2-2H8L6 8v46l2 2h48l2-2V22l-2-2ZM10 10h28v42H28v-6h-8v6H10V10Zm44 42H42V24h12v28Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 14H14V18H18V14Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26 14H22V18H26V14Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 22H14V26H18V22Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26 22H22V26H26V22Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 30H14V34H18V30Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26 30H22V34H26V30Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M34 14H30V18H34V14Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M34 22H30V26H34V22Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M34 30H30V34H34V30Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 38H14V42H18V38Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26 38H22V42H26V38Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M34 38H30V42H34V38Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M50 28H46V32H50V28Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M50 36H46V40H50V36Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M50 44H46V48H50V44Z"
+    d: "M18 14h-4v4h4v-4Zm8 0h-4v4h4v-4Zm-8 8h-4v4h4v-4Zm8 0h-4v4h4v-4Zm-8 8h-4v4h4v-4Zm8 0h-4v4h4v-4Zm8-16h-4v4h4v-4Zm0 8h-4v4h4v-4Zm0 8h-4v4h4v-4Zm-16 8h-4v4h4v-4Zm8 0h-4v4h4v-4Zm8 0h-4v4h4v-4Zm16-10h-4v4h4v-4Zm0 8h-4v4h4v-4Zm0 8h-4v4h4v-4Z"
   }));
 };
 

package/lib/reactsvgs/PullRequest.js

@@ -15,20 +15,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var PullRequest = function PullRequest(props) {
+var SvgPullRequest = function SvgPullRequest(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-    "aria-hidden": !props['aria-label'],
-    focusable: "false",
-    width: "64",
-    height: "64",
+    xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64",
-    xmlns: "http://www.w3.org/2000/svg"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M22 12.821C22.0006 11.5227 21.6401 10.2498 20.9588 9.14454C20.2774 8.03932 19.3022 7.14536 18.142 6.56259C16.9817 5.97983 15.6823 5.73122 14.3889 5.84456C13.0955 5.9579 11.8591 6.42872 10.818 7.20439C9.7768 7.98007 8.97187 9.03002 8.49316 10.2369C8.01446 11.4438 7.88083 12.76 8.10723 14.0385C8.33363 15.3169 8.91113 16.5072 9.77517 17.4763C10.6392 18.4454 11.7558 19.1551 13 19.526V44.474C11.3887 44.9544 10.0041 45.9988 9.09945 47.4161C8.19482 48.8334 7.83057 50.529 8.07332 52.1928C8.31606 53.8566 9.14958 55.3775 10.4215 56.4772C11.6933 57.577 13.3186 58.1822 15 58.1822C16.6814 58.1822 18.3066 57.577 19.5785 56.4772C20.8504 55.3775 21.6839 53.8566 21.9267 52.1928C22.1694 50.529 21.8052 48.8334 20.9005 47.4161C19.9959 45.9988 18.6113 44.9544 17 44.474V19.526C18.4432 19.0941 19.7089 18.2086 20.6095 17.0009C21.5101 15.7933 21.9977 14.3276 22 12.821ZM12 12.821C12 12.2277 12.1759 11.6477 12.5056 11.1543C12.8352 10.661 13.3038 10.2765 13.8519 10.0494C14.4001 9.82234 15.0033 9.76293 15.5853 9.87868C16.1672 9.99444 16.7017 10.2802 17.1213 10.6997C17.5409 11.1193 17.8266 11.6538 17.9423 12.2358C18.0581 12.8177 17.9987 13.4209 17.7716 13.9691C17.5446 14.5173 17.16 14.9858 16.6667 15.3154C16.1733 15.6451 15.5933 15.821 15 15.821C14.2043 15.821 13.4413 15.505 12.8787 14.9424C12.3161 14.3798 12 13.6167 12 12.821ZM18 51.179C18 51.7724 17.824 52.3524 17.4944 52.8457C17.1648 53.3391 16.6962 53.7236 16.148 53.9507C15.5999 54.1777 14.9967 54.2372 14.4147 54.1214C13.8328 54.0056 13.2982 53.7199 12.8787 53.3004C12.4591 52.8808 12.1734 52.3463 12.0576 51.7643C11.9419 51.1824 12.0013 50.5792 12.2283 50.031C12.4554 49.4828 12.8399 49.0143 13.3333 48.6846C13.8266 48.355 14.4066 48.179 15 48.179C15.7956 48.179 16.5587 48.4951 17.1213 49.0577C17.6839 49.6203 18 50.3834 18 51.179Z"
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M51 44.474V21.821C50.9968 19.1698 49.9422 16.6282 48.0676 14.7535C46.1929 12.8788 43.6512 11.8242 41 11.821H33.1L36.6 8.19004L33.721 5.41504L25.589 13.855L34.029 21.986L36.805 19.105L33.4 15.821H41C42.5907 15.8229 44.1158 16.4556 45.2406 17.5804C46.3654 18.7053 46.9981 20.2303 47 21.821V44.474C45.3887 44.9544 44.0041 45.9988 43.0995 47.4161C42.1948 48.8334 41.8306 50.529 42.0733 52.1928C42.3161 53.8566 43.1496 55.3775 44.4215 56.4772C45.6933 57.577 47.3186 58.1822 49 58.1822C50.6814 58.1822 52.3066 57.577 53.5785 56.4772C54.8504 55.3775 55.6839 53.8566 55.9267 52.1928C56.1694 50.529 55.8052 48.8334 54.9005 47.4161C53.9959 45.9988 52.6113 44.9544 51 44.474ZM49 54.179C48.4066 54.179 47.8266 54.0031 47.3333 53.6734C46.8399 53.3438 46.4554 52.8753 46.2284 52.3271C46.0013 51.7789 45.9419 51.1757 46.0576 50.5938C46.1734 50.0118 46.4591 49.4773 46.8787 49.0577C47.2982 48.6382 47.8328 48.3524 48.4147 48.2367C48.9967 48.1209 49.5999 48.1803 50.148 48.4074C50.6962 48.6345 51.1647 49.019 51.4944 49.5123C51.824 50.0057 52 50.5857 52 51.179C52 51.9747 51.6839 52.7377 51.1213 53.3004C50.5587 53.863 49.7956 54.179 49 54.179Z"
+    d: "M22 12.821a7 7 0 1 0-9 6.705v24.948a7 7 0 1 0 4 0V19.526a7.01 7.01 0 0 0 5-6.705Zm-10 0a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm6 38.358a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm33-6.705V21.821a10.012 10.012 0 0 0-10-10h-7.9l3.5-3.631-2.879-2.775-8.132 8.44 8.44 8.131 2.776-2.881-3.405-3.284H41a6.007 6.007 0 0 1 6 6v22.653a7 7 0 1 0 4 0Zm-2 9.705a3 3 0 1 1 0-5.999 3 3 0 0 1 0 5.999Z"
   }));
 };
 
-var _default = PullRequest;
+var _default = SvgPullRequest;
 exports.default = _default;

package/lib/reactsvgs/SecurityBots.js

@@ -20,16 +20,11 @@ var SvgSecurityBots = function SvgSecurityBots(props) {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64",
     "aria-hidden": !props['aria-label'],
-    focusable: "false",
-    fill: "none"
+    focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M53.984 21.1509H34V15.3699C34.7626 14.9296 35.3585 14.25 35.6955 13.4365C36.0325 12.623 36.0916 11.721 35.8637 10.8705C35.6358 10.02 35.1336 9.26838 34.435 8.73235C33.7365 8.19631 32.8805 7.90576 32 7.90576C31.1195 7.90576 30.2635 8.19631 29.5649 8.73235C28.8664 9.26838 28.3642 10.02 28.1363 10.8705C27.9084 11.721 27.9675 12.623 28.3045 13.4365C28.6414 14.25 29.2374 14.9296 30 15.3699V21.1509H10.016L8.01599 23.1509V53.9259L10.016 55.9259H53.984L55.984 53.9259V23.1509L53.984 21.1509ZM51.984 51.9259H12.016V25.1509H51.984V51.9259Z"
+    d: "M53.984 21.15H34v-5.78a4 4 0 1 0-4 0v5.78H10.016l-2 2v30.776l2 2h43.968l2-2V23.15l-2-2Zm-2 30.776H12.016V25.15h39.968v26.775Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M22.677 38.0579C24.5111 38.0579 25.998 36.5679 25.998 34.7299C25.998 32.8919 24.5111 31.4019 22.677 31.4019C20.8429 31.4019 19.356 32.8919 19.356 34.7299C19.356 36.5679 20.8429 38.0579 22.677 38.0579Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.323 38.0579C43.1571 38.0579 44.644 36.5679 44.644 34.7299C44.644 32.8919 43.1571 31.4019 41.323 31.4019C39.4889 31.4019 38.002 32.8919 38.002 34.7299C38.002 36.5679 39.4889 38.0579 41.323 38.0579Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M38.323 42.3319H25.678V46.3319H38.323V42.3319Z"
+    d: "M22.677 38.058a3.325 3.325 0 0 0 3.321-3.328 3.325 3.325 0 0 0-3.321-3.328 3.325 3.325 0 0 0-3.321 3.328 3.325 3.325 0 0 0 3.321 3.328Zm18.646 0a3.325 3.325 0 0 0 3.321-3.328 3.325 3.325 0 0 0-3.321-3.328 3.325 3.325 0 0 0-3.321 3.328 3.325 3.325 0 0 0 3.321 3.328Zm-3 4.274H25.678v4h12.645v-4Z"
   }));
 };
 

package/lib/reactsvgs/SecurityWaf.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgSecurityWaf = function SvgSecurityWaf(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 64 64",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m58 33.94 2-2v-12l-2-2h-8.4V8l-2-2H6L4 8v12l2 2h8.39v8H6l-2 2v12l2 2h8.39v10l2 2H58l2-2V44l-2-2h-8.4v-8l8.4-.06Zm-2-4H39.19V22H56v7.94ZM45.6 10v8H28.8v-8h16.8ZM8 10h16.8v8H8v-8Zm10.39 12h16.8v8h-16.8v-8ZM8 33.94h16.8v8H8v-8ZM18.39 54v-8h16.8v8h-16.8ZM56 54H39.19v-8H56v8ZM45.61 42H28.8v-8h16.8l.01 8Z"
+  }));
+};
+
+var _default = SvgSecurityWaf;
+exports.default = _default;

package/lib/reactsvgs/Trace.js

@@ -18,18 +18,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var SvgTrace = function SvgTrace(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
     xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 62 52",
     "aria-hidden": !props['aria-label'],
-    width: "80",
-    height: "80",
-    viewBox: "0 0 80 80"
-  }), /*#__PURE__*/React.createElement("rect", {
-    width: "80",
-    height: "80",
-    fill: "none"
+    focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
-    d: "M25.418 14.7577C22.6565 14.7577 20.418 16.9963 20.418 19.7577V27.2189C20.418 29.9804 22.6565 32.2189 25.418 32.2189H38V39.7556H19C16.2386 39.7556 14 41.9942 14 44.7556V51.5398C11.1119 52.3994 9.00586 55.0749 9.00586 58.2423C9.00586 62.104 12.1364 65.2345 15.998 65.2345C19.8597 65.2345 22.9902 62.104 22.9902 58.2423C22.9902 55.0764 20.8861 52.4019 18 51.5409V44.7556C18 44.2033 18.4477 43.7556 19 43.7556H38V51.5482C35.1129 52.4085 33.0078 55.0835 33.0078 58.2501C33.0078 62.1118 36.1383 65.2423 40 65.2423C43.8617 65.2423 46.9922 62.1118 46.9922 58.2501C46.9922 55.0835 44.8871 52.4085 42 51.5482V43.7556H61C61.5523 43.7556 62 44.2033 62 44.7556V51.537C59.1139 52.3979 57.0098 55.0725 57.0098 58.2384C57.0098 62.1001 60.1403 65.2306 64.002 65.2306C67.8636 65.2306 70.9941 62.1001 70.9941 58.2384C70.9941 55.071 68.8881 52.3955 66 51.5359V44.7556C66 41.9942 63.7614 39.7556 61 39.7556H42V32.2189H54.582C57.3435 32.2189 59.582 29.9804 59.582 27.2189V19.7577C59.582 16.9963 57.3435 14.7577 54.582 14.7577H25.418ZM24.418 19.7577C24.418 19.2054 24.8657 18.7577 25.418 18.7577H54.582C55.1343 18.7577 55.582 19.2054 55.582 19.7577V27.2189C55.582 27.7712 55.1343 28.2189 54.582 28.2189H25.418C24.8657 28.2189 24.418 27.7712 24.418 27.2189V19.7577ZM15.998 61.2345C17.6506 61.2345 18.9902 59.8948 18.9902 58.2423C18.9902 56.5898 17.6506 55.2501 15.998 55.2501C14.3455 55.2501 13.0059 56.5898 13.0059 58.2423C13.0059 59.8948 14.3455 61.2345 15.998 61.2345ZM66.9941 58.2384C66.9941 59.8909 65.6545 61.2306 64.002 61.2306C62.3494 61.2306 61.0098 59.8909 61.0098 58.2384C61.0098 56.5859 62.3494 55.2462 64.002 55.2462C65.6545 55.2462 66.9941 56.5859 66.9941 58.2384ZM40 61.2423C41.6525 61.2423 42.9922 59.9027 42.9922 58.2501C42.9922 56.5976 41.6525 55.2579 40 55.2579C38.3475 55.2579 37.0078 56.5976 37.0078 58.2501C37.0078 59.9027 38.3475 61.2423 40 61.2423Z"
+    fillRule: "evenodd",
+    d: "M16.418.758a5 5 0 0 0-5 5v7.461a5 5 0 0 0 5 5H29v7.537H10a5 5 0 0 0-5 5v6.784a6.992 6.992 0 1 0 4 .001v-6.785a1 1 0 0 1 1-1h19v7.792a6.992 6.992 0 1 0 4 0v-7.792h19a1 1 0 0 1 1 1v6.781a6.992 6.992 0 1 0 4-.001v-6.78a5 5 0 0 0-5-5H33v-7.537h12.582a5 5 0 0 0 5-5V5.758a5 5 0 0 0-5-5H16.418Zm-1 5a1 1 0 0 1 1-1h29.164a1 1 0 0 1 1 1v7.461a1 1 0 0 1-1 1H16.418a1 1 0 0 1-1-1V5.758Zm-8.42 41.477a2.992 2.992 0 1 0 0-5.985 2.992 2.992 0 0 0 0 5.985Zm50.996-2.996a2.992 2.992 0 1 1-5.984 0 2.992 2.992 0 0 1 5.984 0ZM31 47.242a2.992 2.992 0 1 0 0-5.984 2.992 2.992 0 0 0 0 5.984Z",
+    clipRule: "evenodd"
   }));
 };
 

package/lib/reactsvgs/TrafficAttackBrowser.js

@@ -15,26 +15,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var TrafficAttackBrowser = function TrafficAttackBrowser(props) {
+var SvgTrafficAttackBrowser = function SvgTrafficAttackBrowser(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-    "aria-hidden": !props['aria-label'],
-    focusable: "false",
-    width: "64",
-    height: "64",
+    xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64",
-    xmlns: "http://www.w3.org/2000/svg"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14.51 21.4499C15.6643 21.4499 16.6 20.5142 16.6 19.3599C16.6 18.2056 15.6643 17.2699 14.51 17.2699C13.3557 17.2699 12.42 18.2056 12.42 19.3599C12.42 20.5142 13.3557 21.4499 14.51 21.4499Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M21.2 21.4499C22.3543 21.4499 23.29 20.5142 23.29 19.3599C23.29 18.2056 22.3543 17.2699 21.2 17.2699C20.0457 17.2699 19.11 18.2056 19.11 19.3599C19.11 20.5142 20.0457 21.4499 21.2 21.4499Z"
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M27.9 21.4499C29.0543 21.4499 29.99 20.5142 29.99 19.3599C29.99 18.2056 29.0543 17.2699 27.9 17.2699C26.7457 17.2699 25.81 18.2056 25.81 19.3599C25.81 20.5142 26.7457 21.4499 27.9 21.4499Z"
+    d: "M14.51 21.45a2.09 2.09 0 1 0 0-4.18 2.09 2.09 0 0 0 0 4.18Zm6.69 0a2.09 2.09 0 1 0 0-4.18 2.09 2.09 0 0 0 0 4.18Zm6.7 0a2.09 2.09 0 1 0 0-4.18 2.09 2.09 0 0 0 0 4.18Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M56 11.9199H8L6 13.9199V53.7899L8 55.7899H56L58 53.7899V13.9199L56 11.9199ZM54 15.9199V22.7999H10V15.9199H54ZM10 51.7899V26.7899H54V51.7899H10Z"
+    d: "M56 11.92H8l-2 2v39.87l2 2h48l2-2V13.92l-2-2Zm-2 4v6.88H10v-6.88h44ZM10 51.79v-25h44v25H10Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M41.35 31.7999L38.5 28.9899L32 35.5699L25.42 29.0599L22.61 31.9099L29.19 38.4099L22.68 44.9899L25.52 47.7999L32.03 41.2299L38.61 47.7299L41.42 44.8899L34.84 38.3799L41.35 31.7999Z"
+    d: "m41.35 31.8-2.85-2.81-6.5 6.58-6.58-6.51-2.81 2.85 6.58 6.5-6.51 6.58 2.84 2.81 6.51-6.57 6.58 6.5 2.81-2.84-6.58-6.51 6.51-6.58Z"
   }));
 };
 
-var _default = TrafficAttackBrowser;
+var _default = SvgTrafficAttackBrowser;
 exports.default = _default;

package/lib/reactsvgs/index.js

@@ -5,18 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _AccountAnalyticsLogo = _interopRequireDefault(require("./AccountAnalyticsLogo"));
+var _Dlp = _interopRequireDefault(require("./Dlp"));
 
-var _Add = _interopRequireDefault(require("./Add"));
+var _AccountAnalyticsLogo = _interopRequireDefault(require("./AccountAnalyticsLogo"));
 
 var _AddMember = _interopRequireDefault(require("./AddMember"));
 
-var _Api = _interopRequireDefault(require("./Api"));
+var _Add = _interopRequireDefault(require("./Add"));
 
 var _ApiSecurity = _interopRequireDefault(require("./ApiSecurity"));
 
+var _Api = _interopRequireDefault(require("./Api"));
+
 var _Applications = _interopRequireDefault(require("./Applications"));
 
+var _ArrowExternalLink = _interopRequireDefault(require("./ArrowExternalLink"));
+
 var _Backward = _interopRequireDefault(require("./Backward"));
 
 var _Bolt = _interopRequireDefault(require("./Bolt"));
@@ -69,8 +73,6 @@ var _Discord = _interopRequireDefault(require("./Discord"));
 
 var _Discover = _interopRequireDefault(require("./Discover"));
 
-var _Dlp = _interopRequireDefault(require("./Dlp"));
-
 var _Documentation = _interopRequireDefault(require("./Documentation"));
 
 var _Download = _interopRequireDefault(require("./Download"));
@@ -153,22 +155,22 @@ var _Minus = _interopRequireDefault(require("./Minus"));
 
 var _More = _interopRequireDefault(require("./More"));
 
-var _Network = _interopRequireDefault(require("./Network"));
-
 var _NetworkAnalyticsLogo = _interopRequireDefault(require("./NetworkAnalyticsLogo"));
 
 var _NetworkSecurity = _interopRequireDefault(require("./NetworkSecurity"));
 
+var _Network = _interopRequireDefault(require("./Network"));
+
 var _None = _interopRequireDefault(require("./None"));
 
 var _Notifications = _interopRequireDefault(require("./Notifications"));
 
 var _OfficeBranch = _interopRequireDefault(require("./OfficeBranch"));
 
-var _Ok = _interopRequireDefault(require("./Ok"));
-
 var _OkSign = _interopRequireDefault(require("./OkSign"));
 
+var _Ok = _interopRequireDefault(require("./Ok"));
+
 var _OptimizationScale = _interopRequireDefault(require("./OptimizationScale"));
 
 var _PagesLogo = _interopRequireDefault(require("./PagesLogo"));
@@ -215,20 +217,20 @@ var _Script = _interopRequireDefault(require("./Script"));
 
 var _Search = _interopRequireDefault(require("./Search"));
 
-var _SecurityWall = _interopRequireDefault(require("./SecurityWall"));
-
 var _SecurityBots = _interopRequireDefault(require("./SecurityBots"));
 
+var _SecurityWaf = _interopRequireDefault(require("./SecurityWaf"));
+
 var _Shield = _interopRequireDefault(require("./Shield"));
 
 var _Spectrum = _interopRequireDefault(require("./Spectrum"));
 
 var _Speech = _interopRequireDefault(require("./Speech"));
 
-var _Star = _interopRequireDefault(require("./Star"));
-
 var _StarOutline = _interopRequireDefault(require("./StarOutline"));
 
+var _Star = _interopRequireDefault(require("./Star"));
+
 var _Stream = _interopRequireDefault(require("./Stream"));
 
 var _Subtract = _interopRequireDefault(require("./Subtract"));
@@ -255,20 +257,20 @@ var _UnlockOutline = _interopRequireDefault(require("./UnlockOutline"));
 
 var _Upload = _interopRequireDefault(require("./Upload"));
 
-var _User = _interopRequireDefault(require("./User"));
-
 var _UserMulti = _interopRequireDefault(require("./UserMulti"));
 
 var _UserOutline = _interopRequireDefault(require("./UserOutline"));
 
+var _User = _interopRequireDefault(require("./User"));
+
 var _Version = _interopRequireDefault(require("./Version"));
 
 var _WaitingRoom = _interopRequireDefault(require("./WaitingRoom"));
 
-var _Web = _interopRequireDefault(require("./Web3"));
-
 var _WebAnalyticsLogo = _interopRequireDefault(require("./WebAnalyticsLogo"));
 
+var _Web = _interopRequireDefault(require("./Web3"));
+
 var _WorkersBundled = _interopRequireDefault(require("./WorkersBundled"));
 
 var _WorkersConstellation = _interopRequireDefault(require("./WorkersConstellation"));
@@ -305,6 +307,7 @@ var _default = {
   'api-security': _ApiSecurity.default,
   api: _Api.default,
   applications: _Applications.default,
+  'arrow-external-link': _ArrowExternalLink.default,
   backward: _Backward.default,
   bolt: _Bolt.default,
   byoip: _Byoip.default,
@@ -328,10 +331,10 @@ var _default = {
   copy: _Copy.default,
   'credit-card': _CreditCard.default,
   d1: _D.default,
+  'ddos-attack': _DdosAttack.default,
   discord: _Discord.default,
   discover: _Discover.default,
   documentation: _Documentation.default,
-  'ddos-attack': _DdosAttack.default,
   download: _Download.default,
   drive: _Drive.default,
   edgeworker: _Edgeworker.default,
@@ -403,8 +406,8 @@ var _default = {
   right: _Right.default,
   script: _Script.default,
   search: _Search.default,
-  'security-waf': _SecurityWall.default,
   'security-bots': _SecurityBots.default,
+  'security-waf': _SecurityWaf.default,
   shield: _Shield.default,
   spectrum: _Spectrum.default,
   speech: _Speech.default,
@@ -416,8 +419,8 @@ var _default = {
   teams: _Teams.default,
   terraform: _Terraform.default,
   time: _Time.default,
-  'traffic-attack-browser': _TrafficAttackBrowser.default,
   trace: _Trace.default,
+  'traffic-attack-browser': _TrafficAttackBrowser.default,
   turnstile: _Turnstile.default,
   twitter: _Twitter.default,
   'two-way': _TwoWay.default,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-icon",
   "description": "Cloudflare Icon Component",
-  "version": "11.8.3",
+  "version": "11.8.5",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "Frontend Team <frontend@cloudflare.com>",

package/dist/reactsvgs/SecurityWall.d.ts

@@ -1,3 +0,0 @@
-import { SVGProps } from 'react';
-declare const SvgSecurityWall: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgSecurityWall;

package/es/reactsvgs/SecurityWall.js

@@ -1,15 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import * as React from 'react';
-
-var SvgSecurityWall = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 64 64",
-  "aria-hidden": !props['aria-label'],
-  focusable: "false",
-  fill: "none"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M58 33.94L60 31.94V19.94L58 17.94H49.6V8L47.6 6H6L4 8V20L6 22H14.39V30H6L4 32V44L6 46H14.39V56L16.39 58H58L60 56V44L58 42H49.6V34L58 33.94ZM56 29.94H39.19V22H47.6H56V29.94ZM45.6 10V18H28.8V10H45.6ZM8 10H24.8V18H16.39H8V10ZM18.39 22H35.19V30H18.39V22ZM8 33.94H24.8V41.94H16.39H8V33.94ZM18.39 54V46H35.19V54H18.39ZM56 54H39.19V46H47.6H56V54ZM45.61 42H28.8V34H45.6L45.61 42Z"
-}));
-
-export default SvgSecurityWall;