@cloudflare/component-icon 13.3.1 → 13.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 13.4.0
+
+### Minor Changes
+
+- fd420c1579: Add preemptive-outline, bookmark-outline, corner-down-right, updated pin icon
+
+## 13.3.2
+
+### Patch Changes
+
+- 5393268e6c: Add Icon Storybook stories dynamically
+
 ## 13.3.1
 
 ### Patch 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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "bookmark-outline" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "corner-down-right" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "preemptive-outline" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "bookmark-outline" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "corner-down-right" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "preemptive-outline" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "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,16 +85,4 @@ declare const _default: ComponentMeta<React.ComponentType<{
     gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
 }>>;
 export default _default;
-export declare const AIAudit: () => JSX.Element;
-export declare const Captcha: () => JSX.Element;
-export declare const CloudflareEmailSecurity: () => JSX.Element;
-export declare const CloudMulti: () => JSX.Element;
-export declare const CloudInternet: () => JSX.Element;
-export declare const Garbage: () => JSX.Element;
-export declare const Inbox: () => JSX.Element;
-export declare const Spectrum: () => JSX.Element;
-export declare const Table: () => JSX.Element;
-export declare const ThumbsUp: () => JSX.Element;
-export declare const ThumbsDown: () => JSX.Element;
-export declare const CaretReorder2: () => JSX.Element;
-export declare const Pin: () => JSX.Element;
+export declare const AllIcons: () => JSX.Element;

package/dist/reactsvgs/BookmarkOutline.d.ts

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

package/dist/reactsvgs/CornerDownRight.d.ts

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

package/dist/reactsvgs/PreemptiveOutline.d.ts

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

package/dist/reactsvgs/index.d.ts

@@ -14,6 +14,7 @@ declare const _default: {
     '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;
+    'bookmark-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     byoip: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     calendar: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     calls: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -53,6 +54,7 @@ declare const _default: {
     code: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     connector: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     copy: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'corner-down-right': (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-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
@@ -136,6 +138,7 @@ declare const _default: {
     plus: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'podcast-microphone-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'podcast-microphone-solid': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'preemptive-outline': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     printer: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     processing: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'product-security-center': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/es/Icon.stories.js

@@ -1,67 +1,28 @@
 import React from 'react';
 import Icon from './Icon';
+import IconComponents from './reactsvgs';
+var iconTypes = Object.keys(IconComponents);
 export default {
   title: 'Example/Icon',
   component: Icon
 };
-export var AIAudit = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "ai-audit",
-  size: 36
-});
-export var Captcha = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "captcha-outline",
-  size: 36
-});
-export var CloudflareEmailSecurity = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "cloudflare-email-security",
-  size: 36
-});
-export var CloudMulti = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "cloud-multi",
-  size: 36
-});
-export var CloudInternet = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "cloud-internet",
-  size: 36
-});
-export var Garbage = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "garbage",
-  size: 36
-});
-export var Inbox = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "inbox",
-  size: 36
-});
-export var Spectrum = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "spectrum",
-  size: 36
-});
-export var Table = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "table",
-  size: 36
-});
-export var ThumbsUp = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-  type: "thumbs-up-solid",
-  size: 36
-}), /*#__PURE__*/React.createElement(Icon, {
-  type: "thumbs-up-outline",
-  size: 36
-}));
-export var ThumbsDown = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-  type: "thumbs-down-solid",
-  size: 36
-}), /*#__PURE__*/React.createElement(Icon, {
-  type: "thumbs-down-outline",
-  size: 36
-}));
-export var CaretReorder2 = () => /*#__PURE__*/React.createElement(Icon, {
-  type: "caret-reorder2",
-  size: 36
-});
-export var Pin = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-  type: "pin-solid",
-  size: 36
-}), /*#__PURE__*/React.createElement(Icon, {
-  type: "pin-outline",
-  size: 36
-}));
+export var AllIcons = () => /*#__PURE__*/React.createElement("div", {
+  style: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
+    gap: 16
+  }
+}, iconTypes.map(type => /*#__PURE__*/React.createElement("div", {
+  key: type,
+  style: {
+    textAlign: 'center'
+  }
+}, /*#__PURE__*/React.createElement(Icon, {
+  type: type,
+  size: 36
+}), /*#__PURE__*/React.createElement("div", {
+  style: {
+    fontSize: 12,
+    marginTop: 4
+  }
+}, type))));

package/es/reactsvgs/BookmarkOutline.js

@@ -0,0 +1,18 @@
+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 SvgBookmarkOutline = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  "aria-hidden": !props['aria-label'],
+  focusable: "false",
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M3.5 1L4.00016 0.5L12.0002 0.502519L12.5 1.00252V15.2525L11.6797 15.6364L7.99861 12.5654L4.32045 15.6363L3.5 15.2525V1ZM4.5 1.50016V14.1837L7.67804 11.5303L8.31879 11.5302L11.5 14.1842V1.50236L4.5 1.50016Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.88112 2.71137L7.40403 4.1797H5.86012L5.78665 4.40583L7.03569 5.31331L6.5586 6.78165L6.75096 6.92141L8 6.01392L9.24904 6.92141L9.4414 6.78165L8.96431 5.31331L10.2134 4.40583L10.1399 4.1797H8.59597L8.11888 2.71137H7.88112Z"
+}));
+
+export default SvgBookmarkOutline;

package/es/reactsvgs/CornerDownRight.js

@@ -0,0 +1,20 @@
+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 SvgCornerDownRight = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  "aria-hidden": !props['aria-label'],
+  focusable: "false",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M2.80621 4.82152C2.80621 6.15719 3.88899 7.23997 5.22466 7.23997H9.65848V8.04612L5.22466 8.04612C3.44375 8.04612 2.00006 6.60243 2.00006 4.82152L2.00006 2L2.80621 2L2.80621 4.82152Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M7.27457 9.6584L9.28995 7.64303L7.27457 5.62765L7.8446 5.05762L10.43 7.64303L7.8446 10.2284L7.27457 9.6584Z"
+}));
+
+export default SvgCornerDownRight;

package/es/reactsvgs/PinOutline.js

@@ -8,9 +8,7 @@ var PinOutline = props => /*#__PURE__*/React.createElement("svg", _extends({}, p
   "aria-hidden": !props['aria-label'],
   focusable: "false"
 }), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
+  d: "M11.3779 1.08496L14.918 4.625L15.002 5.94238L11.832 10.0508C12.2502 11.2073 11.974 12.523 11.083 13.4141L10.4932 14.0039H9.0791L5.89258 10.8174L3.14941 13.5605L2.44238 12.8535L2.7959 12.5L5.18457 10.1094L2 6.92383V5.50977L2.58984 4.91992C3.4806 4.0291 4.79494 3.75224 5.95117 4.16992L10.0605 1L11.3779 1.08496ZM6.07812 5.33691L5.93555 5.25781C5.07211 4.7781 3.9953 4.92845 3.29688 5.62695L2.70703 6.2168L6.24609 9.75586L6.59961 10.1094L9.78613 13.2969L10.376 12.707C11.0306 12.0524 11.2038 11.0646 10.8281 10.2324L10.7461 10.0674L10.666 9.9248L14.2109 5.33203L10.6709 1.79199L6.07812 5.33691Z"
 }));
 
 export default PinOutline;

package/es/reactsvgs/PreemptiveOutline.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 SvgPreemptiveOutline = props => /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  "aria-hidden": !props['aria-label'],
+  focusable: "false",
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.03613 3.71423V8.35097L10.7367 11.1594L11.458 10.4669L9.03776 7.9484V3.71423H8.03613Z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.661 12.0435C13.6873 12.0099 13.7137 11.974 13.7424 11.938C13.8119 11.8446 13.8814 11.7511 13.9461 11.6553C13.9557 11.6409 13.9677 11.6265 13.9773 11.6122C14.0036 11.5738 14.0252 11.5355 14.0492 11.4971C14.1019 11.4133 14.1546 11.3318 14.2049 11.2455C14.2552 11.1569 14.3008 11.0658 14.3487 10.9771C14.3774 10.922 14.4062 10.8693 14.4326 10.8142C14.8519 9.93958 15.0724 8.98108 15.0724 8.00341C15.0724 6.27811 14.387 4.6247 13.1673 3.40501C11.9477 2.18533 10.2942 1.5 8.56895 1.5C8.49706 1.5 8.42757 1.50479 8.35568 1.50719C8.33412 1.50719 8.31255 1.50719 8.29338 1.50719C8.13043 1.51438 7.96749 1.52636 7.80455 1.54553C7.79496 1.54553 7.78538 1.54553 7.77339 1.54792C6.76937 1.67253 5.80368 2.02478 4.95781 2.59029C3.9394 3.27082 3.15823 4.22453 2.65981 5.34118C2.65262 5.34118 2.667 5.34118 2.65981 5.34118C2.54 5.61196 2.43216 5.88992 2.3483 6.17747L3.32836 6.46742C3.66623 5.30763 4.38031 4.29402 5.35319 3.57994C6.32846 2.86586 7.50981 2.49684 8.71751 2.52559C9.92522 2.55435 11.0898 2.98088 12.0291 3.73809C12.7264 4.30121 13.2728 5.02248 13.6226 5.8396H13.625C13.915 6.52013 14.0707 7.25339 14.0707 7.99862C14.0707 8.53058 13.9916 9.05297 13.8431 9.55378C13.8071 9.67599 13.764 9.7958 13.7209 9.91561C13.7113 9.94197 13.7017 9.97073 13.6921 9.99708C13.6514 10.1001 13.6059 10.2032 13.5603 10.3038C13.5388 10.3517 13.5148 10.4021 13.4908 10.45C13.4453 10.541 13.3974 10.6321 13.3471 10.7207C13.3159 10.7759 13.2824 10.8286 13.2512 10.8813C13.1985 10.9652 13.1482 11.049 13.0907 11.1305C13.0523 11.1856 13.0116 11.2359 12.9732 11.2887C12.8343 11.4756 12.6857 11.6553 12.5228 11.823C12.5132 11.8326 12.506 11.8422 12.4964 11.8518C12.4317 11.9189 12.3598 11.9812 12.2903 12.0435C12.2376 12.0914 12.1873 12.1417 12.1322 12.1873C12.0579 12.2496 11.9836 12.3095 11.9069 12.367C11.8542 12.4077 11.8015 12.446 11.7464 12.4844C11.6649 12.5419 11.581 12.597 11.4972 12.6497C11.4468 12.6809 11.3965 12.712 11.3438 12.7408C11.2527 12.7935 11.1593 12.8462 11.0658 12.8941C11.0299 12.9109 10.9939 12.9277 10.9604 12.9445C10.4548 13.1889 9.91564 13.3542 9.35971 13.4333C9.35012 13.4333 9.34294 13.4357 9.33335 13.4381C9.04101 13.4788 8.74387 13.4956 8.44434 13.4884C7.23664 13.4573 6.07206 13.0283 5.13273 12.2687C4.1934 11.5091 3.53204 10.4572 3.25168 9.283L3.99931 10.0306L4.7086 9.33093L2.74368 7.33725L0.75 9.33093L1.45689 10.033L2.19733 9.29019C2.45133 10.5434 3.06717 11.6936 3.97055 12.597C4.60077 13.2272 5.35319 13.7161 6.17749 14.0419C6.18708 14.0467 6.19667 14.0491 6.20625 14.0539C6.35002 14.109 6.4962 14.1618 6.64476 14.2073C6.67352 14.2169 6.70227 14.2265 6.73342 14.236C6.86042 14.2744 6.98743 14.3055 7.11443 14.3343C7.16235 14.3463 7.21028 14.3583 7.25581 14.3678C7.27018 14.3702 7.28456 14.375 7.30133 14.3774C7.39239 14.3966 7.48345 14.4062 7.57451 14.4206C7.81173 14.4589 8.05136 14.4876 8.29578 14.4972C8.42997 14.502 8.56416 14.4996 8.69834 14.4972C8.71033 14.4972 8.7247 14.4972 8.73668 14.4972C8.88286 14.4948 9.02663 14.4829 9.1728 14.4709C9.18958 14.4709 9.20635 14.4709 9.22312 14.4661C9.36929 14.4517 9.51546 14.4301 9.66164 14.4062C9.67362 14.4062 9.6856 14.4014 9.69758 14.4014C9.84854 14.375 9.99951 14.3439 10.1481 14.3055H10.1553C10.9436 14.1066 11.696 13.7664 12.3646 13.2871C12.6066 13.1122 12.8319 12.9205 13.0475 12.7168C13.0523 12.712 13.0547 12.7096 13.0595 12.7048C13.1625 12.6066 13.2632 12.5036 13.359 12.3981C13.3782 12.379 13.3974 12.3574 13.4142 12.3382C13.5004 12.2424 13.5843 12.1441 13.6634 12.0435H13.661ZM2.22609 9.26623C2.22609 9.26623 2.22848 9.27821 2.23088 9.283C2.22369 9.283 2.2165 9.283 2.21171 9.283L2.22848 9.26623H2.22609Z"
+}));
+
+export default SvgPreemptiveOutline;

package/es/reactsvgs/index.js

@@ -12,6 +12,7 @@ import ArrowDown from './ArrowDown';
 import ArrowExternalLink from './ArrowExternalLink';
 import Backward from './Backward';
 import Bolt from './Bolt';
+import BookmarkOutline from './BookmarkOutline';
 import Byoip from './Byoip';
 import Calendar from './Calendar';
 import Calls from './Calls';
@@ -51,6 +52,7 @@ import CodeEdit from './CodeEdit';
 import Code from './Code';
 import Connector from './Connector';
 import Copy from './Copy';
+import CornerDownRight from './CornerDownRight';
 import CreditCard from './CreditCard';
 import D1 from './D1';
 import DdosAttackOutline from './DdosAttackOutline';
@@ -134,6 +136,7 @@ import PlatformApps from './PlatformApps';
 import Plus from './Plus';
 import PodcastMicrophoneOutline from './PodcastMicrophoneOutline';
 import PodcastMicrophoneSolid from './PodcastMicrophoneSolid';
+import PreemptiveOutline from './PreemptiveOutline';
 import Printer from './Printer';
 import Processing from './Processing';
 import ProductSecurityCenter from './ProductSecurityCenter';
@@ -224,6 +227,7 @@ export default {
   'arrow-external-link': ArrowExternalLink,
   backward: Backward,
   bolt: Bolt,
+  'bookmark-outline': BookmarkOutline,
   byoip: Byoip,
   calendar: Calendar,
   calls: Calls,
@@ -263,6 +267,7 @@ export default {
   code: Code,
   connector: Connector,
   copy: Copy,
+  'corner-down-right': CornerDownRight,
   'credit-card': CreditCard,
   d1: D1,
   'ddos-attack-outline': DdosAttackOutline,
@@ -346,6 +351,7 @@ export default {
   plus: Plus,
   'podcast-microphone-outline': PodcastMicrophoneOutline,
   'podcast-microphone-solid': PodcastMicrophoneSolid,
+  'preemptive-outline': PreemptiveOutline,
   printer: Printer,
   processing: Processing,
   'product-security-center': ProductSecurityCenter,

package/lib/Icon.stories.js

@@ -3,142 +3,46 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ThumbsUp = exports.ThumbsDown = exports.Table = exports.Spectrum = exports.Pin = exports.Inbox = exports.Garbage = exports.CloudflareEmailSecurity = exports.CloudMulti = exports.CloudInternet = exports.CaretReorder2 = exports.Captcha = exports.AIAudit = void 0;
+exports.default = exports.AllIcons = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("./Icon"));
 
+var _reactsvgs = _interopRequireDefault(require("./reactsvgs"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var iconTypes = Object.keys(_reactsvgs.default);
 var _default = {
   title: 'Example/Icon',
   component: _Icon.default
 };
 exports.default = _default;
 
-var AIAudit = function AIAudit() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "ai-audit",
-    size: 36
-  });
-};
-
-exports.AIAudit = AIAudit;
-
-var Captcha = function Captcha() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "captcha-outline",
-    size: 36
-  });
-};
-
-exports.Captcha = Captcha;
-
-var CloudflareEmailSecurity = function CloudflareEmailSecurity() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "cloudflare-email-security",
-    size: 36
-  });
-};
-
-exports.CloudflareEmailSecurity = CloudflareEmailSecurity;
-
-var CloudMulti = function CloudMulti() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "cloud-multi",
-    size: 36
-  });
-};
-
-exports.CloudMulti = CloudMulti;
-
-var CloudInternet = function CloudInternet() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "cloud-internet",
-    size: 36
-  });
-};
-
-exports.CloudInternet = CloudInternet;
-
-var Garbage = function Garbage() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "garbage",
-    size: 36
-  });
-};
-
-exports.Garbage = Garbage;
-
-var Inbox = function Inbox() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "inbox",
-    size: 36
-  });
-};
-
-exports.Inbox = Inbox;
-
-var Spectrum = function Spectrum() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "spectrum",
-    size: 36
-  });
-};
-
-exports.Spectrum = Spectrum;
-
-var Table = function Table() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "table",
-    size: 36
-  });
-};
-
-exports.Table = Table;
-
-var ThumbsUp = function ThumbsUp() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "thumbs-up-solid",
-    size: 36
-  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "thumbs-up-outline",
-    size: 36
-  }));
-};
-
-exports.ThumbsUp = ThumbsUp;
-
-var ThumbsDown = function ThumbsDown() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "thumbs-down-solid",
-    size: 36
-  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "thumbs-down-outline",
-    size: 36
-  }));
-};
-
-exports.ThumbsDown = ThumbsDown;
-
-var CaretReorder2 = function CaretReorder2() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "caret-reorder2",
-    size: 36
-  });
-};
-
-exports.CaretReorder2 = CaretReorder2;
-
-var Pin = function Pin() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "pin-solid",
-    size: 36
-  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "pin-outline",
-    size: 36
+var AllIcons = function AllIcons() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
+      gap: 16
+    }
+  }, iconTypes.map(function (type) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: type,
+      style: {
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      type: type,
+      size: 36
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        fontSize: 12,
+        marginTop: 4
+      }
+    }, type));
   }));
 };
 
-exports.Pin = Pin;
+exports.AllIcons = AllIcons;

package/lib/reactsvgs/BookmarkOutline.js

@@ -0,0 +1,34 @@
+"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 SvgBookmarkOutline = function SvgBookmarkOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    "aria-hidden": !props['aria-label'],
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 1L4.00016 0.5L12.0002 0.502519L12.5 1.00252V15.2525L11.6797 15.6364L7.99861 12.5654L4.32045 15.6363L3.5 15.2525V1ZM4.5 1.50016V14.1837L7.67804 11.5303L8.31879 11.5302L11.5 14.1842V1.50236L4.5 1.50016Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.88112 2.71137L7.40403 4.1797H5.86012L5.78665 4.40583L7.03569 5.31331L6.5586 6.78165L6.75096 6.92141L8 6.01392L9.24904 6.92141L9.4414 6.78165L8.96431 5.31331L10.2134 4.40583L10.1399 4.1797H8.59597L8.11888 2.71137H7.88112Z"
+  }));
+};
+
+var _default = SvgBookmarkOutline;
+exports.default = _default;

package/lib/reactsvgs/CornerDownRight.js

@@ -0,0 +1,36 @@
+"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 SvgCornerDownRight = function SvgCornerDownRight(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    "aria-hidden": !props['aria-label'],
+    focusable: "false",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.80621 4.82152C2.80621 6.15719 3.88899 7.23997 5.22466 7.23997H9.65848V8.04612L5.22466 8.04612C3.44375 8.04612 2.00006 6.60243 2.00006 4.82152L2.00006 2L2.80621 2L2.80621 4.82152Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.27457 9.6584L9.28995 7.64303L7.27457 5.62765L7.8446 5.05762L10.43 7.64303L7.8446 10.2284L7.27457 9.6584Z"
+  }));
+};
+
+var _default = SvgCornerDownRight;
+exports.default = _default;

package/lib/reactsvgs/PinOutline.js

@@ -22,9 +22,7 @@ var PinOutline = function PinOutline(props) {
     "aria-hidden": !props['aria-label'],
     focusable: "false"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.2267 4.9072C10.9524 4.92098 10.677 4.90559 10.4053 4.86103L8.00907 7.26937C8.14328 8.09583 8.01152 8.95743 7.61377 9.71487C7.43702 10.0515 7.20775 10.3675 6.92595 10.6507L1.45095 5.14811C1.73275 4.86489 2.04718 4.63446 2.38208 4.45682C3.13572 4.05707 3.993 3.92464 4.81532 4.05953L7.21159 1.65119C7.16725 1.3782 7.15194 1.10136 7.16565 0.825717C7.17148 0.708423 7.1946 0.562821 7.22563 0.411507C7.31206 -0.00996931 7.82713 -0.136575 8.1299 0.167718L11.9437 4.00071C12.2307 4.28921 12.1315 4.77491 11.7322 4.84832C11.5649 4.87907 11.396 4.8987 11.2267 4.9072ZM6.87925 7.45471C6.95484 7.92023 6.91107 8.39992 6.74848 8.84522L3.24737 5.32647C3.69044 5.16306 4.16773 5.11907 4.63091 5.19505L5.20994 5.29003L8.40876 2.07509L9.98356 3.65782L6.78474 6.87276L6.87925 7.45471ZM0.297383 11.8101C0.549364 12.0633 0.957904 12.0633 1.20988 11.8101L4.18012 8.82486L3.26762 7.90776L0.297384 10.893C0.0454035 11.1462 0.0454033 11.5568 0.297383 11.8101Z"
+    d: "M11.3779 1.08496L14.918 4.625L15.002 5.94238L11.832 10.0508C12.2502 11.2073 11.974 12.523 11.083 13.4141L10.4932 14.0039H9.0791L5.89258 10.8174L3.14941 13.5605L2.44238 12.8535L2.7959 12.5L5.18457 10.1094L2 6.92383V5.50977L2.58984 4.91992C3.4806 4.0291 4.79494 3.75224 5.95117 4.16992L10.0605 1L11.3779 1.08496ZM6.07812 5.33691L5.93555 5.25781C5.07211 4.7781 3.9953 4.92845 3.29688 5.62695L2.70703 6.2168L6.24609 9.75586L6.59961 10.1094L9.78613 13.2969L10.376 12.707C11.0306 12.0524 11.2038 11.0646 10.8281 10.2324L10.7461 10.0674L10.666 9.9248L14.2109 5.33203L10.6709 1.79199L6.07812 5.33691Z"
   }));
 };
 

package/lib/reactsvgs/PreemptiveOutline.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 SvgPreemptiveOutline = function SvgPreemptiveOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+    "aria-hidden": !props['aria-label'],
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.03613 3.71423V8.35097L10.7367 11.1594L11.458 10.4669L9.03776 7.9484V3.71423H8.03613Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.661 12.0435C13.6873 12.0099 13.7137 11.974 13.7424 11.938C13.8119 11.8446 13.8814 11.7511 13.9461 11.6553C13.9557 11.6409 13.9677 11.6265 13.9773 11.6122C14.0036 11.5738 14.0252 11.5355 14.0492 11.4971C14.1019 11.4133 14.1546 11.3318 14.2049 11.2455C14.2552 11.1569 14.3008 11.0658 14.3487 10.9771C14.3774 10.922 14.4062 10.8693 14.4326 10.8142C14.8519 9.93958 15.0724 8.98108 15.0724 8.00341C15.0724 6.27811 14.387 4.6247 13.1673 3.40501C11.9477 2.18533 10.2942 1.5 8.56895 1.5C8.49706 1.5 8.42757 1.50479 8.35568 1.50719C8.33412 1.50719 8.31255 1.50719 8.29338 1.50719C8.13043 1.51438 7.96749 1.52636 7.80455 1.54553C7.79496 1.54553 7.78538 1.54553 7.77339 1.54792C6.76937 1.67253 5.80368 2.02478 4.95781 2.59029C3.9394 3.27082 3.15823 4.22453 2.65981 5.34118C2.65262 5.34118 2.667 5.34118 2.65981 5.34118C2.54 5.61196 2.43216 5.88992 2.3483 6.17747L3.32836 6.46742C3.66623 5.30763 4.38031 4.29402 5.35319 3.57994C6.32846 2.86586 7.50981 2.49684 8.71751 2.52559C9.92522 2.55435 11.0898 2.98088 12.0291 3.73809C12.7264 4.30121 13.2728 5.02248 13.6226 5.8396H13.625C13.915 6.52013 14.0707 7.25339 14.0707 7.99862C14.0707 8.53058 13.9916 9.05297 13.8431 9.55378C13.8071 9.67599 13.764 9.7958 13.7209 9.91561C13.7113 9.94197 13.7017 9.97073 13.6921 9.99708C13.6514 10.1001 13.6059 10.2032 13.5603 10.3038C13.5388 10.3517 13.5148 10.4021 13.4908 10.45C13.4453 10.541 13.3974 10.6321 13.3471 10.7207C13.3159 10.7759 13.2824 10.8286 13.2512 10.8813C13.1985 10.9652 13.1482 11.049 13.0907 11.1305C13.0523 11.1856 13.0116 11.2359 12.9732 11.2887C12.8343 11.4756 12.6857 11.6553 12.5228 11.823C12.5132 11.8326 12.506 11.8422 12.4964 11.8518C12.4317 11.9189 12.3598 11.9812 12.2903 12.0435C12.2376 12.0914 12.1873 12.1417 12.1322 12.1873C12.0579 12.2496 11.9836 12.3095 11.9069 12.367C11.8542 12.4077 11.8015 12.446 11.7464 12.4844C11.6649 12.5419 11.581 12.597 11.4972 12.6497C11.4468 12.6809 11.3965 12.712 11.3438 12.7408C11.2527 12.7935 11.1593 12.8462 11.0658 12.8941C11.0299 12.9109 10.9939 12.9277 10.9604 12.9445C10.4548 13.1889 9.91564 13.3542 9.35971 13.4333C9.35012 13.4333 9.34294 13.4357 9.33335 13.4381C9.04101 13.4788 8.74387 13.4956 8.44434 13.4884C7.23664 13.4573 6.07206 13.0283 5.13273 12.2687C4.1934 11.5091 3.53204 10.4572 3.25168 9.283L3.99931 10.0306L4.7086 9.33093L2.74368 7.33725L0.75 9.33093L1.45689 10.033L2.19733 9.29019C2.45133 10.5434 3.06717 11.6936 3.97055 12.597C4.60077 13.2272 5.35319 13.7161 6.17749 14.0419C6.18708 14.0467 6.19667 14.0491 6.20625 14.0539C6.35002 14.109 6.4962 14.1618 6.64476 14.2073C6.67352 14.2169 6.70227 14.2265 6.73342 14.236C6.86042 14.2744 6.98743 14.3055 7.11443 14.3343C7.16235 14.3463 7.21028 14.3583 7.25581 14.3678C7.27018 14.3702 7.28456 14.375 7.30133 14.3774C7.39239 14.3966 7.48345 14.4062 7.57451 14.4206C7.81173 14.4589 8.05136 14.4876 8.29578 14.4972C8.42997 14.502 8.56416 14.4996 8.69834 14.4972C8.71033 14.4972 8.7247 14.4972 8.73668 14.4972C8.88286 14.4948 9.02663 14.4829 9.1728 14.4709C9.18958 14.4709 9.20635 14.4709 9.22312 14.4661C9.36929 14.4517 9.51546 14.4301 9.66164 14.4062C9.67362 14.4062 9.6856 14.4014 9.69758 14.4014C9.84854 14.375 9.99951 14.3439 10.1481 14.3055H10.1553C10.9436 14.1066 11.696 13.7664 12.3646 13.2871C12.6066 13.1122 12.8319 12.9205 13.0475 12.7168C13.0523 12.712 13.0547 12.7096 13.0595 12.7048C13.1625 12.6066 13.2632 12.5036 13.359 12.3981C13.3782 12.379 13.3974 12.3574 13.4142 12.3382C13.5004 12.2424 13.5843 12.1441 13.6634 12.0435H13.661ZM2.22609 9.26623C2.22609 9.26623 2.22848 9.27821 2.23088 9.283C2.22369 9.283 2.2165 9.283 2.21171 9.283L2.22848 9.26623H2.22609Z"
+  }));
+};
+
+var _default = SvgPreemptiveOutline;
+exports.default = _default;

package/lib/reactsvgs/index.js

@@ -33,6 +33,8 @@ var _Backward = _interopRequireDefault(require("./Backward"));
 
 var _Bolt = _interopRequireDefault(require("./Bolt"));
 
+var _BookmarkOutline = _interopRequireDefault(require("./BookmarkOutline"));
+
 var _Byoip = _interopRequireDefault(require("./Byoip"));
 
 var _Calendar = _interopRequireDefault(require("./Calendar"));
@@ -111,6 +113,8 @@ var _Connector = _interopRequireDefault(require("./Connector"));
 
 var _Copy = _interopRequireDefault(require("./Copy"));
 
+var _CornerDownRight = _interopRequireDefault(require("./CornerDownRight"));
+
 var _CreditCard = _interopRequireDefault(require("./CreditCard"));
 
 var _D = _interopRequireDefault(require("./D1"));
@@ -277,6 +281,8 @@ var _PodcastMicrophoneOutline = _interopRequireDefault(require("./PodcastMicroph
 
 var _PodcastMicrophoneSolid = _interopRequireDefault(require("./PodcastMicrophoneSolid"));
 
+var _PreemptiveOutline = _interopRequireDefault(require("./PreemptiveOutline"));
+
 var _Printer = _interopRequireDefault(require("./Printer"));
 
 var _Processing = _interopRequireDefault(require("./Processing"));
@@ -444,6 +450,7 @@ var _default = {
   'arrow-external-link': _ArrowExternalLink.default,
   backward: _Backward.default,
   bolt: _Bolt.default,
+  'bookmark-outline': _BookmarkOutline.default,
   byoip: _Byoip.default,
   calendar: _Calendar.default,
   calls: _Calls.default,
@@ -483,6 +490,7 @@ var _default = {
   code: _Code.default,
   connector: _Connector.default,
   copy: _Copy.default,
+  'corner-down-right': _CornerDownRight.default,
   'credit-card': _CreditCard.default,
   d1: _D.default,
   'ddos-attack-outline': _DdosAttackOutline.default,
@@ -566,6 +574,7 @@ var _default = {
   plus: _Plus.default,
   'podcast-microphone-outline': _PodcastMicrophoneOutline.default,
   'podcast-microphone-solid': _PodcastMicrophoneSolid.default,
+  'preemptive-outline': _PreemptiveOutline.default,
   printer: _Printer.default,
   processing: _Processing.default,
   'product-security-center': _ProductSecurityCenter.default,

package/package.json

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