ant-design/6af6e825-async.c4437ec1.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["6af6e825"],{"63141c4c":function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"texts",{enumerable:!0,get:function(){return r;}}),n("fdecdea3");let r=[{value:"Before using icons, you need to install the ",paraId:0,tocIndex:0},{value:"@ant-design/icons",paraId:0,tocIndex:0},{value:" package:",paraId:0,tocIndex:0},{value:"Remember to use @ant-design/icons v5 with antd v5. See: ",paraId:1},{value:"#53275",paraId:1},{value:"Property",paraId:2,tocIndex:9},{value:"Description",paraId:2,tocIndex:9},{value:"Type",paraId:2,tocIndex:9},{value:"Default",paraId:2,tocIndex:9},{value:"Version",paraId:2,tocIndex:9},{value:"className",paraId:2,tocIndex:9},{value:"The className of Icon",paraId:2,tocIndex:9},{value:"string",paraId:2,tocIndex:9},{value:"-",paraId:2,tocIndex:9},{value:"rotate",paraId:2,tocIndex:9},{value:"Rotate by n degrees (not working in IE9)",paraId:2,tocIndex:9},{value:"number",paraId:2,tocIndex:9},{value:"-",paraId:2,tocIndex:9},{value:"spin",paraId:2,tocIndex:9},{value:"Rotate icon with animation",paraId:2,tocIndex:9},{value:"boolean",paraId:2,tocIndex:9},{value:"false",paraId:2,tocIndex:9},{value:"style",paraId:2,tocIndex:9},{value:"The style properties of icon, like ",paraId:2,tocIndex:9},{value:"fontSize",paraId:2,tocIndex:9},{value:" and ",paraId:2,tocIndex:9},{value:"color",paraId:2,tocIndex:9},{value:"CSSProperties",paraId:2,tocIndex:9},{value:"-",paraId:2,tocIndex:9},{value:"twoToneColor",paraId:2,tocIndex:9},{value:"Only supports the two-tone icon. Specify the primary color",paraId:2,tocIndex:9},{value:"string (hex color)",paraId:2,tocIndex:9},{value:"-",paraId:2,tocIndex:9},{value:"We still have three different themes for icons, icon component name is the icon name suffixed by the theme name.",paraId:3,tocIndex:9},{value:"import { StarOutlined, StarFilled, StarTwoTone } from '@ant-design/icons';\n\n<StarOutlined />\n<StarFilled />\n<StarTwoTone twoToneColor=\"#eb2f96\" />\n",paraId:4,tocIndex:9},{value:"Property",paraId:5,tocIndex:10},{value:"Description",paraId:5,tocIndex:10},{value:"Type",paraId:5,tocIndex:10},{value:"Default",paraId:5,tocIndex:10},{value:"Version",paraId:5,tocIndex:10},{value:"component",paraId:5,tocIndex:10},{value:"The component used for the root node",paraId:5,tocIndex:10},{value:"ComponentType<CustomIconComponentProps>",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"rotate",paraId:5,tocIndex:10},{value:"Rotate degrees (not working in IE9)",paraId:5,tocIndex:10},{value:"number",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"spin",paraId:5,tocIndex:10},{value:"Rotate icon with animation",paraId:5,tocIndex:10},{value:"boolean",paraId:5,tocIndex:10},{value:"false",paraId:5,tocIndex:10},{value:"style",paraId:5,tocIndex:10},{value:"The style properties of icon, like ",paraId:5,tocIndex:10},{value:"fontSize",paraId:5,tocIndex:10},{value:" and ",paraId:5,tocIndex:10},{value:"color",paraId:5,tocIndex:10},{value:"CSSProperties",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"We introduced SVG icons in version ",paraId:6,tocIndex:11},{value:"3.9.0",paraId:6,tocIndex:11},{value:", replacing font icons. This has the following benefits:",paraId:6,tocIndex:11},{value:"Complete offline usage of icons, without dependency on a CDN-hosted font icon file (No more empty square during downloading and no need to deploy icon font files locally either!)",paraId:7,tocIndex:11},{value:"Much more display accuracy on lower-resolution screens",paraId:7,tocIndex:11},{value:"The ability to choose icon color",paraId:7,tocIndex:11},{value:"No need to change built-in icons with overriding styles by providing more props in component",paraId:7,tocIndex:11},{value:"More discussion of SVG icon reference at ",paraId:8,tocIndex:11},{value:"#10353",paraId:8,tocIndex:11},{value:".",paraId:8,tocIndex:11},{value:"\u26A0\uFE0F Given the extra bundle size caused by all SVG icons imported in 3.9.0, we will provide a new API to allow developers to import icons as needed, you can track ",paraId:9,tocIndex:11},{value:"#12011",paraId:9,tocIndex:11},{value:" for updates.",paraId:9,tocIndex:11},{value:"While you wait, you can use ",paraId:10,tocIndex:11},{value:"webpack plugin",paraId:10,tocIndex:11},{value:" from the community to chunk the icon file.",paraId:10,tocIndex:11},{value:"The properties ",paraId:11,tocIndex:11},{value:"theme",paraId:11,tocIndex:11},{value:", ",paraId:11,tocIndex:11},{value:"component",paraId:11,tocIndex:11},{value:" and ",paraId:11,tocIndex:11},{value:"twoToneColor",paraId:11,tocIndex:11},{value:" were added in ",paraId:11,tocIndex:11},{value:"3.9.0",paraId:11,tocIndex:11},{value:". The best practice is to pass the property ",paraId:11,tocIndex:11},{value:"theme",paraId:11,tocIndex:11},{value:" to every ",paraId:11,tocIndex:11},{value:"<Icon />",paraId:11,tocIndex:11},{value:" component.",paraId:11,tocIndex:11},{value:"import { MessageOutlined } from '@ant-design/icons';\n\n<MessageOutlined style={{ fontSize: '16px', color: '#08c' }} />;\n",paraId:12,tocIndex:11},{value:"All the icons will render to ",paraId:13,tocIndex:11},{value:"<svg>",paraId:13,tocIndex:11},{value:". You can still set ",paraId:13,tocIndex:11},{value:"style",paraId:13,tocIndex:11},{value:" and ",paraId:13,tocIndex:11},{value:"className",paraId:13,tocIndex:11},{value:" for size and color of icons.",paraId:13,tocIndex:11},{value:"<Icon type=\"message\" style={{ fontSize: '16px', color: '#08c' }} theme=\"outlined\" />\n",paraId:14,tocIndex:11},{value:"When using the two-tone icons, you can use the static methods ",paraId:15,tocIndex:12},{value:"getTwoToneColor()",paraId:15,tocIndex:12},{value:" and ",paraId:15,tocIndex:12},{value:"setTwoToneColor(colorString)",paraId:15,tocIndex:12},{value:" to specify the primary color.",paraId:15,tocIndex:12},{value:"import { getTwoToneColor, setTwoToneColor } from '@ant-design/icons';\n\nsetTwoToneColor('#eb2f96');\ngetTwoToneColor(); // #eb2f96\n",paraId:16,tocIndex:12},{value:"We added a ",paraId:17,tocIndex:13},{value:"createFromIconfontCN",paraId:17,tocIndex:13},{value:" function to help developer use their own icons deployed at ",paraId:17,tocIndex:13},{value:"iconfont.cn",paraId:17,tocIndex:13},{value:" in a convenient way.",paraId:17,tocIndex:13},{value:"This method is specified for ",paraId:18,tocIndex:13},{value:"iconfont.cn",paraId:18,tocIndex:13},{value:".",paraId:18,tocIndex:13},{value:"import React from 'react';\nimport { createFromIconfontCN } from '@ant-design/icons';\nimport ReactDOM from 'react-dom/client';\n\nconst MyIcon = createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // generate in iconfont.cn\n});\n\nReactDOM.createRoot(mountNode).render(<MyIcon type=\"icon-example\" />);\n",paraId:19,tocIndex:13},{value:"It creates a component that uses SVG sprites in essence.",paraId:20,tocIndex:13},{value:"The following options are available:",paraId:21,tocIndex:13},{value:"Property",paraId:22,tocIndex:13},{value:"Description",paraId:22,tocIndex:13},{value:"Type",paraId:22,tocIndex:13},{value:"Default",paraId:22,tocIndex:13},{value:"Version",paraId:22,tocIndex:13},{value:"extraCommonProps",paraId:22,tocIndex:13},{value:"Define extra properties to the component",paraId:22,tocIndex:13},{value:"{ [key: string]: any }",paraId:22,tocIndex:13},{value:"{}",paraId:22,tocIndex:13},{value:"scriptUrl",paraId:22,tocIndex:13},{value:"The URL generated by ",paraId:22,tocIndex:13},{value:"iconfont.cn",paraId:22,tocIndex:13},{value:" project. Support ",paraId:22,tocIndex:13},{value:"string[]",paraId:22,tocIndex:13},{value:" after ",paraId:22,tocIndex:13},{value:"@ant-design/icons@4.1.0",paraId:22,tocIndex:13},{value:"string | string[]",paraId:22,tocIndex:13},{value:"-",paraId:22,tocIndex:13},{value:"The property ",paraId:23,tocIndex:13},{value:"scriptUrl",paraId:23,tocIndex:13},{value:" should be set to import the SVG sprite symbols.",paraId:23,tocIndex:13},{value:"See ",paraId:24,tocIndex:13},{value:"iconfont.cn documents",paraId:24,tocIndex:13},{value:" to learn about how to generate ",paraId:24,tocIndex:13},{value:"scriptUrl",paraId:24,tocIndex:13},{value:".",paraId:24,tocIndex:13},{value:"You can import SVG icon as a react component by using ",paraId:25,tocIndex:14},{value:"webpack",paraId:25,tocIndex:14},{value:" and ",paraId:25,tocIndex:14},{value:"@svgr/webpack",paraId:25,tocIndex:14},{value:". ",paraId:25,tocIndex:14},{value:"@svgr/webpack",paraId:25,tocIndex:14},{value:"'s ",paraId:25,tocIndex:14},{value:"options",paraId:25,tocIndex:14},{value:" ",paraId:25,tocIndex:14},{value:"reference",paraId:25,tocIndex:14},{value:".",paraId:25,tocIndex:14},{value:"// webpack.config.js\nmodule.exports = {\n  // ... other config\n  test: /\\.svg(\\?v=\\d+\\.\\d+\\.\\d+)?$/,\n  use: [\n    {\n      loader: 'babel-loader',\n    },\n    {\n      loader: '@svgr/webpack',\n      options: {\n        babel: false,\n        icon: true,\n      },\n    },\n  ],\n};\n",paraId:26,tocIndex:14},{value:"You can import SVG icon as a react component by using ",paraId:27,tocIndex:14},{value:"vite",paraId:27,tocIndex:14},{value:" and ",paraId:27,tocIndex:14},{value:"vite-plugin-svgr",paraId:27,tocIndex:14},{value:". ",paraId:27,tocIndex:14},{value:"@svgr/webpack",paraId:27,tocIndex:14},{value:"'s ",paraId:27,tocIndex:14},{value:"options",paraId:27,tocIndex:14},{value:" ",paraId:27,tocIndex:14},{value:"reference",paraId:27,tocIndex:14},{value:".",paraId:27,tocIndex:14},{value:"// vite.config.js\nexport default defineConfig(() => ({\n  // ... other config\n  plugins: [svgr({ svgrOptions: { icon: true } })],\n}));\n",paraId:28,tocIndex:14},{value:"import React from 'react';\nimport Icon from '@ant-design/icons';\nimport MessageSvg from 'path/to/message.svg'; // path to your '*.svg' file.\n\n// import MessageSvg from 'path/to/message.svg?react'; // use vite path to your '*.svg?react' file.\nimport ReactDOM from 'react-dom/client';\n\n// in create-react-app:\n// import { ReactComponent as MessageSvg } from 'path/to/message.svg';\n\nReactDOM.createRoot(mountNode).render(<Icon component={MessageSvg} />);\n",paraId:29,tocIndex:14},{value:"The following properties are available for the component:",paraId:30,tocIndex:14},{value:"Property",paraId:31,tocIndex:14},{value:"Description",paraId:31,tocIndex:14},{value:"Type",paraId:31,tocIndex:14},{value:"Readonly",paraId:31,tocIndex:14},{value:"Version",paraId:31,tocIndex:14},{value:"className",paraId:31,tocIndex:14},{value:"The computed class name of the ",paraId:31,tocIndex:14},{value:"svg",paraId:31,tocIndex:14},{value:" element",paraId:31,tocIndex:14},{value:"string",paraId:31,tocIndex:14},{value:"-",paraId:31,tocIndex:14},{value:"fill",paraId:31,tocIndex:14},{value:"Define the color used to paint the ",paraId:31,tocIndex:14},{value:"svg",paraId:31,tocIndex:14},{value:" element",paraId:31,tocIndex:14},{value:"string",paraId:31,tocIndex:14},{value:"currentColor",paraId:31,tocIndex:14},{value:"height",paraId:31,tocIndex:14},{value:"The height of the ",paraId:31,tocIndex:14},{value:"svg",paraId:31,tocIndex:14},{value:" element",paraId:31,tocIndex:14},{value:"string | number",paraId:31,tocIndex:14},{value:"1em",paraId:31,tocIndex:14},{value:"style",paraId:31,tocIndex:14},{value:"The computed style of the ",paraId:31,tocIndex:14},{value:"svg",paraId:31,tocIndex:14},{value:" element",paraId:31,tocIndex:14},{value:"CSSProperties",paraId:31,tocIndex:14},{value:"-",paraId:31,tocIndex:14},{value:"width",paraId:31,tocIndex:14},{value:"The width of the ",paraId:31,tocIndex:14},{value:"svg",paraId:31,tocIndex:14},{value:" element",paraId:31,tocIndex:14},{value:"string | number",paraId:31,tocIndex:14},{value:"1em",paraId:31,tocIndex:14}];},"6af6e825":function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"default",{enumerable:!0,get:function(){return g;}});var r=n("777fffbe"),s=n("f19d2b93"),a=r._(n("769c016e")),o=r._(n("b622e337")),c=r._(n("67074e5d")),i=r._(n("3098b24f")),l=r._(n("84b131b4")),d=r._(n("8d58af48")),p=r._(n("5437c7d5")),u=r._(n("97c488ea")),x=r._(n("c96b0d01")),m=n("5b220c3d"),h=n("9c86e52a"),v=n("63141c4c"),g=function(){return(0,s.jsx)(h.DumiPage,{children:(0,s.jsx)(m.Suspense,{fallback:(0,s.jsx)(x.default,{}),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"how-to-use",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#how-to-use",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"How to use"]}),(0,s.jsxs)("p",{children:[v.texts[0].value,(0,s.jsx)(u.default,{href:"https://github.com/ant-design/ant-design-icons",sourceType:"a",children:v.texts[1].value}),v.texts[2].value]})]}),(0,s.jsx)(p.default,{npm:"npm install @ant-design/icons@5.x --save",yarn:"yarn add @ant-design/icons@5.x",pnpm:"pnpm install @ant-design/icons@5.x --save",bun:"bun add @ant-design/icons@5.x"}),(0,s.jsx)(a.default,{type:"warning",title:"Tips",children:(0,s.jsxs)("p",{children:[v.texts[3].value,(0,s.jsx)(u.default,{href:"https://github.com/ant-design/ant-design/issues/53275#issuecomment-2747448317",sourceType:"a",children:v.texts[4].value})]})}),(0,s.jsx)("div",{className:"markdown",children:(0,s.jsxs)("h2",{id:"list-of-icons",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#list-of-icons",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"List of icons"]})}),(0,s.jsx)(d.default,{}),(0,s.jsx)("div",{className:"markdown",children:(0,s.jsxs)("h2",{id:"examples",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#examples",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Examples"]})}),(0,s.jsx)(l.default,{items:[{demo:{id:"icon-demo-basic"},previewerProps:{title:"Basic",filename:"components/icon/demo/basic.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport {\n  HomeOutlined,\n  LoadingOutlined,\n  SettingFilled,\n  SmileOutlined,\n  SyncOutlined,\n} from '@ant-design/icons';\nimport { Space } from 'antd';\nconst App = () => (\n  <Space>\n    <HomeOutlined />\n    <SettingFilled />\n    <SmileOutlined />\n    <SyncOutlined spin />\n    <SmileOutlined rotate={180} />\n    <LoadingOutlined />\n  </Space>\n);\nexport default App;\n",description:"<p>Import icons from <code>@ant-design/icons</code>, component name of icons with different theme is the icon name suffixed by the theme name. Specify the <code>spin</code> property to show the spinning animation.</p>"}},{demo:{id:"icon-demo-two-tone"},previewerProps:{title:"Two-tone icon and colorful icon",filename:"components/icon/demo/two-tone.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { CheckCircleTwoTone, HeartTwoTone, SmileTwoTone } from '@ant-design/icons';\nimport { Space } from 'antd';\nconst App = () => (\n  <Space>\n    <SmileTwoTone />\n    <HeartTwoTone twoToneColor=\"#eb2f96\" />\n    <CheckCircleTwoTone twoToneColor=\"#52c41a\" />\n  </Space>\n);\nexport default App;\n",description:"<p>You can set the <code>twoToneColor</code> prop to a specific primary color for two-tone icons.</p>"}},{demo:{id:"icon-demo-custom"},previewerProps:{title:"Custom Icon",filename:"components/icon/demo/custom.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport Icon, { HomeOutlined } from \'@ant-design/icons\';\nimport { Space } from \'antd\';\nconst HeartSvg = () => (\n  <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">\n    <title>heart icon</title>\n    <path d="M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z" />\n  </svg>\n);\nconst PandaSvg = () => (\n  <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">\n    <title>Panda icon</title>\n    <path\n      d="M99.096 315.634s-82.58-64.032-82.58-132.13c0-66.064 33.032-165.162 148.646-148.646 83.37 11.91 99.096 165.162 99.096 165.162l-165.162 115.614zM924.906 315.634s82.58-64.032 82.58-132.13c0-66.064-33.032-165.162-148.646-148.646-83.37 11.91-99.096 165.162-99.096 165.162l165.162 115.614z"\n      fill="#6B676E"\n    />\n    <path\n      d="M1024 561.548c0 264.526-229.23 429.42-512.002 429.42S0 826.076 0 561.548 283.96 66.064 512.002 66.064 1024 297.022 1024 561.548z"\n      fill="#FFEBD2"\n    />\n    <path\n      d="M330.324 842.126c0 82.096 81.34 148.646 181.678 148.646s181.678-66.55 181.678-148.646H330.324z"\n      fill="#E9D7C3"\n    />\n    <path\n      d="M644.13 611.098C594.582 528.516 561.55 512 512.002 512c-49.548 0-82.58 16.516-132.13 99.096-42.488 70.814-78.73 211.264-49.548 247.742 66.064 82.58 165.162 33.032 181.678 33.032 16.516 0 115.614 49.548 181.678-33.032 29.18-36.476-7.064-176.93-49.55-247.74z"\n      fill="#FFFFFF"\n    />\n    <path\n      d="M611.098 495.484c0-45.608 36.974-82.58 82.58-82.58 49.548 0 198.194 99.098 198.194 165.162s-79.934 144.904-148.646 99.096c-49.548-33.032-132.128-148.646-132.128-181.678zM412.904 495.484c0-45.608-36.974-82.58-82.58-82.58-49.548 0-198.194 99.098-198.194 165.162s79.934 144.904 148.646 99.096c49.548-33.032 132.128-148.646 132.128-181.678z"\n      fill="#6B676E"\n    />\n    <path\n      d="M512.002 726.622c-30.06 0-115.614 5.668-115.614 33.032 0 49.638 105.484 85.24 115.614 82.58 10.128 2.66 115.614-32.944 115.614-82.58-0.002-27.366-85.556-33.032-115.614-33.032z"\n      fill="#464655"\n    />\n    <path\n      d="M330.324 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z"\n      fill="#464655"\n    />\n    <path\n      d="M693.678 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z"\n      fill="#464655"\n    />\n  </svg>\n);\nconst HeartIcon = props => <Icon component={HeartSvg} {...props} />;\nconst PandaIcon = props => <Icon component={PandaSvg} {...props} />;\nconst App = () => (\n  <Space>\n    <HeartIcon style={{ color: \'hotpink\' }} />\n    <PandaIcon style={{ fontSize: \'32px\' }} />\n    <Icon component={HomeOutlined} />\n    <HomeOutlined />\n  </Space>\n);\nexport default App;\n',description:"<p>Create a reusable React component by using <code>&#x3C;Icon component={...} /></code>. The property <code>component</code> takes a React component that renders to a <code>svg</code> element.</p>"}},{demo:{id:"icon-demo-iconfont"},previewerProps:{title:"Use iconfont.cn",filename:"components/icon/demo/iconfont.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { createFromIconfontCN } from '@ant-design/icons';\nimport { Space } from 'antd';\nconst IconFont = createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',\n});\nconst App = () => (\n  <Space>\n    <IconFont type=\"icon-tuichu\" />\n    <IconFont type=\"icon-facebook\" style={{ color: '#1877F2' }} />\n    <IconFont type=\"icon-twitter\" />\n  </Space>\n);\nexport default App;\n",description:'<p>If you are using <a href="http://iconfont.cn/">iconfont.cn</a>, you can use the icons in your project gracefully.</p>'}},{demo:{id:"icon-demo-scripturl"},previewerProps:{title:"Multiple resources from iconfont.cn",filename:"components/icon/demo/scriptUrl.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { createFromIconfontCN } from '@ant-design/icons';\nimport { Space } from 'antd';\nconst IconFont = createFromIconfontCN({\n  scriptUrl: [\n    '//at.alicdn.com/t/font_1788044_0dwu4guekcwr.js', // icon-javascript, icon-java, icon-shoppingcart (overridden)\n    '//at.alicdn.com/t/font_1788592_a5xf2bdic3u.js', // icon-shoppingcart, icon-python\n  ],\n});\nconst App = () => (\n  <Space>\n    <IconFont type=\"icon-javascript\" />\n    <IconFont type=\"icon-java\" />\n    <IconFont type=\"icon-shoppingcart\" />\n    <IconFont type=\"icon-python\" />\n  </Space>\n);\nexport default App;\n",description:'<p>You can use <code>scriptUrl</code> as an array after <code>@ant-design/icons@4.1.0</code>, to manage icons in one <code>&#x3C;Icon /></code> from multiple <a href="http://iconfont.cn/">iconfont.cn</a> resources. If an icon with a duplicate name is in resources, it will be overridden in array order.</p>'}}]}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"api",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,s.jsxs)("h3",{id:"common-icon",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#common-icon",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Common Icon"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:v.texts[5].value}),(0,s.jsx)("th",{children:v.texts[6].value}),(0,s.jsx)("th",{children:v.texts[7].value}),(0,s.jsx)("th",{children:v.texts[8].value}),(0,s.jsx)("th",{children:v.texts[9].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[10].value}),(0,s.jsx)("td",{children:v.texts[11].value}),(0,s.jsx)("td",{children:v.texts[12].value}),(0,s.jsx)("td",{children:v.texts[13].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[14].value}),(0,s.jsx)("td",{children:v.texts[15].value}),(0,s.jsx)("td",{children:v.texts[16].value}),(0,s.jsx)("td",{children:v.texts[17].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[18].value}),(0,s.jsx)("td",{children:v.texts[19].value}),(0,s.jsx)("td",{children:v.texts[20].value}),(0,s.jsx)("td",{children:v.texts[21].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[22].value}),(0,s.jsxs)("td",{children:[v.texts[23].value,(0,s.jsx)("code",{children:v.texts[24].value}),v.texts[25].value,(0,s.jsx)("code",{children:v.texts[26].value})]}),(0,s.jsx)("td",{children:v.texts[27].value}),(0,s.jsx)("td",{children:v.texts[28].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[29].value}),(0,s.jsx)("td",{children:v.texts[30].value}),(0,s.jsx)("td",{children:v.texts[31].value}),(0,s.jsx)("td",{children:v.texts[32].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsx)("p",{children:v.texts[33].value}),(0,s.jsx)(o.default,{lang:"jsx",children:v.texts[34].value}),(0,s.jsxs)("h3",{id:"custom-icon",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#custom-icon",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Custom Icon"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:v.texts[35].value}),(0,s.jsx)("th",{children:v.texts[36].value}),(0,s.jsx)("th",{children:v.texts[37].value}),(0,s.jsx)("th",{children:v.texts[38].value}),(0,s.jsx)("th",{children:v.texts[39].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[40].value}),(0,s.jsx)("td",{children:v.texts[41].value}),(0,s.jsx)("td",{children:v.texts[42].value}),(0,s.jsx)("td",{children:v.texts[43].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[44].value}),(0,s.jsx)("td",{children:v.texts[45].value}),(0,s.jsx)("td",{children:v.texts[46].value}),(0,s.jsx)("td",{children:v.texts[47].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[48].value}),(0,s.jsx)("td",{children:v.texts[49].value}),(0,s.jsx)("td",{children:v.texts[50].value}),(0,s.jsx)("td",{children:v.texts[51].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[52].value}),(0,s.jsxs)("td",{children:[v.texts[53].value,(0,s.jsx)("code",{children:v.texts[54].value}),v.texts[55].value,(0,s.jsx)("code",{children:v.texts[56].value})]}),(0,s.jsx)("td",{children:v.texts[57].value}),(0,s.jsx)("td",{children:v.texts[58].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h3",{id:"about-svg-icons",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#about-svg-icons",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"About SVG icons"]}),(0,s.jsxs)("p",{children:[v.texts[59].value,(0,s.jsx)("code",{children:v.texts[60].value}),v.texts[61].value]}),(0,s.jsxs)("ul",{children:[(0,s.jsx)("li",{children:v.texts[62].value}),(0,s.jsx)("li",{children:v.texts[63].value}),(0,s.jsx)("li",{children:v.texts[64].value}),(0,s.jsx)("li",{children:v.texts[65].value})]}),(0,s.jsxs)("p",{children:[v.texts[66].value,(0,s.jsx)(u.default,{href:"https://github.com/ant-design/ant-design/issues/10353",sourceType:"a",children:v.texts[67].value}),v.texts[68].value]}),(0,s.jsxs)("blockquote",{children:[(0,s.jsxs)("p",{children:[v.texts[69].value,(0,s.jsx)(u.default,{href:"https://github.com/ant-design/ant-design/issues/12011",sourceType:"a",children:v.texts[70].value}),v.texts[71].value]}),(0,s.jsxs)("p",{children:[v.texts[72].value,(0,s.jsx)(u.default,{href:"https://github.com/Beven91/webpack-ant-icon-loader",sourceType:"a",children:v.texts[73].value}),v.texts[74].value]})]}),(0,s.jsxs)("p",{children:[v.texts[75].value,(0,s.jsx)("code",{children:v.texts[76].value}),v.texts[77].value,(0,s.jsx)("code",{children:v.texts[78].value}),v.texts[79].value,(0,s.jsx)("code",{children:v.texts[80].value}),v.texts[81].value,(0,s.jsx)("code",{children:v.texts[82].value}),v.texts[83].value,(0,s.jsx)("code",{children:v.texts[84].value}),v.texts[85].value,(0,s.jsx)("code",{children:v.texts[86].value}),v.texts[87].value]}),(0,s.jsx)(o.default,{lang:"jsx",children:v.texts[88].value}),(0,s.jsxs)("p",{children:[v.texts[89].value,(0,s.jsx)("code",{children:v.texts[90].value}),v.texts[91].value,(0,s.jsx)("code",{children:v.texts[92].value}),v.texts[93].value,(0,s.jsx)("code",{children:v.texts[94].value}),v.texts[95].value]}),(0,s.jsx)(o.default,{lang:"jsx",children:v.texts[96].value}),(0,s.jsxs)("h3",{id:"set-twotone-color",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#set-twotone-color",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Set TwoTone Color"]}),(0,s.jsxs)("p",{children:[v.texts[97].value,(0,s.jsx)("code",{children:v.texts[98].value}),v.texts[99].value,(0,s.jsx)("code",{children:v.texts[100].value}),v.texts[101].value]}),(0,s.jsx)(o.default,{lang:"jsx",children:v.texts[102].value}),(0,s.jsxs)("h3",{id:"custom-font-icon",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#custom-font-icon",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Custom Font Icon"]}),(0,s.jsxs)("p",{children:[v.texts[103].value,(0,s.jsx)("code",{children:v.texts[104].value}),v.texts[105].value,(0,s.jsx)(u.default,{href:"http://iconfont.cn/",sourceType:"a",children:v.texts[106].value}),v.texts[107].value]}),(0,s.jsx)("blockquote",{children:(0,s.jsxs)("p",{children:[v.texts[108].value,(0,s.jsx)(u.default,{href:"http://iconfont.cn/",sourceType:"a",children:v.texts[109].value}),v.texts[110].value]})}),(0,s.jsx)(o.default,{lang:"jsx",children:v.texts[111].value}),(0,s.jsx)("p",{children:v.texts[112].value}),(0,s.jsx)("p",{children:v.texts[113].value}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:v.texts[114].value}),(0,s.jsx)("th",{children:v.texts[115].value}),(0,s.jsx)("th",{children:v.texts[116].value}),(0,s.jsx)("th",{children:v.texts[117].value}),(0,s.jsx)("th",{children:v.texts[118].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[119].value}),(0,s.jsx)("td",{children:v.texts[120].value}),(0,s.jsx)("td",{children:v.texts[121].value}),(0,s.jsx)("td",{children:v.texts[122].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[123].value}),(0,s.jsxs)("td",{children:[v.texts[124].value,(0,s.jsx)(u.default,{href:"http://iconfont.cn/",sourceType:"a",children:v.texts[125].value}),v.texts[126].value,(0,s.jsx)("code",{children:v.texts[127].value}),v.texts[128].value,(0,s.jsx)("code",{children:v.texts[129].value})]}),(0,s.jsx)("td",{children:v.texts[130].value}),(0,s.jsx)("td",{children:v.texts[131].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("p",{children:[v.texts[132].value,(0,s.jsx)("code",{children:v.texts[133].value}),v.texts[134].value]}),(0,s.jsxs)("p",{children:[v.texts[135].value,(0,s.jsx)(u.default,{href:"http://iconfont.cn/help/detail?spm=a313x.7781069.1998910419.15&helptype=code",sourceType:"a",children:v.texts[136].value}),v.texts[137].value,(0,s.jsx)("code",{children:v.texts[138].value}),v.texts[139].value]}),(0,s.jsxs)("h3",{id:"custom-svg-icon",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#custom-svg-icon",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Custom SVG Icon"]}),(0,s.jsxs)("p",{children:[v.texts[140].value,(0,s.jsx)("code",{children:v.texts[141].value}),v.texts[142].value,(0,s.jsx)(u.default,{href:"https://www.npmjs.com/package/@svgr/webpack",sourceType:"a",children:(0,s.jsx)("code",{children:v.texts[143].value})}),v.texts[144].value,(0,s.jsx)("code",{children:v.texts[145].value}),v.texts[146].value,(0,s.jsx)("code",{children:v.texts[147].value}),v.texts[148].value,(0,s.jsx)(u.default,{href:"https://github.com/smooth-code/svgr#options",sourceType:"a",children:v.texts[149].value}),v.texts[150].value]}),(0,s.jsx)(o.default,{lang:"js",children:v.texts[151].value}),(0,s.jsxs)("p",{children:[v.texts[152].value,(0,s.jsx)("code",{children:v.texts[153].value}),v.texts[154].value,(0,s.jsx)(u.default,{href:"https://www.npmjs.com/package/vite-plugin-svgr",sourceType:"a",children:(0,s.jsx)("code",{children:v.texts[155].value})}),v.texts[156].value,(0,s.jsx)("code",{children:v.texts[157].value}),v.texts[158].value,(0,s.jsx)("code",{children:v.texts[159].value}),v.texts[160].value,(0,s.jsx)(u.default,{href:"https://github.com/smooth-code/svgr#options",sourceType:"a",children:v.texts[161].value}),v.texts[162].value]}),(0,s.jsx)(o.default,{lang:"js",children:v.texts[163].value}),(0,s.jsx)(o.default,{lang:"jsx",children:v.texts[164].value}),(0,s.jsx)("p",{children:v.texts[165].value}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:v.texts[166].value}),(0,s.jsx)("th",{children:v.texts[167].value}),(0,s.jsx)("th",{children:v.texts[168].value}),(0,s.jsx)("th",{children:v.texts[169].value}),(0,s.jsx)("th",{children:v.texts[170].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[171].value}),(0,s.jsxs)("td",{children:[v.texts[172].value,(0,s.jsx)("code",{children:v.texts[173].value}),v.texts[174].value]}),(0,s.jsx)("td",{children:v.texts[175].value}),(0,s.jsx)("td",{children:v.texts[176].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[177].value}),(0,s.jsxs)("td",{children:[v.texts[178].value,(0,s.jsx)("code",{children:v.texts[179].value}),v.texts[180].value]}),(0,s.jsx)("td",{children:v.texts[181].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:v.texts[182].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[183].value}),(0,s.jsxs)("td",{children:[v.texts[184].value,(0,s.jsx)("code",{children:v.texts[185].value}),v.texts[186].value]}),(0,s.jsx)("td",{children:v.texts[187].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:v.texts[188].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[189].value}),(0,s.jsxs)("td",{children:[v.texts[190].value,(0,s.jsx)("code",{children:v.texts[191].value}),v.texts[192].value]}),(0,s.jsx)("td",{children:v.texts[193].value}),(0,s.jsx)("td",{children:v.texts[194].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:v.texts[195].value}),(0,s.jsxs)("td",{children:[v.texts[196].value,(0,s.jsx)("code",{children:v.texts[197].value}),v.texts[198].value]}),(0,s.jsx)("td",{children:v.texts[199].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:v.texts[200].value})}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h2",{id:"design-token",children:[(0,s.jsx)(u.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-token",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Design Token"]})]}),(0,s.jsx)(i.default,{component:"Icon"})]})})});};}}]);