@webstudio-is/icons 0.51.0 → 0.52.0

package/lib/cjs/legacy.cjs

@@ -1,42 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var legacy_exports = {};
-__export(legacy_exports, {
-  ButtonIcon: () => import_react_icons.ButtonIcon,
-  CheckCircledIcon: () => import_react_icons.CheckCircledIcon,
-  CheckIcon: () => import_react_icons.CheckIcon,
-  CrossCircledIcon: () => import_react_icons.CrossCircledIcon,
-  DotFilledIcon: () => import_react_icons.DotFilledIcon,
-  DotsHorizontalIcon: () => import_react_icons.DotsHorizontalIcon,
-  ExclamationTriangleIcon: () => import_react_icons.ExclamationTriangleIcon,
-  ExternalLinkIcon: () => import_react_icons.ExternalLinkIcon,
-  FontBoldIcon: () => import_react_icons.FontBoldIcon,
-  FontItalicIcon: () => import_react_icons.FontItalicIcon,
-  HeadingIcon: () => import_react_icons.HeadingIcon,
-  ImageIcon: () => import_react_icons.ImageIcon,
-  InputIcon: () => import_react_icons.InputIcon,
-  Link2Icon: () => import_react_icons.Link2Icon,
-  RocketIcon: () => import_react_icons.RocketIcon,
-  Share1Icon: () => import_react_icons.Share1Icon,
-  TextIcon: () => import_react_icons.TextIcon,
-  TriangleDownIcon: () => import_react_icons.TriangleDownIcon,
-  TriangleRightIcon: () => import_react_icons.TriangleRightIcon
-});
-module.exports = __toCommonJS(legacy_exports);
-var import_react_icons = require("@radix-ui/react-icons");

package/lib/cjs/page.cjs

@@ -1,62 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var page_exports = {};
-__export(page_exports, {
-  PageIcon: () => PageIcon
-});
-module.exports = __toCommonJS(page_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const PageIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M9.19995 2.16168V4.64C9.19995 4.97603 9.19995 5.14405 9.26535 5.27239C9.32287 5.38529 9.41466 5.47708 9.52756 5.5346C9.6559 5.6 9.82392 5.6 10.16 5.6H11.3991H12.6383M12.8 6.79293V11.12C12.8 12.1281 12.8 12.6321 12.6038 13.0172C12.4312 13.3559 12.1558 13.6312 11.8171 13.8038C11.4321 14 10.928 14 9.91995 14H6.07995C5.07186 14 4.56781 14 4.18277 13.8038C3.84408 13.6312 3.56871 13.3559 3.39614 13.0172C3.19995 12.6321 3.19995 12.1281 3.19995 11.12V4.88C3.19995 3.87191 3.19995 3.36786 3.39614 2.98282C3.56871 2.64413 3.84408 2.36876 4.18277 2.19619C4.56781 2 5.07186 2 6.07995 2H8.00702C8.44728 2 8.66741 2 8.87457 2.04973C9.05823 2.09383 9.23381 2.16656 9.39486 2.26525C9.57651 2.37656 9.73217 2.53222 10.0435 2.84353L11.9564 4.75647C12.2677 5.06778 12.4234 5.22344 12.5347 5.40509C12.6334 5.56614 12.7061 5.74172 12.7502 5.92538C12.8 6.13254 12.8 6.35267 12.8 6.79293Z",
-            stroke: color,
-            strokeWidth: "1.3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-PageIcon.displayName = "PageIcon";

package/lib/cjs/text-italic.cjs

@@ -1,62 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var text_italic_exports = {};
-__export(text_italic_exports, {
-  TextItalicIcon: () => TextItalicIcon
-});
-module.exports = __toCommonJS(text_italic_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const TextItalicIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M12.75 3H7.125M9.625 13H4M10.25 3L6.5 13",
-            stroke: color,
-            strokeWidth: "1.45",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-TextItalicIcon.displayName = "TextItalicIcon";

package/lib/external-link.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-const ExternalLinkIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 16 16",
-        width: "16",
-        height: "16",
-        fill: color,
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: color,
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M3.7 3.7h2.294a.7.7 0 1 0 0-1.4H3.5a1.2 1.2 0 0 0-1.2 1.2v9a1.2 1.2 0 0 0 1.2 1.2h9a1.2 1.2 0 0 0 1.2-1.2V9.993a.7.7 0 1 0-1.4 0V12.3H3.7V3.7ZM8.813 3a.7.7 0 0 1 .7-.7H13a.7.7 0 0 1 .7.7v3.49a.7.7 0 1 1-1.4 0v-1.8L8.495 8.495a.7.7 0 1 1-.99-.99L11.31 3.7H9.513a.7.7 0 0 1-.7-.7Z"
-          }
-        )
-      }
-    );
-  }
-);
-ExternalLinkIcon.displayName = "ExternalLinkIcon";
-export {
-  ExternalLinkIcon
-};

package/lib/form.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-const FormIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "15",
-        height: "15",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fill: color,
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M13 11H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h9v7zM4 9h7V6H4v3zm11 11H4c-1.1 0-2-.9-2-2v-3c0-1.1.9-2 2-2h11v7zM4 18h9v-3H4v3zm18-9h-2l2-5h-7v7h2v9l5-11zM4.75 17.25h1.5v-1.5h-1.5v1.5zm0-9h1.5v-1.5h-1.5v1.5z"
-          }
-        )
-      }
-    );
-  }
-);
-FormIcon.displayName = "FormIcon";
-export {
-  FormIcon
-};

package/lib/legacy.js

@@ -1,42 +0,0 @@
-import {
-  ImageIcon,
-  FontBoldIcon,
-  FontItalicIcon,
-  Link2Icon,
-  DotsHorizontalIcon,
-  CheckIcon,
-  RocketIcon,
-  ExternalLinkIcon,
-  Share1Icon,
-  ExclamationTriangleIcon,
-  DotFilledIcon,
-  TriangleRightIcon,
-  TriangleDownIcon,
-  InputIcon,
-  ButtonIcon,
-  HeadingIcon,
-  TextIcon,
-  CrossCircledIcon,
-  CheckCircledIcon
-} from "@radix-ui/react-icons";
-export {
-  ButtonIcon,
-  CheckCircledIcon,
-  CheckIcon,
-  CrossCircledIcon,
-  DotFilledIcon,
-  DotsHorizontalIcon,
-  ExclamationTriangleIcon,
-  ExternalLinkIcon,
-  FontBoldIcon,
-  FontItalicIcon,
-  HeadingIcon,
-  ImageIcon,
-  InputIcon,
-  Link2Icon,
-  RocketIcon,
-  Share1Icon,
-  TextIcon,
-  TriangleDownIcon,
-  TriangleRightIcon
-};

package/lib/page.js

@@ -1,32 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-const PageIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M9.19995 2.16168V4.64C9.19995 4.97603 9.19995 5.14405 9.26535 5.27239C9.32287 5.38529 9.41466 5.47708 9.52756 5.5346C9.6559 5.6 9.82392 5.6 10.16 5.6H11.3991H12.6383M12.8 6.79293V11.12C12.8 12.1281 12.8 12.6321 12.6038 13.0172C12.4312 13.3559 12.1558 13.6312 11.8171 13.8038C11.4321 14 10.928 14 9.91995 14H6.07995C5.07186 14 4.56781 14 4.18277 13.8038C3.84408 13.6312 3.56871 13.3559 3.39614 13.0172C3.19995 12.6321 3.19995 12.1281 3.19995 11.12V4.88C3.19995 3.87191 3.19995 3.36786 3.39614 2.98282C3.56871 2.64413 3.84408 2.36876 4.18277 2.19619C4.56781 2 5.07186 2 6.07995 2H8.00702C8.44728 2 8.66741 2 8.87457 2.04973C9.05823 2.09383 9.23381 2.16656 9.39486 2.26525C9.57651 2.37656 9.73217 2.53222 10.0435 2.84353L11.9564 4.75647C12.2677 5.06778 12.4234 5.22344 12.5347 5.40509C12.6334 5.56614 12.7061 5.74172 12.7502 5.92538C12.8 6.13254 12.8 6.35267 12.8 6.79293Z",
-            stroke: color,
-            strokeWidth: "1.3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-PageIcon.displayName = "PageIcon";
-export {
-  PageIcon
-};

package/lib/text-italic.js

@@ -1,32 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-const TextItalicIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M12.75 3H7.125M9.625 13H4M10.25 3L6.5 13",
-            stroke: color,
-            strokeWidth: "1.45",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-);
-TextItalicIcon.displayName = "TextItalicIcon";
-export {
-  TextItalicIcon
-};

package/src/body.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const BodyIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="15"
-        height="15"
-        viewBox="0 0 15 15"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          d="M1 3.96833H14M2.51667 14H12.4833C13.321 14 14 13.321 14 12.4833V2.51667C14 1.67903 13.321 1 12.4833 1H2.51667C1.67903 1 1 1.67903 1 2.51667V12.4833C1 13.321 1.67903 14 2.51667 14Z"
-          stroke={color}
-          strokeWidth="1.15"
-        />
-      </svg>
-    );
-  }
-);
-
-BodyIcon.displayName = "BodyIcon";

package/src/brush.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const BrushIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="15"
-        height="15"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37-1.34-1.34a.9959.9959 0 0 0-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z"
-        />
-      </svg>
-    );
-  }
-);
-
-BrushIcon.displayName = "BrushIcon";

package/src/external-link.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const ExternalLinkIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        fill={color}
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M3.7 3.7h2.294a.7.7 0 1 0 0-1.4H3.5a1.2 1.2 0 0 0-1.2 1.2v9a1.2 1.2 0 0 0 1.2 1.2h9a1.2 1.2 0 0 0 1.2-1.2V9.993a.7.7 0 1 0-1.4 0V12.3H3.7V3.7ZM8.813 3a.7.7 0 0 1 .7-.7H13a.7.7 0 0 1 .7.7v3.49a.7.7 0 1 1-1.4 0v-1.8L8.495 8.495a.7.7 0 1 1-.99-.99L11.31 3.7H9.513a.7.7 0 0 1-.7-.7Z"
-        />
-      </svg>
-    );
-  }
-);
-
-ExternalLinkIcon.displayName = "ExternalLinkIcon";

package/src/form.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FormIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="15"
-        height="15"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M13 11H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h9v7zM4 9h7V6H4v3zm11 11H4c-1.1 0-2-.9-2-2v-3c0-1.1.9-2 2-2h11v7zM4 18h9v-3H4v3zm18-9h-2l2-5h-7v7h2v9l5-11zM4.75 17.25h1.5v-1.5h-1.5v1.5zm0-9h1.5v-1.5h-1.5v1.5z"
-        />
-      </svg>
-    );
-  }
-);
-
-FormIcon.displayName = "FormIcon";

package/src/legacy.ts

@@ -1,21 +0,0 @@
-export {
-  ImageIcon,
-  FontBoldIcon,
-  FontItalicIcon,
-  Link2Icon,
-  DotsHorizontalIcon,
-  CheckIcon,
-  RocketIcon,
-  ExternalLinkIcon,
-  Share1Icon,
-  ExclamationTriangleIcon,
-  DotFilledIcon,
-  TriangleRightIcon,
-  TriangleDownIcon,
-  InputIcon,
-  ButtonIcon,
-  HeadingIcon,
-  TextIcon,
-  CrossCircledIcon,
-  CheckCircledIcon,
-} from "@radix-ui/react-icons";

package/src/page.tsx

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const PageIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          d="M9.19995 2.16168V4.64C9.19995 4.97603 9.19995 5.14405 9.26535 5.27239C9.32287 5.38529 9.41466 5.47708 9.52756 5.5346C9.6559 5.6 9.82392 5.6 10.16 5.6H11.3991H12.6383M12.8 6.79293V11.12C12.8 12.1281 12.8 12.6321 12.6038 13.0172C12.4312 13.3559 12.1558 13.6312 11.8171 13.8038C11.4321 14 10.928 14 9.91995 14H6.07995C5.07186 14 4.56781 14 4.18277 13.8038C3.84408 13.6312 3.56871 13.3559 3.39614 13.0172C3.19995 12.6321 3.19995 12.1281 3.19995 11.12V4.88C3.19995 3.87191 3.19995 3.36786 3.39614 2.98282C3.56871 2.64413 3.84408 2.36876 4.18277 2.19619C4.56781 2 5.07186 2 6.07995 2H8.00702C8.44728 2 8.66741 2 8.87457 2.04973C9.05823 2.09383 9.23381 2.16656 9.39486 2.26525C9.57651 2.37656 9.73217 2.53222 10.0435 2.84353L11.9564 4.75647C12.2677 5.06778 12.4234 5.22344 12.5347 5.40509C12.6334 5.56614 12.7061 5.74172 12.7502 5.92538C12.8 6.13254 12.8 6.35267 12.8 6.79293Z"
-          stroke={color}
-          strokeWidth="1.3"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-    );
-  }
-);
-
-PageIcon.displayName = "PageIcon";

package/src/text-italic.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const TextItalicIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          d="M12.75 3H7.125M9.625 13H4M10.25 3L6.5 13"
-          stroke={color}
-          strokeWidth="1.45"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-    );
-  }
-);
-TextItalicIcon.displayName = "TextItalicIcon";