@cloudflare/component-icon 9.8.0 → 9.10.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 9.10.0
+
+### Minor Changes
+
+- f37058b3b7: adding magic firewall cion
+
+## 9.9.0
+
+### Minor Changes
+
+- a95e4e0da6: Adding funnel icon.
+
 ## 9.8.0
 
 ### Minor Changes

package/dist/Icon.d.ts

@@ -5,8 +5,9 @@ declare const _default: React.ComponentType<{
     className: string;
     ariaLabel?: string | undefined;
     testId?: string | undefined;
-    p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
     color?: ((string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined]) & string) | undefined;
+    borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
+    p?: import("csstype").PaddingProperty<string | number> | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | [import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined, import("csstype").PaddingProperty<string | number> | undefined] | undefined;
     height?: import("csstype").HeightProperty<string | number> | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | [import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined, import("csstype").HeightProperty<string | number> | undefined] | undefined;
     width?: import("csstype").WidthProperty<string | number> | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | [import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined, import("csstype").WidthProperty<string | number> | undefined] | undefined;
     cursor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
@@ -14,7 +15,6 @@ declare const _default: React.ComponentType<{
     fontSize?: import("csstype").FontSizeProperty<string | number> | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | [import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined, import("csstype").FontSizeProperty<string | number> | undefined] | undefined;
     fontWeight?: import("csstype").FontWeightProperty | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | [import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined, import("csstype").FontWeightProperty | undefined] | undefined;
     textDecoration?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
-    borderColor?: string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined] | undefined;
     margin?: import("csstype").MarginProperty<string | number> | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | [import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined, import("csstype").MarginProperty<string | number> | undefined] | undefined;
     marginLeft?: import("csstype").MarginLeftProperty<string | number> | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | [import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined, import("csstype").MarginLeftProperty<string | number> | undefined] | undefined;
     marginRight?: import("csstype").MarginRightProperty<string | number> | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | [import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined, import("csstype").MarginRightProperty<string | number> | undefined] | undefined;
@@ -80,7 +80,7 @@ declare const _default: React.ComponentType<{
     gridColumnPad?: number | number[] | undefined;
     gridRowSpan?: number | number[] | undefined;
     gridRowPad?: number | number[] | undefined;
-    gridAlign?: ("end" | "start" | "center" | "stretch") | undefined;
-    gridJustify?: ("end" | "start" | "center" | "stretch") | undefined;
+    gridAlign?: ("start" | "end" | "center" | "stretch") | undefined;
+    gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
 }>;
 export default _default;

package/dist/IconType.d.ts

@@ -1 +1 @@
-export declare type IconType = 'account-analytics-logo' | 'add-member' | 'add' | 'api-security' | 'applications' | 'backward' | 'bolt' | 'byoip' | 'calendar' | 'carbon' | 'caret-double-left' | 'caret-double-right' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart' | 'clipboard' | 'cloudflare-access' | 'cloudflare-magic-wan' | 'cloudflare-security-application' | 'cloudflare-security-network' | 'cloudflare-zero-trust' | 'copy' | 'credit-card' | 'discord' | 'documentation' | 'download' | 'drive' | 'edgeworker' | 'edit' | 'email-forwarding' | 'exclamation-sign' | 'external-link' | 'eye' | 'facebook' | 'file' | 'filter' | 'firewall-rules' | 'flowchart' | 'folder' | 'forward' | 'gateway' | 'gear' | 'git-branch' | 'github' | 'globe' | 'hamburger' | 'help' | 'image' | 'info-sign' | 'internet-browser' | 'key' | 'leaf' | 'left' | 'link' | 'linkedin' | 'list' | 'lock' | 'logs' | 'magic-transit-logo' | 'mail' | 'minus' | 'more' | 'network-analytics-logo' | 'network' | 'notifications' | 'ok-sign' | 'ok' | 'optimization-scale' | 'pages-logo' | 'pause' | 'platform-apps' | 'plus' | 'printer' | 'product-security-center' | 'pub-sub' | 'queues' | 'r2' | 'refresh' | 'registrar-logo' | 'reliability-dns' | 'reliability-load-balancer' | 'remove' | 'reorder' | 'resize-horizontal' | 'retarget' | 'revert' | 'right' | 'script' | 'search' | 'shield' | 'spectrum' | 'speech' | 'stream' | 'subtract' | 'teams' | 'terraform' | 'time' | 'twitter' | 'two-way' | 'turnstile' | 'unlock-outline' | 'upload' | 'user-multi' | 'user-outline' | 'user' | 'version' | 'waiting-room' | 'web-analytics-logo' | 'web3' | 'workers-bundled' | 'workers-durable-objects' | 'workers-for-platforms' | 'workers-kv' | 'workers-unbound' | 'wrangler' | 'wrench' | 'youtube' | 'zaraz' | 'zerotrust-casb-logo';
+export declare type IconType = 'account-analytics-logo' | 'add-member' | 'add' | 'api-security' | 'applications' | 'backward' | 'bolt' | 'byoip' | 'calendar' | 'carbon' | 'caret-double-left' | 'caret-double-right' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart' | 'clipboard' | 'cloudflare-access' | 'cloudflare-magic-wan' | 'cloudflare-security-application' | 'cloudflare-security-network' | 'cloudflare-zero-trust' | 'copy' | 'credit-card' | 'discord' | 'documentation' | 'download' | 'drive' | 'edgeworker' | 'edit' | 'email-forwarding' | 'exclamation-sign' | 'external-link' | 'eye' | 'facebook' | 'file' | 'filter' | 'firewall-rules' | 'flowchart' | 'folder' | 'forward' | 'funnel' | 'gateway' | 'gear' | 'git-branch' | 'github' | 'globe' | 'hamburger' | 'help' | 'image' | 'info-sign' | 'internet-browser' | 'key' | 'leaf' | 'left' | 'link' | 'linkedin' | 'list' | 'lock' | 'logs' | 'magic-firewall' | 'magic-transit-logo' | 'mail' | 'minus' | 'more' | 'network-analytics-logo' | 'network' | 'notifications' | 'ok-sign' | 'ok' | 'optimization-scale' | 'pages-logo' | 'pause' | 'platform-apps' | 'plus' | 'printer' | 'product-security-center' | 'pub-sub' | 'queues' | 'r2' | 'refresh' | 'registrar-logo' | 'reliability-dns' | 'reliability-load-balancer' | 'remove' | 'reorder' | 'resize-horizontal' | 'retarget' | 'revert' | 'right' | 'script' | 'search' | 'shield' | 'spectrum' | 'speech' | 'stream' | 'subtract' | 'teams' | 'terraform' | 'time' | 'twitter' | 'two-way' | 'turnstile' | 'unlock-outline' | 'upload' | 'user-multi' | 'user-outline' | 'user' | 'version' | 'waiting-room' | 'web-analytics-logo' | 'web3' | 'workers-bundled' | 'workers-durable-objects' | 'workers-for-platforms' | 'workers-kv' | 'workers-unbound' | 'wrangler' | 'wrench' | 'youtube' | 'zaraz' | 'zerotrust-casb-logo';

package/es/iconTypes.js

@@ -1 +1 @@
-export default ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-security-application', 'cloudflare-security-network', 'cloudflare-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'folder', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'logs', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product-security-center', 'pub-sub', 'queues', 'r2', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'subtract', 'teams', 'terraform', 'time', 'twitter', 'two-way', 'turnstile', 'unlock-outline', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'web3', 'workers-bundled', 'workers-durable-objects', 'workers-for-platforms', 'workers-kv', 'workers-unbound', 'wrangler', 'wrench', 'youtube', 'zaraz', 'zerotrust-casb-logo'];
+export default ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-security-application', 'cloudflare-security-network', 'cloudflare-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'folder', 'forward', 'funnel', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'logs', 'magic-firewall', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product-security-center', 'pub-sub', 'queues', 'r2', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'subtract', 'teams', 'terraform', 'time', 'twitter', 'two-way', 'turnstile', 'unlock-outline', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'web3', 'workers-bundled', 'workers-durable-objects', 'workers-for-platforms', 'workers-kv', 'workers-unbound', 'wrangler', 'wrench', 'youtube', 'zaraz', 'zerotrust-casb-logo'];

package/es/reactsvgs/Funnel.js

@@ -0,0 +1,15 @@
+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 SvgFunnel = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  d: "m1.774 3.72.37-.836h11.711l.371.836-4.649 5.135v3.26l-.214.411-2.155 1.5-.785-.41V8.855L1.773 3.72Zm1.498.164 4.021 4.443.13.335v3.997l1.154-.804V8.662l.13-.335 4.021-4.443H3.272Z"
+}));
+
+export default SvgFunnel;

package/es/reactsvgs/MagicFirewall.js

@@ -0,0 +1,19 @@
+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 SvgMagicFirewall = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  "aria-hidden": !props['aria-label'],
+  focusable: "false"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#000",
+  d: "m13.591 3.476 1.417.767-.394.691-1.375-.84.038 1.607h-.797l.038-1.607-1.374.84-.394-.691 1.416-.767-1.416-.767.394-.692 1.374.84-.038-1.607h.797l-.037 1.607 1.374-.84.393.691-.108.06-1.308.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#000",
+  fillRule: "evenodd",
+  d: "m2 2.5-.5.5v10.5l.5.5h12l.5-.5V10l-.5-.5h-2.25v-3l-.5-.5H8.5V3L8 2.5H2Zm6.5 8h5V13h-5v-2.5Zm-1 0V13h-5v-2.5h5Zm-1.75-1V7h5v2.5h-5Zm-1 0V7H2.5v2.5h2.25ZM7.5 6h-5V3.5h5V6Z"
+}));
+
+export default SvgMagicFirewall;

package/es/reactsvgs/index.js

@@ -40,6 +40,7 @@ import FirewallRules from './FirewallRules';
 import Flowchart from './Flowchart';
 import Folder from './Folder';
 import Forward from './Forward';
+import Funnel from './Funnel';
 import Gateway from './Gateway';
 import Gear from './Gear';
 import GitBranch from './GitBranch';
@@ -58,6 +59,7 @@ import Linkedin from './Linkedin';
 import List from './List';
 import Lock from './Lock';
 import Logs from './Logs';
+import MagicFirewall from './MagicFirewall';
 import MagicTransitLogo from './MagicTransitLogo';
 import Mail from './Mail';
 import Minus from './Minus';
@@ -162,6 +164,7 @@ export default {
   flowchart: Flowchart,
   folder: Folder,
   forward: Forward,
+  funnel: Funnel,
   gateway: Gateway,
   gear: Gear,
   'git-branch': GitBranch,
@@ -180,6 +183,7 @@ export default {
   list: List,
   lock: Lock,
   logs: Logs,
+  'magic-firewall': MagicFirewall,
   'magic-transit-logo': MagicTransitLogo,
   mail: Mail,
   minus: Minus,

package/lib/iconTypes.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-security-application', 'cloudflare-security-network', 'cloudflare-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'folder', 'forward', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'logs', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product-security-center', 'pub-sub', 'queues', 'r2', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'subtract', 'teams', 'terraform', 'time', 'twitter', 'two-way', 'turnstile', 'unlock-outline', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'web3', 'workers-bundled', 'workers-durable-objects', 'workers-for-platforms', 'workers-kv', 'workers-unbound', 'wrangler', 'wrench', 'youtube', 'zaraz', 'zerotrust-casb-logo'];
+var _default = ['account-analytics-logo', 'add-member', 'add', 'api-security', 'applications', 'backward', 'bolt', 'byoip', 'calendar', 'carbon', 'caret-double-left', 'caret-double-right', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart', 'clipboard', 'cloudflare-access', 'cloudflare-magic-wan', 'cloudflare-security-application', 'cloudflare-security-network', 'cloudflare-zero-trust', 'copy', 'credit-card', 'discord', 'documentation', 'download', 'drive', 'edgeworker', 'edit', 'email-forwarding', 'exclamation-sign', 'external-link', 'eye', 'facebook', 'file', 'filter', 'firewall-rules', 'flowchart', 'folder', 'forward', 'funnel', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', 'logs', 'magic-firewall', 'magic-transit-logo', 'mail', 'minus', 'more', 'network-analytics-logo', 'network', 'notifications', 'ok-sign', 'ok', 'optimization-scale', 'pages-logo', 'pause', 'platform-apps', 'plus', 'printer', 'product-security-center', 'pub-sub', 'queues', 'r2', 'refresh', 'registrar-logo', 'reliability-dns', 'reliability-load-balancer', 'remove', 'reorder', 'resize-horizontal', 'retarget', 'revert', 'right', 'script', 'search', 'shield', 'spectrum', 'speech', 'stream', 'subtract', 'teams', 'terraform', 'time', 'twitter', 'two-way', 'turnstile', 'unlock-outline', 'upload', 'user-multi', 'user-outline', 'user', 'version', 'waiting-room', 'web-analytics-logo', 'web3', 'workers-bundled', 'workers-durable-objects', 'workers-for-platforms', 'workers-kv', 'workers-unbound', 'wrangler', 'wrench', 'youtube', 'zaraz', 'zerotrust-casb-logo'];
 exports.default = _default;

package/lib/reactsvgs/Funnel.js

@@ -0,0 +1,31 @@
+"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 SvgFunnel = function SvgFunnel(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    d: "m1.774 3.72.37-.836h11.711l.371.836-4.649 5.135v3.26l-.214.411-2.155 1.5-.785-.41V8.855L1.773 3.72Zm1.498.164 4.021 4.443.13.335v3.997l1.154-.804V8.662l.13-.335 4.021-4.443H3.272Z"
+  }));
+};
+
+var _default = SvgFunnel;
+exports.default = _default;

package/lib/reactsvgs/MagicFirewall.js

@@ -0,0 +1,35 @@
+"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 SvgMagicFirewall = function SvgMagicFirewall(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    "aria-hidden": !props['aria-label'],
+    focusable: "false"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#000",
+    d: "m13.591 3.476 1.417.767-.394.691-1.375-.84.038 1.607h-.797l.038-1.607-1.374.84-.394-.691 1.416-.767-1.416-.767.394-.692 1.374.84-.038-1.607h.797l-.037 1.607 1.374-.84.393.691-.108.06-1.308.708Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#000",
+    fillRule: "evenodd",
+    d: "m2 2.5-.5.5v10.5l.5.5h12l.5-.5V10l-.5-.5h-2.25v-3l-.5-.5H8.5V3L8 2.5H2Zm6.5 8h5V13h-5v-2.5Zm-1 0V13h-5v-2.5h5Zm-1.75-1V7h5v2.5h-5Zm-1 0V7H2.5v2.5h2.25ZM7.5 6h-5V3.5h5V6Z"
+  }));
+};
+
+var _default = SvgMagicFirewall;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -89,6 +89,8 @@ var _Folder = _interopRequireDefault(require("./Folder"));
 
 var _Forward = _interopRequireDefault(require("./Forward"));
 
+var _Funnel = _interopRequireDefault(require("./Funnel"));
+
 var _Gateway = _interopRequireDefault(require("./Gateway"));
 
 var _Gear = _interopRequireDefault(require("./Gear"));
@@ -125,6 +127,8 @@ var _Lock = _interopRequireDefault(require("./Lock"));
 
 var _Logs = _interopRequireDefault(require("./Logs"));
 
+var _MagicFirewall = _interopRequireDefault(require("./MagicFirewall"));
+
 var _MagicTransitLogo = _interopRequireDefault(require("./MagicTransitLogo"));
 
 var _Mail = _interopRequireDefault(require("./Mail"));
@@ -292,6 +296,7 @@ var _default = {
   flowchart: _Flowchart.default,
   folder: _Folder.default,
   forward: _Forward.default,
+  funnel: _Funnel.default,
   gateway: _Gateway.default,
   gear: _Gear.default,
   'git-branch': _GitBranch.default,
@@ -310,6 +315,7 @@ var _default = {
   list: _List.default,
   lock: _Lock.default,
   logs: _Logs.default,
+  'magic-firewall': _MagicFirewall.default,
   'magic-transit-logo': _MagicTransitLogo.default,
   mail: _Mail.default,
   minus: _Minus.default,

package/package.json

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