@cloudflare/component-icon 9.4.0 → 9.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 9.5.0
+
+### Minor Changes
+
+- 40f1bd052d: Added 2 new icons for Network Security and Application Security at the account level
+
 ## 9.4.0
 
 ### Minor Changes

package/README.md

@@ -130,21 +130,23 @@ If you would like to add new icons to the component library/design system please
 ### Product Design
 Follow the link to the `product-design` repository where you will find the original SVG's. Follow the [Icon Guidelines](https://wiki.cfops.it/x/QLcvCQ) for details on how to create, export, and add new icons to [product-design](https://bitbucket.cfdata.org/projects/DESIGN/repos/product-design/browse) and stratus repositories.
 
-### Stratus
-Once your icon is added to the `product-design` repo under the `/icons/icons-exports/` folder and all instructions are followed it is ready to be converted to our React format in this `Stratus` repo. 
+### component-library
+Once your icon is added to the `product-design` repo under the `/icons/icons-exports/` folder and all instructions are followed it is ready to be converted to our React format in this `component-library` repo. 
 
-1. `yarn install` from the root of `Stratus`. 
+1. `yarn install` from the root of `component-library`. 
 - This should install the `svgo` dependency which is required in order to clean and compile the SVG's
     - If `svgo` does not install, you can install it globally on your machine with `npm install -g svgo`
 
 2. Create a new branch
 
-3. Navigate to the top of the `Stratus` repository and run `yarn update-icons`. 
+3. Navigate to the top of the `component-library` repository and run `yarn update-icons`. 
 
 - The `product-design` repo will be pulled in using the `svgtoreact.sh` script
 - The list of SVG's will be extracted and converted into React components based on the file names provided. They will be added under `../component-icon/src/reactsvgs/`. 
 - Additional files touched may include `iconTypes.js` and `/reactsvgs/index.js`
 
-4. Push up the changes and create a PR to `staging`. Your new icon will be merged into the repository and be available for use shortly!
+4. Push up the changes and create a PR to `main`. Your new icon will be merged into the repository and be available for use shortly!
+
+**Note**: Stratus repository [README](https://bitbucket.cfdata.org/projects/FE/repos/stratus/browse) may also be valuable.
 
 

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-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' | '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' | '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' | 'gateway' | 'gear' | 'git-branch' | 'github' | 'globe' | 'hamburger' | 'help' | 'image' | 'info-sign' | 'internet-browser' | 'key' | 'leaf' | 'left' | 'link' | 'linkedin' | 'list' | 'lock' | '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' | '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-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', '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', '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', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', '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', '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/CloudflareSecurityApplication.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 SvgCloudflareSecurityApplication = 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", {
+  fillRule: "evenodd",
+  d: "M7.628 1.11h.745l.288.32a6.896 6.896 0 0 0 3.853 1.912l.343.05.427.495v3.534c0 2.463-1.19 4.292-2.375 5.498-1.181 1.205-2.387 1.823-2.506 1.882l-.18.09h-.446l-.178-.09a7.958 7.958 0 0 1-.788-.467 4.438 4.438 0 0 0 1.18-.456l.01.006a9.44 9.44 0 0 0 2.195-1.665c1.07-1.091 2.088-2.682 2.088-4.798V4.32a7.897 7.897 0 0 1-4.283-2.135 7.897 7.897 0 0 1-4.283 2.134v1.713a4.48 4.48 0 0 0-1 .722V3.886l.427-.495.343-.05a6.896 6.896 0 0 0 3.853-1.91l.287-.321Zm-5.357 9.593.881-.174c.071.356.211.688.406.98l-.746.499c.264.395.604.734.999.999l.5-.746c.291.195.622.335.979.405l-.175.881a3.637 3.637 0 0 0 1.413 0l-.174-.88c.356-.071.688-.211.98-.406l.499.746a3.64 3.64 0 0 0 .998-1l-.746-.499c.195-.291.336-.623.406-.979l.881.174a3.637 3.637 0 0 0 0-1.412l-.88.174a2.706 2.706 0 0 0-.407-.98l.746-.499a3.64 3.64 0 0 0-.998-.999l-.5.746a2.706 2.706 0 0 0-.98-.405l.175-.881a3.637 3.637 0 0 0-1.413 0l.175.88a2.716 2.716 0 0 0-.98.406l-.5-.746a3.64 3.64 0 0 0-.998 1l.746.499a2.706 2.706 0 0 0-.406.979l-.88-.174a3.637 3.637 0 0 0 0 1.412Zm3.55 1.002a1.708 1.708 0 1 1 0-3.416 1.708 1.708 0 0 1 0 3.416Z"
+}));
+
+export default SvgCloudflareSecurityApplication;

package/es/reactsvgs/CloudflareSecurityNetwork.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 SvgCloudflareSecurityNetwork = 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", {
+  fillRule: "evenodd",
+  d: "M8.373 1.11h-.745l-.287.32a6.896 6.896 0 0 1-3.853 1.911l-.343.05-.428.495v3.535c0 2.463 1.191 4.292 2.376 5.498 1.18 1.204 2.386 1.822 2.506 1.882l.178.09h.447l.179-.09c.12-.06 1.324-.677 2.506-1.882 1.184-1.206 2.375-3.035 2.375-5.498V3.887l-.428-.495-.342-.05A6.897 6.897 0 0 1 8.66 1.431l-.288-.322ZM3.718 4.317A7.897 7.897 0 0 0 8 2.184a7.897 7.897 0 0 0 4.283 2.135v3.102c0 2.116-1.017 3.706-2.089 4.798A9.438 9.438 0 0 1 8 13.884a9.438 9.438 0 0 1-2.195-1.665c-1.071-1.091-2.089-2.682-2.089-4.798V4.318Zm6.797 4.058a2.598 2.598 0 0 1-1.47 1.884c.226-.499.38-1.153.428-1.884h1.042Zm.029-.75a2.596 2.596 0 0 0-1.5-2.084c.247.544.409 1.273.439 2.084h1.06Zm-1.812 0c-.03-.724-.175-1.345-.373-1.778-.195-.429-.356-.518-.395-.536-.038.018-.2.107-.395.536-.197.433-.343 1.054-.373 1.778h1.536Zm-1.524.75c.046.638.183 1.186.361 1.578.196.429.357.518.395.536.039-.018.2-.107.395-.536.18-.392.316-.94.362-1.578H7.208Zm-.752 0c.047.73.202 1.385.428 1.884a2.598 2.598 0 0 1-1.47-1.884h1.042Zm-.01-.75c.03-.811.192-1.54.438-2.084a2.596 2.596 0 0 0-1.499 2.084h1.06Zm4.862.275a3.344 3.344 0 1 1-6.687 0 3.344 3.344 0 0 1 6.687 0Z"
+}));
+
+export default SvgCloudflareSecurityNetwork;

package/es/reactsvgs/index.js

@@ -18,6 +18,8 @@ import Chart from './Chart';
 import Clipboard from './Clipboard';
 import CloudflareAccess from './CloudflareAccess';
 import CloudflareMagicWan from './CloudflareMagicWan';
+import CloudflareSecurityApplication from './CloudflareSecurityApplication';
+import CloudflareSecurityNetwork from './CloudflareSecurityNetwork';
 import CloudflareZeroTrust from './CloudflareZeroTrust';
 import Copy from './Copy';
 import CreditCard from './CreditCard';
@@ -136,6 +138,8 @@ export default {
   clipboard: Clipboard,
   'cloudflare-access': CloudflareAccess,
   'cloudflare-magic-wan': CloudflareMagicWan,
+  'cloudflare-security-application': CloudflareSecurityApplication,
+  'cloudflare-security-network': CloudflareSecurityNetwork,
   'cloudflare-zero-trust': CloudflareZeroTrust,
   copy: Copy,
   'credit-card': CreditCard,

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-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', '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', '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', 'gateway', 'gear', 'git-branch', 'github', 'globe', 'hamburger', 'help', 'image', 'info-sign', 'internet-browser', 'key', 'leaf', 'left', 'link', 'linkedin', 'list', 'lock', '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', '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/CloudflareSecurityApplication.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 SvgCloudflareSecurityApplication = function SvgCloudflareSecurityApplication(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", {
+    fillRule: "evenodd",
+    d: "M7.628 1.11h.745l.288.32a6.896 6.896 0 0 0 3.853 1.912l.343.05.427.495v3.534c0 2.463-1.19 4.292-2.375 5.498-1.181 1.205-2.387 1.823-2.506 1.882l-.18.09h-.446l-.178-.09a7.958 7.958 0 0 1-.788-.467 4.438 4.438 0 0 0 1.18-.456l.01.006a9.44 9.44 0 0 0 2.195-1.665c1.07-1.091 2.088-2.682 2.088-4.798V4.32a7.897 7.897 0 0 1-4.283-2.135 7.897 7.897 0 0 1-4.283 2.134v1.713a4.48 4.48 0 0 0-1 .722V3.886l.427-.495.343-.05a6.896 6.896 0 0 0 3.853-1.91l.287-.321Zm-5.357 9.593.881-.174c.071.356.211.688.406.98l-.746.499c.264.395.604.734.999.999l.5-.746c.291.195.622.335.979.405l-.175.881a3.637 3.637 0 0 0 1.413 0l-.174-.88c.356-.071.688-.211.98-.406l.499.746a3.64 3.64 0 0 0 .998-1l-.746-.499c.195-.291.336-.623.406-.979l.881.174a3.637 3.637 0 0 0 0-1.412l-.88.174a2.706 2.706 0 0 0-.407-.98l.746-.499a3.64 3.64 0 0 0-.998-.999l-.5.746a2.706 2.706 0 0 0-.98-.405l.175-.881a3.637 3.637 0 0 0-1.413 0l.175.88a2.716 2.716 0 0 0-.98.406l-.5-.746a3.64 3.64 0 0 0-.998 1l.746.499a2.706 2.706 0 0 0-.406.979l-.88-.174a3.637 3.637 0 0 0 0 1.412Zm3.55 1.002a1.708 1.708 0 1 1 0-3.416 1.708 1.708 0 0 1 0 3.416Z"
+  }));
+};
+
+var _default = SvgCloudflareSecurityApplication;
+exports.default = _default;

package/lib/reactsvgs/CloudflareSecurityNetwork.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 SvgCloudflareSecurityNetwork = function SvgCloudflareSecurityNetwork(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", {
+    fillRule: "evenodd",
+    d: "M8.373 1.11h-.745l-.287.32a6.896 6.896 0 0 1-3.853 1.911l-.343.05-.428.495v3.535c0 2.463 1.191 4.292 2.376 5.498 1.18 1.204 2.386 1.822 2.506 1.882l.178.09h.447l.179-.09c.12-.06 1.324-.677 2.506-1.882 1.184-1.206 2.375-3.035 2.375-5.498V3.887l-.428-.495-.342-.05A6.897 6.897 0 0 1 8.66 1.431l-.288-.322ZM3.718 4.317A7.897 7.897 0 0 0 8 2.184a7.897 7.897 0 0 0 4.283 2.135v3.102c0 2.116-1.017 3.706-2.089 4.798A9.438 9.438 0 0 1 8 13.884a9.438 9.438 0 0 1-2.195-1.665c-1.071-1.091-2.089-2.682-2.089-4.798V4.318Zm6.797 4.058a2.598 2.598 0 0 1-1.47 1.884c.226-.499.38-1.153.428-1.884h1.042Zm.029-.75a2.596 2.596 0 0 0-1.5-2.084c.247.544.409 1.273.439 2.084h1.06Zm-1.812 0c-.03-.724-.175-1.345-.373-1.778-.195-.429-.356-.518-.395-.536-.038.018-.2.107-.395.536-.197.433-.343 1.054-.373 1.778h1.536Zm-1.524.75c.046.638.183 1.186.361 1.578.196.429.357.518.395.536.039-.018.2-.107.395-.536.18-.392.316-.94.362-1.578H7.208Zm-.752 0c.047.73.202 1.385.428 1.884a2.598 2.598 0 0 1-1.47-1.884h1.042Zm-.01-.75c.03-.811.192-1.54.438-2.084a2.596 2.596 0 0 0-1.499 2.084h1.06Zm4.862.275a3.344 3.344 0 1 1-6.687 0 3.344 3.344 0 0 1 6.687 0Z"
+  }));
+};
+
+var _default = SvgCloudflareSecurityNetwork;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -45,6 +45,10 @@ var _CloudflareAccess = _interopRequireDefault(require("./CloudflareAccess"));
 
 var _CloudflareMagicWan = _interopRequireDefault(require("./CloudflareMagicWan"));
 
+var _CloudflareSecurityApplication = _interopRequireDefault(require("./CloudflareSecurityApplication"));
+
+var _CloudflareSecurityNetwork = _interopRequireDefault(require("./CloudflareSecurityNetwork"));
+
 var _CloudflareZeroTrust = _interopRequireDefault(require("./CloudflareZeroTrust"));
 
 var _Copy = _interopRequireDefault(require("./Copy"));
@@ -262,6 +266,8 @@ var _default = {
   clipboard: _Clipboard.default,
   'cloudflare-access': _CloudflareAccess.default,
   'cloudflare-magic-wan': _CloudflareMagicWan.default,
+  'cloudflare-security-application': _CloudflareSecurityApplication.default,
+  'cloudflare-security-network': _CloudflareSecurityNetwork.default,
   'cloudflare-zero-trust': _CloudflareZeroTrust.default,
   copy: _Copy.default,
   'credit-card': _CreditCard.default,

package/package.json

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