@cloudflare/component-icon 12.8.0 → 12.10.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 12.10.0
+
+### Minor Changes
+
+- d52c7c5258: Added Cloud Email Security icon (type=cloud-email-security)
+
+## 12.9.0
+
+### Minor Changes
+
+- 3428322565: Added `certificate` and `vectorize` icons
+
 ## 12.8.0
 
 ### Minor Changes

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" | "code" | "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-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "chart" | "clipboard" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "inbox" | "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" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "timer" | "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" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
+    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "inbox" | "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" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "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" | "vectorize" | "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" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;

package/dist/Icon.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.ComponentType<{
-    type: "search" | "link" | "code" | "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-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "chart" | "clipboard" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "inbox" | "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" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "timer" | "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" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
+    type: "search" | "link" | "code" | "script" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "pause" | "dlp" | "timer" | "account-analytics-logo" | "add-member" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet" | "cloud-multi" | "cloudflare-access" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-edit" | "credit-card" | "d1" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drive" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "inbox" | "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" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf" | "server-origin" | "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" | "vectorize" | "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" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
     className?: string | undefined;
     ariaLabel?: string | undefined;
     label?: string | boolean | undefined;
@@ -85,6 +85,10 @@ declare const _default: ComponentMeta<React.ComponentType<{
     gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
 }>>;
 export default _default;
+export declare const CloudflareEmailSecurity: {
+    (): JSX.Element;
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export declare const CloudMulti: {
     (): JSX.Element;
     decorators: ((Story: any) => JSX.Element)[];

package/dist/reactsvgs/Certificate.d.ts

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

package/dist/reactsvgs/CloudflareEmailSecurity.d.ts

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

package/dist/reactsvgs/Vectorize.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     dlp: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    timer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'account-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'add-member': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     add: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -22,12 +23,14 @@ declare const _default: {
     'caret-right': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'caret-up': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'case-study': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    certificate: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     chart: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     clipboard: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloud-internet': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloud-multi': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-access': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-dex': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'cloudflare-email-security': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-magic-wan': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-security-application': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'cloudflare-security-network': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -136,7 +139,6 @@ 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;
-    timer: (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;
@@ -147,6 +149,7 @@ declare const _default: {
     'user-multi': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'user-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     user: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    vectorize: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     version: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'waiting-room': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'web-analytics-logo': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/Icon.stories.js

@@ -15,6 +15,11 @@ var withStyleProvider = Story => /*#__PURE__*/React.createElement(StyleProvider,
   renderer: renderer
 }, /*#__PURE__*/React.createElement(Story, null));
 
+export var CloudflareEmailSecurity = () => /*#__PURE__*/React.createElement(Icon, {
+  type: "cloudflare-email-security",
+  size: 36
+});
+CloudflareEmailSecurity.decorators = [withStyleProvider];
 export var CloudMulti = () => /*#__PURE__*/React.createElement(Icon, {
   type: "cloud-multi",
   size: 36

package/es/reactsvgs/Certificate.js

@@ -0,0 +1,16 @@
+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 SvgCertificate = 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: "M31.25 15.84H16.04v4h15.21v-4Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M58 32.51a12.15 12.15 0 0 0-10-11.94V9.76l-2-2H9.8l-2 2V53.7l2 2h26V58l3.47 1.36 6.53-7.06 6.53 7.06 3.5-1.36V39.39A12.07 12.07 0 0 0 58 32.51Zm-4 0a8.15 8.15 0 1 1-8.15-8.15A8.16 8.16 0 0 1 54 32.51ZM11.8 51.7V11.76H44v8.76A12.14 12.14 0 0 0 37.18 24H16.1v4h18.46a12.1 12.1 0 0 0-.85 4H16.1v4h18.1a12.186 12.186 0 0 0 1.63 3.41V51.7H11.8ZM47.29 48l-1.46-1.58L44.37 48l-4.54 4.9v-9.84a12.05 12.05 0 0 0 12 0v9.83L47.29 48Z"
+}));
+
+export default SvgCertificate;

package/es/reactsvgs/CloudflareEmailSecurity.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 SvgCloudflareEmailSecurity = 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: "m14.373 3.53-.34-.047a6.98 6.98 0 0 1-3.843-1.898l-.297-.335h-.75l-.29.335A6.98 6.98 0 0 1 5.02 3.482l-.34.048-.43.5V5h-2.5l-.5.5v6.25l.5.5h4.16a10.476 10.476 0 0 0 3.196 2.684l.011.006.178.09h.45l.178-.09c.197-.098 4.88-2.5 4.88-7.38V4.025l-.43-.495Zm-7.158 8.72a9.29 9.29 0 0 0 2.305 1.773c.5-.255 4.283-2.375 4.283-6.463v-3.1A8.028 8.028 0 0 1 9.52 2.335 8.038 8.038 0 0 1 5.238 4.46V5H11l.5.5v6.25l-.5.5H7.215ZM2.25 10.602V6.6l2.222 1.937-2.222 2.066Zm.772.648L5.23 9.197l.816.712h.658l.875-.763L9.76 11.25H3.02Zm7.478-.677L8.335 8.486 10.5 6.6v3.974ZM3.084 6h6.582L6.375 8.869 3.085 6Z"
+}));
+
+export default SvgCloudflareEmailSecurity;

package/es/reactsvgs/Vectorize.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 SvgVectorize = 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", {
+  fillRule: "evenodd",
+  d: "M9.846 48V7h4v6.982h3.944l2-2.372h2l2.001 2.372h3.727l2.001-2.372h2l2 2.372h16.332V7h4v41h2v4H58v4H6v-4h1.85v-4h1.996Zm7.945-30.011 2 2h2l1.999-2h3.73l2 2h2l1.999-2H49.85v8.088h-5.03l-2-2h-2l-2 2H23.79l-2-2h-2l-2 2h-3.945v-8.088h3.945Zm0 12.095h-3.945v7.909h15.171l2-2h2l2 2h3.805l2-2h2l2 2h5.029v-7.909h-5.03l-2 2h-2l-2-2h-15.03l-2 2h-2l-2-2ZM29.017 42l2 2h2l2-2h3.805l2 2h2l2-2h5.029v6H13.846v-6h15.17Z"
+}));
+
+export default SvgVectorize;

package/es/reactsvgs/index.js

@@ -1,4 +1,5 @@
 import Dlp from './Dlp';
+import Timer from './Timer';
 import AccountAnalyticsLogo from './AccountAnalyticsLogo';
 import AddMember from './AddMember';
 import Add from './Add';
@@ -20,12 +21,14 @@ import CaretLeft from './CaretLeft';
 import CaretRight from './CaretRight';
 import CaretUp from './CaretUp';
 import CaseStudy from './CaseStudy';
+import Certificate from './Certificate';
 import Chart from './Chart';
 import Clipboard from './Clipboard';
 import CloudInternet from './CloudInternet';
 import CloudMulti from './CloudMulti';
 import CloudflareAccess from './CloudflareAccess';
 import CloudflareDex from './CloudflareDex';
+import CloudflareEmailSecurity from './CloudflareEmailSecurity';
 import CloudflareMagicWan from './CloudflareMagicWan';
 import CloudflareSecurityApplication from './CloudflareSecurityApplication';
 import CloudflareSecurityNetwork from './CloudflareSecurityNetwork';
@@ -134,7 +137,6 @@ import TailWorker from './TailWorker';
 import Teams from './Teams';
 import Terraform from './Terraform';
 import Time from './Time';
-import Timer from './Timer';
 import Trace from './Trace';
 import TrafficAttackBrowser from './TrafficAttackBrowser';
 import Turnstile from './Turnstile';
@@ -145,6 +147,7 @@ import Upload from './Upload';
 import UserMulti from './UserMulti';
 import UserOutline from './UserOutline';
 import User from './User';
+import Vectorize from './Vectorize';
 import Version from './Version';
 import WaitingRoom from './WaitingRoom';
 import WebAnalyticsLogo from './WebAnalyticsLogo';
@@ -165,6 +168,7 @@ import ZerotrustCasbLogo from './ZerotrustCasbLogo';
 import ZerotrustNetworksLogo from './ZerotrustNetworksLogo';
 export default {
   dlp: Dlp,
+  timer: Timer,
   'account-analytics-logo': AccountAnalyticsLogo,
   'add-member': AddMember,
   add: Add,
@@ -186,12 +190,14 @@ export default {
   'caret-right': CaretRight,
   'caret-up': CaretUp,
   'case-study': CaseStudy,
+  certificate: Certificate,
   chart: Chart,
   clipboard: Clipboard,
   'cloud-internet': CloudInternet,
   'cloud-multi': CloudMulti,
   'cloudflare-access': CloudflareAccess,
   'cloudflare-dex': CloudflareDex,
+  'cloudflare-email-security': CloudflareEmailSecurity,
   'cloudflare-magic-wan': CloudflareMagicWan,
   'cloudflare-security-application': CloudflareSecurityApplication,
   'cloudflare-security-network': CloudflareSecurityNetwork,
@@ -300,7 +306,6 @@ export default {
   teams: Teams,
   terraform: Terraform,
   time: Time,
-  timer: Timer,
   trace: Trace,
   'traffic-attack-browser': TrafficAttackBrowser,
   turnstile: Turnstile,
@@ -311,6 +316,7 @@ export default {
   'user-multi': UserMulti,
   'user-outline': UserOutline,
   user: User,
+  vectorize: Vectorize,
   version: Version,
   'waiting-room': WaitingRoom,
   'web-analytics-logo': WebAnalyticsLogo,

package/lib/Icon.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Spectrum = exports.Inbox = exports.CloudMulti = exports.CloudInternet = void 0;
+exports.default = exports.Spectrum = exports.Inbox = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -30,6 +30,16 @@ var withStyleProvider = function withStyleProvider(Story) {
   }, /*#__PURE__*/_react.default.createElement(Story, null));
 };
 
+var CloudflareEmailSecurity = function CloudflareEmailSecurity() {
+  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    type: "cloudflare-email-security",
+    size: 36
+  });
+};
+
+exports.CloudflareEmailSecurity = CloudflareEmailSecurity;
+CloudflareEmailSecurity.decorators = [withStyleProvider];
+
 var CloudMulti = function CloudMulti() {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
     type: "cloud-multi",

package/lib/reactsvgs/Certificate.js

@@ -0,0 +1,32 @@
+"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 SvgCertificate = function SvgCertificate(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: "M31.25 15.84H16.04v4h15.21v-4Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M58 32.51a12.15 12.15 0 0 0-10-11.94V9.76l-2-2H9.8l-2 2V53.7l2 2h26V58l3.47 1.36 6.53-7.06 6.53 7.06 3.5-1.36V39.39A12.07 12.07 0 0 0 58 32.51Zm-4 0a8.15 8.15 0 1 1-8.15-8.15A8.16 8.16 0 0 1 54 32.51ZM11.8 51.7V11.76H44v8.76A12.14 12.14 0 0 0 37.18 24H16.1v4h18.46a12.1 12.1 0 0 0-.85 4H16.1v4h18.1a12.186 12.186 0 0 0 1.63 3.41V51.7H11.8ZM47.29 48l-1.46-1.58L44.37 48l-4.54 4.9v-9.84a12.05 12.05 0 0 0 12 0v9.83L47.29 48Z"
+  }));
+};
+
+var _default = SvgCertificate;
+exports.default = _default;

package/lib/reactsvgs/CloudflareEmailSecurity.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 SvgCloudflareEmailSecurity = function SvgCloudflareEmailSecurity(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: "m14.373 3.53-.34-.047a6.98 6.98 0 0 1-3.843-1.898l-.297-.335h-.75l-.29.335A6.98 6.98 0 0 1 5.02 3.482l-.34.048-.43.5V5h-2.5l-.5.5v6.25l.5.5h4.16a10.476 10.476 0 0 0 3.196 2.684l.011.006.178.09h.45l.178-.09c.197-.098 4.88-2.5 4.88-7.38V4.025l-.43-.495Zm-7.158 8.72a9.29 9.29 0 0 0 2.305 1.773c.5-.255 4.283-2.375 4.283-6.463v-3.1A8.028 8.028 0 0 1 9.52 2.335 8.038 8.038 0 0 1 5.238 4.46V5H11l.5.5v6.25l-.5.5H7.215ZM2.25 10.602V6.6l2.222 1.937-2.222 2.066Zm.772.648L5.23 9.197l.816.712h.658l.875-.763L9.76 11.25H3.02Zm7.478-.677L8.335 8.486 10.5 6.6v3.974ZM3.084 6h6.582L6.375 8.869 3.085 6Z"
+  }));
+};
+
+var _default = SvgCloudflareEmailSecurity;
+exports.default = _default;

package/lib/reactsvgs/Vectorize.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 SvgVectorize = function SvgVectorize(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", {
+    fillRule: "evenodd",
+    d: "M9.846 48V7h4v6.982h3.944l2-2.372h2l2.001 2.372h3.727l2.001-2.372h2l2 2.372h16.332V7h4v41h2v4H58v4H6v-4h1.85v-4h1.996Zm7.945-30.011 2 2h2l1.999-2h3.73l2 2h2l1.999-2H49.85v8.088h-5.03l-2-2h-2l-2 2H23.79l-2-2h-2l-2 2h-3.945v-8.088h3.945Zm0 12.095h-3.945v7.909h15.171l2-2h2l2 2h3.805l2-2h2l2 2h5.029v-7.909h-5.03l-2 2h-2l-2-2h-15.03l-2 2h-2l-2-2ZM29.017 42l2 2h2l2-2h3.805l2 2h2l2-2h5.029v6H13.846v-6h15.17Z"
+  }));
+};
+
+var _default = SvgVectorize;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _Dlp = _interopRequireDefault(require("./Dlp"));
 
+var _Timer = _interopRequireDefault(require("./Timer"));
+
 var _AccountAnalyticsLogo = _interopRequireDefault(require("./AccountAnalyticsLogo"));
 
 var _AddMember = _interopRequireDefault(require("./AddMember"));
@@ -49,6 +51,8 @@ var _CaretUp = _interopRequireDefault(require("./CaretUp"));
 
 var _CaseStudy = _interopRequireDefault(require("./CaseStudy"));
 
+var _Certificate = _interopRequireDefault(require("./Certificate"));
+
 var _Chart = _interopRequireDefault(require("./Chart"));
 
 var _Clipboard = _interopRequireDefault(require("./Clipboard"));
@@ -61,6 +65,8 @@ var _CloudflareAccess = _interopRequireDefault(require("./CloudflareAccess"));
 
 var _CloudflareDex = _interopRequireDefault(require("./CloudflareDex"));
 
+var _CloudflareEmailSecurity = _interopRequireDefault(require("./CloudflareEmailSecurity"));
+
 var _CloudflareMagicWan = _interopRequireDefault(require("./CloudflareMagicWan"));
 
 var _CloudflareSecurityApplication = _interopRequireDefault(require("./CloudflareSecurityApplication"));
@@ -277,8 +283,6 @@ var _Terraform = _interopRequireDefault(require("./Terraform"));
 
 var _Time = _interopRequireDefault(require("./Time"));
 
-var _Timer = _interopRequireDefault(require("./Timer"));
-
 var _Trace = _interopRequireDefault(require("./Trace"));
 
 var _TrafficAttackBrowser = _interopRequireDefault(require("./TrafficAttackBrowser"));
@@ -299,6 +303,8 @@ var _UserOutline = _interopRequireDefault(require("./UserOutline"));
 
 var _User = _interopRequireDefault(require("./User"));
 
+var _Vectorize = _interopRequireDefault(require("./Vectorize"));
+
 var _Version = _interopRequireDefault(require("./Version"));
 
 var _WaitingRoom = _interopRequireDefault(require("./WaitingRoom"));
@@ -339,6 +345,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = {
   dlp: _Dlp.default,
+  timer: _Timer.default,
   'account-analytics-logo': _AccountAnalyticsLogo.default,
   'add-member': _AddMember.default,
   add: _Add.default,
@@ -360,12 +367,14 @@ var _default = {
   'caret-right': _CaretRight.default,
   'caret-up': _CaretUp.default,
   'case-study': _CaseStudy.default,
+  certificate: _Certificate.default,
   chart: _Chart.default,
   clipboard: _Clipboard.default,
   'cloud-internet': _CloudInternet.default,
   'cloud-multi': _CloudMulti.default,
   'cloudflare-access': _CloudflareAccess.default,
   'cloudflare-dex': _CloudflareDex.default,
+  'cloudflare-email-security': _CloudflareEmailSecurity.default,
   'cloudflare-magic-wan': _CloudflareMagicWan.default,
   'cloudflare-security-application': _CloudflareSecurityApplication.default,
   'cloudflare-security-network': _CloudflareSecurityNetwork.default,
@@ -474,7 +483,6 @@ var _default = {
   teams: _Teams.default,
   terraform: _Terraform.default,
   time: _Time.default,
-  timer: _Timer.default,
   trace: _Trace.default,
   'traffic-attack-browser': _TrafficAttackBrowser.default,
   turnstile: _Turnstile.default,
@@ -485,6 +493,7 @@ var _default = {
   'user-multi': _UserMulti.default,
   'user-outline': _UserOutline.default,
   user: _User.default,
+  vectorize: _Vectorize.default,
   version: _Version.default,
   'waiting-room': _WaitingRoom.default,
   'web-analytics-logo': _WebAnalyticsLogo.default,

package/package.json

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