diff --git a/.gitignore b/.gitignore index 727c232..267523b 100644 --- a/.gitignore +++ b/.gitignore @@ -2,9 +2,4 @@ node_modules build .env -vue/ -react/ -nataicons-sprite.svg -nataicons-24x24-sprite.svg -nataicons-20x20-sprite.svg .DS_Store \ No newline at end of file diff --git a/README.md b/README.md index 4e8e435..97f275f 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@

Nataicons

- A fun-themed simple open source icon by the folks at Natatoko. This icons provide 2 icons variant: 24x24 and 20x20. Practically, this icons are used on our web application, but feel free to use it on your project! + A fun-themed simple open source icon by the folks at Natatoko.

--- @@ -17,9 +17,9 @@ ## Installation -Install with [npm](https://www.npmjs.com/package/nataicons). +Install with npm ```bash -npm install nataicons --save +npm install nataicons ``` ## Usage @@ -46,13 +46,18 @@ Include an icon on your page with the following markup: ### Vue -1. Import the icon components +1. Install with npm +```bash +npm install @nataicons/vue +``` + +2. Import the icon components ```js import { AlarmIcon, AlertIcon, NataIcon } from "nataicons/vue" ``` -2. Use the icon components in your template +3. Use the icon components in your template ```jsx @@ -74,13 +79,18 @@ You can set a custom `size` (in pixels) or use the default sizes (24px or 20px). ### React -1. Import the icon components +1. Install with npm +```bash +npm install @nataicons/react +``` + +2. Import the icon components ```jsx -import { AlarmIcon, NataIcon } from "nataicons/react" +import { AlarmIcon, NataIcon } from "@nataicons/react" ``` -2. Use the icon components in your JSX +3. Use the icon components in your JSX ```jsx function MyComponent() { diff --git a/nataicons-20x20-sprite.svg b/nataicons-20x20-sprite.svg new file mode 100644 index 0000000..fe85afe --- /dev/null +++ b/nataicons-20x20-sprite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/nataicons-24x24-sprite.svg b/nataicons-24x24-sprite.svg new file mode 100644 index 0000000..4b72fc9 --- /dev/null +++ b/nataicons-24x24-sprite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/nataicons-sprite.svg b/nataicons-sprite.svg new file mode 100644 index 0000000..75f5e18 --- /dev/null +++ b/nataicons-sprite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/package.json b/package.json index d3efa93..2cb294f 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,8 @@ "prepublishOnly": "npm run build", "build": "npm run build:icons && npm run build:vue && npm run build:react", "build:icons": "node ./scripts/build-icons.js && npm run icons:optimize && npm run icons:sprite-all && npm run icons:sprite-24x24 && npm run icons:sprite-20x20", - "build:vue": "rm -rf ./vue && mkdir ./vue/ && node ./scripts/build-vue/index.js && rollup -c rollup.config.js", - "build:react": "rm -rf ./react && mkdir ./react && node ./scripts/build-react/index.js && rollup -c rollup.config.react.js", + "build:vue": "node ./scripts/build-vue.js && rollup -c rollup.config.js", + "build:react": "node ./scripts/build-react.js && rollup -c rollup.config.react.js", "icons:get": "figma-assets-generator", "icons:sprite-all": "svg-sprite --svg-namespace-classnames false --symbol --symbol-dest . --symbol-sprite nataicons-sprite.svg './icons/./24x24/*.svg' './icons/./20x20/*.svg'", "icons:sprite-24x24": "svg-sprite --svg-namespace-classnames false --symbol --symbol-dest . --symbol-sprite nataicons-24x24-sprite.svg './icons/./24x24/*.svg'", @@ -60,11 +60,11 @@ }, "files": [ "icons", - "vue", - "react", "nataicons-sprite.svg", "nataicons-24x24-sprite.svg", - "nataicons-20x20-sprite.svg" + "nataicons-20x20-sprite.svg", + "README.md", + "LICENSE" ], "dependencies": { "@babel/runtime": "^7.25.6" diff --git a/react/AlarmIcon.js b/react/AlarmIcon.js new file mode 100644 index 0000000..f377588 --- /dev/null +++ b/react/AlarmIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const AlarmIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default AlarmIcon; \ No newline at end of file diff --git a/react/AlignCenterIcon.js b/react/AlignCenterIcon.js new file mode 100644 index 0000000..1b6150f --- /dev/null +++ b/react/AlignCenterIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const AlignCenterIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default AlignCenterIcon; \ No newline at end of file diff --git a/react/AlignJustifyIcon.js b/react/AlignJustifyIcon.js new file mode 100644 index 0000000..c42c4ae --- /dev/null +++ b/react/AlignJustifyIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const AlignJustifyIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default AlignJustifyIcon; \ No newline at end of file diff --git a/react/AlignLeftIcon.js b/react/AlignLeftIcon.js new file mode 100644 index 0000000..c3306d1 --- /dev/null +++ b/react/AlignLeftIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const AlignLeftIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default AlignLeftIcon; \ No newline at end of file diff --git a/react/AlignRightIcon.js b/react/AlignRightIcon.js new file mode 100644 index 0000000..64ea1c0 --- /dev/null +++ b/react/AlignRightIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const AlignRightIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default AlignRightIcon; \ No newline at end of file diff --git a/react/ArrowBottomLeftIcon.js b/react/ArrowBottomLeftIcon.js new file mode 100644 index 0000000..5d78a39 --- /dev/null +++ b/react/ArrowBottomLeftIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowBottomLeftIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowBottomLeftIcon; \ No newline at end of file diff --git a/react/ArrowBottomRightIcon.js b/react/ArrowBottomRightIcon.js new file mode 100644 index 0000000..138f692 --- /dev/null +++ b/react/ArrowBottomRightIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowBottomRightIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowBottomRightIcon; \ No newline at end of file diff --git a/react/ArrowDownIcon.js b/react/ArrowDownIcon.js new file mode 100644 index 0000000..133c0d8 --- /dev/null +++ b/react/ArrowDownIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowDownIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowDownIcon; \ No newline at end of file diff --git a/react/ArrowLeftIcon.js b/react/ArrowLeftIcon.js new file mode 100644 index 0000000..da0be35 --- /dev/null +++ b/react/ArrowLeftIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowLeftIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowLeftIcon; \ No newline at end of file diff --git a/react/ArrowLeftRightIcon.js b/react/ArrowLeftRightIcon.js new file mode 100644 index 0000000..0d2efad --- /dev/null +++ b/react/ArrowLeftRightIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowLeftRightIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowLeftRightIcon; \ No newline at end of file diff --git a/react/ArrowRightIcon.js b/react/ArrowRightIcon.js new file mode 100644 index 0000000..85c3e26 --- /dev/null +++ b/react/ArrowRightIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowRightIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowRightIcon; \ No newline at end of file diff --git a/react/ArrowTopBottomIcon.js b/react/ArrowTopBottomIcon.js new file mode 100644 index 0000000..3737cbf --- /dev/null +++ b/react/ArrowTopBottomIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowTopBottomIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowTopBottomIcon; \ No newline at end of file diff --git a/react/ArrowTopIcon.js b/react/ArrowTopIcon.js new file mode 100644 index 0000000..44b06f5 --- /dev/null +++ b/react/ArrowTopIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowTopIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowTopIcon; \ No newline at end of file diff --git a/react/ArrowTopLeftIcon.js b/react/ArrowTopLeftIcon.js new file mode 100644 index 0000000..927f582 --- /dev/null +++ b/react/ArrowTopLeftIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowTopLeftIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowTopLeftIcon; \ No newline at end of file diff --git a/react/ArrowTopRightIcon.js b/react/ArrowTopRightIcon.js new file mode 100644 index 0000000..26acd2d --- /dev/null +++ b/react/ArrowTopRightIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ArrowTopRightIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ArrowTopRightIcon; \ No newline at end of file diff --git a/react/Battery0Icon.js b/react/Battery0Icon.js new file mode 100644 index 0000000..d752088 --- /dev/null +++ b/react/Battery0Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const Battery0Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default Battery0Icon; \ No newline at end of file diff --git a/react/Battery1Icon.js b/react/Battery1Icon.js new file mode 100644 index 0000000..ad3521d --- /dev/null +++ b/react/Battery1Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const Battery1Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default Battery1Icon; \ No newline at end of file diff --git a/react/Battery2Icon.js b/react/Battery2Icon.js new file mode 100644 index 0000000..4ab52e9 --- /dev/null +++ b/react/Battery2Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const Battery2Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default Battery2Icon; \ No newline at end of file diff --git a/react/Battery3Icon.js b/react/Battery3Icon.js new file mode 100644 index 0000000..76615bc --- /dev/null +++ b/react/Battery3Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const Battery3Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default Battery3Icon; \ No newline at end of file diff --git a/react/BatteryChargeIcon.js b/react/BatteryChargeIcon.js new file mode 100644 index 0000000..db6243b --- /dev/null +++ b/react/BatteryChargeIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const BatteryChargeIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default BatteryChargeIcon; \ No newline at end of file diff --git a/react/BellIcon.js b/react/BellIcon.js new file mode 100644 index 0000000..784e841 --- /dev/null +++ b/react/BellIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const BellIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default BellIcon; \ No newline at end of file diff --git a/react/BoldIcon.js b/react/BoldIcon.js new file mode 100644 index 0000000..533662d --- /dev/null +++ b/react/BoldIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const BoldIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default BoldIcon; \ No newline at end of file diff --git a/react/BookmarkIcon.js b/react/BookmarkIcon.js new file mode 100644 index 0000000..0dd7c51 --- /dev/null +++ b/react/BookmarkIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const BookmarkIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default BookmarkIcon; \ No newline at end of file diff --git a/react/BoxIcon.js b/react/BoxIcon.js new file mode 100644 index 0000000..0973215 --- /dev/null +++ b/react/BoxIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const BoxIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default BoxIcon; \ No newline at end of file diff --git a/react/CalendarCheckIcon.js b/react/CalendarCheckIcon.js new file mode 100644 index 0000000..a2841c8 --- /dev/null +++ b/react/CalendarCheckIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CalendarCheckIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CalendarCheckIcon; \ No newline at end of file diff --git a/react/CalendarIcon.js b/react/CalendarIcon.js new file mode 100644 index 0000000..ac0febd --- /dev/null +++ b/react/CalendarIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CalendarIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CalendarIcon; \ No newline at end of file diff --git a/react/CalendarMinIcon.js b/react/CalendarMinIcon.js new file mode 100644 index 0000000..fdcd10d --- /dev/null +++ b/react/CalendarMinIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CalendarMinIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CalendarMinIcon; \ No newline at end of file diff --git a/react/CalendarPlusIcon.js b/react/CalendarPlusIcon.js new file mode 100644 index 0000000..eb6fe0a --- /dev/null +++ b/react/CalendarPlusIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CalendarPlusIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CalendarPlusIcon; \ No newline at end of file diff --git a/react/CameraIcon.js b/react/CameraIcon.js new file mode 100644 index 0000000..3b7eb46 --- /dev/null +++ b/react/CameraIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CameraIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CameraIcon; \ No newline at end of file diff --git a/react/CaretCircleIcon.js b/react/CaretCircleIcon.js new file mode 100644 index 0000000..d4b4ea2 --- /dev/null +++ b/react/CaretCircleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CaretCircleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CaretCircleIcon; \ No newline at end of file diff --git a/react/CaretVerticalIcon.js b/react/CaretVerticalIcon.js new file mode 100644 index 0000000..07670c7 --- /dev/null +++ b/react/CaretVerticalIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CaretVerticalIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CaretVerticalIcon; \ No newline at end of file diff --git a/react/CheckCircleIcon.js b/react/CheckCircleIcon.js new file mode 100644 index 0000000..5728da6 --- /dev/null +++ b/react/CheckCircleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CheckCircleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CheckCircleIcon; \ No newline at end of file diff --git a/react/CheckIcon.js b/react/CheckIcon.js new file mode 100644 index 0000000..68d71db --- /dev/null +++ b/react/CheckIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CheckIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CheckIcon; \ No newline at end of file diff --git a/react/ChevronDoubleDownIcon.js b/react/ChevronDoubleDownIcon.js new file mode 100644 index 0000000..1641b13 --- /dev/null +++ b/react/ChevronDoubleDownIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronDoubleDownIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronDoubleDownIcon; \ No newline at end of file diff --git a/react/ChevronDoubleLeftIcon.js b/react/ChevronDoubleLeftIcon.js new file mode 100644 index 0000000..3ec6512 --- /dev/null +++ b/react/ChevronDoubleLeftIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronDoubleLeftIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronDoubleLeftIcon; \ No newline at end of file diff --git a/react/ChevronDoubleRightIcon.js b/react/ChevronDoubleRightIcon.js new file mode 100644 index 0000000..fc43382 --- /dev/null +++ b/react/ChevronDoubleRightIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronDoubleRightIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronDoubleRightIcon; \ No newline at end of file diff --git a/react/ChevronDoubleUpIcon.js b/react/ChevronDoubleUpIcon.js new file mode 100644 index 0000000..9ef8196 --- /dev/null +++ b/react/ChevronDoubleUpIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronDoubleUpIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronDoubleUpIcon; \ No newline at end of file diff --git a/react/ChevronDownIcon.js b/react/ChevronDownIcon.js new file mode 100644 index 0000000..556c1de --- /dev/null +++ b/react/ChevronDownIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronDownIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronDownIcon; \ No newline at end of file diff --git a/react/ChevronLeftIcon.js b/react/ChevronLeftIcon.js new file mode 100644 index 0000000..4761319 --- /dev/null +++ b/react/ChevronLeftIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronLeftIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronLeftIcon; \ No newline at end of file diff --git a/react/ChevronRightIcon.js b/react/ChevronRightIcon.js new file mode 100644 index 0000000..73ec7bf --- /dev/null +++ b/react/ChevronRightIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronRightIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronRightIcon; \ No newline at end of file diff --git a/react/ChevronUpIcon.js b/react/ChevronUpIcon.js new file mode 100644 index 0000000..f7c45e8 --- /dev/null +++ b/react/ChevronUpIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ChevronUpIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ChevronUpIcon; \ No newline at end of file diff --git a/react/CircleIcon.js b/react/CircleIcon.js new file mode 100644 index 0000000..ce7afb4 --- /dev/null +++ b/react/CircleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CircleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CircleIcon; \ No newline at end of file diff --git a/react/ClipboardCheckIcon.js b/react/ClipboardCheckIcon.js new file mode 100644 index 0000000..0ffe611 --- /dev/null +++ b/react/ClipboardCheckIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ClipboardCheckIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ClipboardCheckIcon; \ No newline at end of file diff --git a/react/ClipboardIcon.js b/react/ClipboardIcon.js new file mode 100644 index 0000000..c210543 --- /dev/null +++ b/react/ClipboardIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ClipboardIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ClipboardIcon; \ No newline at end of file diff --git a/react/ClipboardMinIcon.js b/react/ClipboardMinIcon.js new file mode 100644 index 0000000..08129f3 --- /dev/null +++ b/react/ClipboardMinIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ClipboardMinIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ClipboardMinIcon; \ No newline at end of file diff --git a/react/ClipboardPlusIcon.js b/react/ClipboardPlusIcon.js new file mode 100644 index 0000000..f188b3b --- /dev/null +++ b/react/ClipboardPlusIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ClipboardPlusIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ClipboardPlusIcon; \ No newline at end of file diff --git a/react/ClockIcon.js b/react/ClockIcon.js new file mode 100644 index 0000000..7911bce --- /dev/null +++ b/react/ClockIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ClockIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ClockIcon; \ No newline at end of file diff --git a/react/CopyIcon.js b/react/CopyIcon.js new file mode 100644 index 0000000..53a7160 --- /dev/null +++ b/react/CopyIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CopyIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CopyIcon; \ No newline at end of file diff --git a/react/CropIcon.js b/react/CropIcon.js new file mode 100644 index 0000000..a749a0b --- /dev/null +++ b/react/CropIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const CropIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default CropIcon; \ No newline at end of file diff --git a/react/DocumentImageIcon.js b/react/DocumentImageIcon.js new file mode 100644 index 0000000..e2b8a61 --- /dev/null +++ b/react/DocumentImageIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const DocumentImageIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default DocumentImageIcon; \ No newline at end of file diff --git a/react/DocumentTextIcon.js b/react/DocumentTextIcon.js new file mode 100644 index 0000000..b06ef98 --- /dev/null +++ b/react/DocumentTextIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const DocumentTextIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default DocumentTextIcon; \ No newline at end of file diff --git a/react/DocumentsIcon.js b/react/DocumentsIcon.js new file mode 100644 index 0000000..e18a3e9 --- /dev/null +++ b/react/DocumentsIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const DocumentsIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default DocumentsIcon; \ No newline at end of file diff --git a/react/DonutIcon.js b/react/DonutIcon.js new file mode 100644 index 0000000..7688d41 --- /dev/null +++ b/react/DonutIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const DonutIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default DonutIcon; \ No newline at end of file diff --git a/react/DownloadIcon.js b/react/DownloadIcon.js new file mode 100644 index 0000000..c90116d --- /dev/null +++ b/react/DownloadIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const DownloadIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default DownloadIcon; \ No newline at end of file diff --git a/react/Edit1Icon.js b/react/Edit1Icon.js new file mode 100644 index 0000000..fe4baf6 --- /dev/null +++ b/react/Edit1Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const Edit1Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default Edit1Icon; \ No newline at end of file diff --git a/react/Edit2Icon.js b/react/Edit2Icon.js new file mode 100644 index 0000000..c8da522 --- /dev/null +++ b/react/Edit2Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const Edit2Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default Edit2Icon; \ No newline at end of file diff --git a/react/Edit3Icon.js b/react/Edit3Icon.js new file mode 100644 index 0000000..456ef6f --- /dev/null +++ b/react/Edit3Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const Edit3Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default Edit3Icon; \ No newline at end of file diff --git a/react/ExclamationCircleIcon.js b/react/ExclamationCircleIcon.js new file mode 100644 index 0000000..6b9aae6 --- /dev/null +++ b/react/ExclamationCircleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ExclamationCircleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ExclamationCircleIcon; \ No newline at end of file diff --git a/react/ExternalLinkIcon.js b/react/ExternalLinkIcon.js new file mode 100644 index 0000000..4fde9b0 --- /dev/null +++ b/react/ExternalLinkIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ExternalLinkIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ExternalLinkIcon; \ No newline at end of file diff --git a/react/EyeClosedIcon.js b/react/EyeClosedIcon.js new file mode 100644 index 0000000..d18344c --- /dev/null +++ b/react/EyeClosedIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const EyeClosedIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default EyeClosedIcon; \ No newline at end of file diff --git a/react/EyeIcon.js b/react/EyeIcon.js new file mode 100644 index 0000000..9051633 --- /dev/null +++ b/react/EyeIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const EyeIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default EyeIcon; \ No newline at end of file diff --git a/react/FaceIdIcon.js b/react/FaceIdIcon.js new file mode 100644 index 0000000..c780744 --- /dev/null +++ b/react/FaceIdIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FaceIdIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FaceIdIcon; \ No newline at end of file diff --git a/react/FaceIdSadIcon.js b/react/FaceIdSadIcon.js new file mode 100644 index 0000000..795a841 --- /dev/null +++ b/react/FaceIdSadIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FaceIdSadIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FaceIdSadIcon; \ No newline at end of file diff --git a/react/FileCheckIcon.js b/react/FileCheckIcon.js new file mode 100644 index 0000000..7815d1e --- /dev/null +++ b/react/FileCheckIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FileCheckIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FileCheckIcon; \ No newline at end of file diff --git a/react/FileIcon.js b/react/FileIcon.js new file mode 100644 index 0000000..b6a7ae3 --- /dev/null +++ b/react/FileIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FileIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FileIcon; \ No newline at end of file diff --git a/react/FileMinIcon.js b/react/FileMinIcon.js new file mode 100644 index 0000000..e947cae --- /dev/null +++ b/react/FileMinIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FileMinIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FileMinIcon; \ No newline at end of file diff --git a/react/FilePlusIcon.js b/react/FilePlusIcon.js new file mode 100644 index 0000000..977aad0 --- /dev/null +++ b/react/FilePlusIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FilePlusIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FilePlusIcon; \ No newline at end of file diff --git a/react/FolderIcon.js b/react/FolderIcon.js new file mode 100644 index 0000000..73c5c33 --- /dev/null +++ b/react/FolderIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FolderIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FolderIcon; \ No newline at end of file diff --git a/react/FolderMinIcon.js b/react/FolderMinIcon.js new file mode 100644 index 0000000..d6c0186 --- /dev/null +++ b/react/FolderMinIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FolderMinIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FolderMinIcon; \ No newline at end of file diff --git a/react/FolderPlusIcon.js b/react/FolderPlusIcon.js new file mode 100644 index 0000000..2685067 --- /dev/null +++ b/react/FolderPlusIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FolderPlusIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FolderPlusIcon; \ No newline at end of file diff --git a/react/FoldersIcon.js b/react/FoldersIcon.js new file mode 100644 index 0000000..0d3711c --- /dev/null +++ b/react/FoldersIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FoldersIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FoldersIcon; \ No newline at end of file diff --git a/react/FontRomanIcon.js b/react/FontRomanIcon.js new file mode 100644 index 0000000..bc4131b --- /dev/null +++ b/react/FontRomanIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const FontRomanIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default FontRomanIcon; \ No newline at end of file diff --git a/react/HeartIcon.js b/react/HeartIcon.js new file mode 100644 index 0000000..2531836 --- /dev/null +++ b/react/HeartIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const HeartIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default HeartIcon; \ No newline at end of file diff --git a/react/HomeIcon.js b/react/HomeIcon.js new file mode 100644 index 0000000..91ae2cf --- /dev/null +++ b/react/HomeIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const HomeIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default HomeIcon; \ No newline at end of file diff --git a/react/ImageIcon.js b/react/ImageIcon.js new file mode 100644 index 0000000..48778e5 --- /dev/null +++ b/react/ImageIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ImageIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ImageIcon; \ No newline at end of file diff --git a/react/InboxIcon.js b/react/InboxIcon.js new file mode 100644 index 0000000..87734b1 --- /dev/null +++ b/react/InboxIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const InboxIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default InboxIcon; \ No newline at end of file diff --git a/react/InboxInIcon.js b/react/InboxInIcon.js new file mode 100644 index 0000000..a0b0ed8 --- /dev/null +++ b/react/InboxInIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const InboxInIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default InboxInIcon; \ No newline at end of file diff --git a/react/InboxOutIcon.js b/react/InboxOutIcon.js new file mode 100644 index 0000000..9c35539 --- /dev/null +++ b/react/InboxOutIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const InboxOutIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default InboxOutIcon; \ No newline at end of file diff --git a/react/InfoIcon.js b/react/InfoIcon.js new file mode 100644 index 0000000..e128e1d --- /dev/null +++ b/react/InfoIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const InfoIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default InfoIcon; \ No newline at end of file diff --git a/react/ItalicIcon.js b/react/ItalicIcon.js new file mode 100644 index 0000000..f11de0b --- /dev/null +++ b/react/ItalicIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ItalicIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ItalicIcon; \ No newline at end of file diff --git a/react/LICENSE b/react/LICENSE new file mode 100644 index 0000000..57351cd --- /dev/null +++ b/react/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Afnizar Nur Ghifari + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/react/ListIcon.js b/react/ListIcon.js new file mode 100644 index 0000000..8fa0f96 --- /dev/null +++ b/react/ListIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ListIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ListIcon; \ No newline at end of file diff --git a/react/LockClosedIcon.js b/react/LockClosedIcon.js new file mode 100644 index 0000000..429c0a5 --- /dev/null +++ b/react/LockClosedIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const LockClosedIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default LockClosedIcon; \ No newline at end of file diff --git a/react/LockOpenIcon.js b/react/LockOpenIcon.js new file mode 100644 index 0000000..7c75318 --- /dev/null +++ b/react/LockOpenIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const LockOpenIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default LockOpenIcon; \ No newline at end of file diff --git a/react/MailIcon.js b/react/MailIcon.js new file mode 100644 index 0000000..20084d9 --- /dev/null +++ b/react/MailIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MailIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MailIcon; \ No newline at end of file diff --git a/react/MailOpenIcon.js b/react/MailOpenIcon.js new file mode 100644 index 0000000..2f727f5 --- /dev/null +++ b/react/MailOpenIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MailOpenIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MailOpenIcon; \ No newline at end of file diff --git a/react/MaximizeIcon.js b/react/MaximizeIcon.js new file mode 100644 index 0000000..9efa6a8 --- /dev/null +++ b/react/MaximizeIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MaximizeIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MaximizeIcon; \ No newline at end of file diff --git a/react/MenuIcon.js b/react/MenuIcon.js new file mode 100644 index 0000000..e7b2f64 --- /dev/null +++ b/react/MenuIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MenuIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MenuIcon; \ No newline at end of file diff --git a/react/MinimizeIcon.js b/react/MinimizeIcon.js new file mode 100644 index 0000000..03efe0c --- /dev/null +++ b/react/MinimizeIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MinimizeIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MinimizeIcon; \ No newline at end of file diff --git a/react/MinusIcon.js b/react/MinusIcon.js new file mode 100644 index 0000000..da025c2 --- /dev/null +++ b/react/MinusIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MinusIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MinusIcon; \ No newline at end of file diff --git a/react/MoreHorizontalIcon.js b/react/MoreHorizontalIcon.js new file mode 100644 index 0000000..1f883c6 --- /dev/null +++ b/react/MoreHorizontalIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MoreHorizontalIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MoreHorizontalIcon; \ No newline at end of file diff --git a/react/MoreVerticalIcon.js b/react/MoreVerticalIcon.js new file mode 100644 index 0000000..203949c --- /dev/null +++ b/react/MoreVerticalIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const MoreVerticalIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default MoreVerticalIcon; \ No newline at end of file diff --git a/react/NatatokoIcon.js b/react/NatatokoIcon.js new file mode 100644 index 0000000..fe7c8b4 --- /dev/null +++ b/react/NatatokoIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const NatatokoIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default NatatokoIcon; \ No newline at end of file diff --git a/react/OverlineIcon.js b/react/OverlineIcon.js new file mode 100644 index 0000000..923c330 --- /dev/null +++ b/react/OverlineIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const OverlineIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default OverlineIcon; \ No newline at end of file diff --git a/react/PercentageIcon.js b/react/PercentageIcon.js new file mode 100644 index 0000000..c7b0667 --- /dev/null +++ b/react/PercentageIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const PercentageIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default PercentageIcon; \ No newline at end of file diff --git a/react/PlusCircleIcon.js b/react/PlusCircleIcon.js new file mode 100644 index 0000000..e829222 --- /dev/null +++ b/react/PlusCircleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const PlusCircleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default PlusCircleIcon; \ No newline at end of file diff --git a/react/PlusIcon.js b/react/PlusIcon.js new file mode 100644 index 0000000..0e4299a --- /dev/null +++ b/react/PlusIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const PlusIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default PlusIcon; \ No newline at end of file diff --git a/react/PrinterIcon.js b/react/PrinterIcon.js new file mode 100644 index 0000000..d44c784 --- /dev/null +++ b/react/PrinterIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const PrinterIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default PrinterIcon; \ No newline at end of file diff --git a/react/QuestionCircleIcon.js b/react/QuestionCircleIcon.js new file mode 100644 index 0000000..8d7a005 --- /dev/null +++ b/react/QuestionCircleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const QuestionCircleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default QuestionCircleIcon; \ No newline at end of file diff --git a/react/README.md b/react/README.md new file mode 100644 index 0000000..6e53df2 --- /dev/null +++ b/react/README.md @@ -0,0 +1,52 @@ +

+ + + +

+

Nataicons

+ +

+ A fun-themed simple open source icon by the folks at Natatoko. +

+ +--- + +
+ +
+ +## Installation + +Install with npm +```bash +npm install @nataicons/react +``` + +## Usage + +1. Import the icon components + +```jsx +import { AlarmIcon, NataIcon } from "@nataicons/react" +``` + +2. Use the icon components in your JSX + +```jsx +function MyComponent() { + return ( +
+ + +
+ ) +} +``` + +You can set a custom `size` (in pixels) or use the default sizes (24px or 20px). The `color` prop allows you to change the icon color. +om `size` (in pixels) or use the default sizes. The `color` prop allows you to change the icon color. + + +## License + +Nataicons is licensed under the [MIT License](https://github.com/afnizarnur/nataicons//tree/main/LICENSE). In short, you are free to use this icons in any personal, open-source or commercial work. Attribution is optional but appreciated. diff --git a/react/RectangleIcon.js b/react/RectangleIcon.js new file mode 100644 index 0000000..5f0da35 --- /dev/null +++ b/react/RectangleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const RectangleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default RectangleIcon; \ No newline at end of file diff --git a/react/RefreshAltIcon.js b/react/RefreshAltIcon.js new file mode 100644 index 0000000..cbeb3f2 --- /dev/null +++ b/react/RefreshAltIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const RefreshAltIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default RefreshAltIcon; \ No newline at end of file diff --git a/react/RefreshIcon.js b/react/RefreshIcon.js new file mode 100644 index 0000000..34fdcc0 --- /dev/null +++ b/react/RefreshIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const RefreshIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default RefreshIcon; \ No newline at end of file diff --git a/react/SearchIcon.js b/react/SearchIcon.js new file mode 100644 index 0000000..4569d6c --- /dev/null +++ b/react/SearchIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const SearchIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default SearchIcon; \ No newline at end of file diff --git a/react/SettingsIcon.js b/react/SettingsIcon.js new file mode 100644 index 0000000..528efd2 --- /dev/null +++ b/react/SettingsIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const SettingsIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default SettingsIcon; \ No newline at end of file diff --git a/react/ShoppingBagCheckIcon.js b/react/ShoppingBagCheckIcon.js new file mode 100644 index 0000000..85e2058 --- /dev/null +++ b/react/ShoppingBagCheckIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ShoppingBagCheckIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ShoppingBagCheckIcon; \ No newline at end of file diff --git a/react/ShoppingBagIcon.js b/react/ShoppingBagIcon.js new file mode 100644 index 0000000..d4a1697 --- /dev/null +++ b/react/ShoppingBagIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ShoppingBagIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ShoppingBagIcon; \ No newline at end of file diff --git a/react/ShoppingBagMinIcon.js b/react/ShoppingBagMinIcon.js new file mode 100644 index 0000000..634d78d --- /dev/null +++ b/react/ShoppingBagMinIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ShoppingBagMinIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ShoppingBagMinIcon; \ No newline at end of file diff --git a/react/ShoppingBagPlusIcon.js b/react/ShoppingBagPlusIcon.js new file mode 100644 index 0000000..f130b2c --- /dev/null +++ b/react/ShoppingBagPlusIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ShoppingBagPlusIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ShoppingBagPlusIcon; \ No newline at end of file diff --git a/react/StatsChart2Icon.js b/react/StatsChart2Icon.js new file mode 100644 index 0000000..ed585e6 --- /dev/null +++ b/react/StatsChart2Icon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const StatsChart2Icon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default StatsChart2Icon; \ No newline at end of file diff --git a/react/StatsChartIcon.js b/react/StatsChartIcon.js new file mode 100644 index 0000000..b5484f2 --- /dev/null +++ b/react/StatsChartIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const StatsChartIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default StatsChartIcon; \ No newline at end of file diff --git a/react/StopIcon.js b/react/StopIcon.js new file mode 100644 index 0000000..4976b0a --- /dev/null +++ b/react/StopIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const StopIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default StopIcon; \ No newline at end of file diff --git a/react/StrikethroughIcon.js b/react/StrikethroughIcon.js new file mode 100644 index 0000000..9ec4e1d --- /dev/null +++ b/react/StrikethroughIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const StrikethroughIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default StrikethroughIcon; \ No newline at end of file diff --git a/react/TrashAltIcon.js b/react/TrashAltIcon.js new file mode 100644 index 0000000..9ee0600 --- /dev/null +++ b/react/TrashAltIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const TrashAltIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default TrashAltIcon; \ No newline at end of file diff --git a/react/TrashIcon.js b/react/TrashIcon.js new file mode 100644 index 0000000..593a697 --- /dev/null +++ b/react/TrashIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const TrashIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default TrashIcon; \ No newline at end of file diff --git a/react/UnderlineIcon.js b/react/UnderlineIcon.js new file mode 100644 index 0000000..9e7bd79 --- /dev/null +++ b/react/UnderlineIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const UnderlineIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default UnderlineIcon; \ No newline at end of file diff --git a/react/UploadIcon.js b/react/UploadIcon.js new file mode 100644 index 0000000..8026f6e --- /dev/null +++ b/react/UploadIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const UploadIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default UploadIcon; \ No newline at end of file diff --git a/react/XCircleIcon.js b/react/XCircleIcon.js new file mode 100644 index 0000000..769812c --- /dev/null +++ b/react/XCircleIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const XCircleIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default XCircleIcon; \ No newline at end of file diff --git a/react/XIcon.js b/react/XIcon.js new file mode 100644 index 0000000..95adb30 --- /dev/null +++ b/react/XIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const XIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default XIcon; \ No newline at end of file diff --git a/react/ZapIcon.js b/react/ZapIcon.js new file mode 100644 index 0000000..63638e0 --- /dev/null +++ b/react/ZapIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ZapIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ZapIcon; \ No newline at end of file diff --git a/react/ZoomInIcon.js b/react/ZoomInIcon.js new file mode 100644 index 0000000..3eb1864 --- /dev/null +++ b/react/ZoomInIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ZoomInIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ZoomInIcon; \ No newline at end of file diff --git a/react/ZoomOutIcon.js b/react/ZoomOutIcon.js new file mode 100644 index 0000000..2ed44a9 --- /dev/null +++ b/react/ZoomOutIcon.js @@ -0,0 +1,32 @@ +import React from 'react'; + +const ZoomOutIcon = ({ size = '24', color = 'currentColor', ...props }) => { +const getSize = () => { + if (typeof size === 'string' && size.slice(-1) === 'x') + return size.slice(0, size.length - 1) + 'em'; + return typeof size === 'number' ? size + 'px' : size; +}; + +const updateSvg = (svgString) => { + return svgString + .replace(/width="\d+"/, 'width="' + getSize() + '"') + .replace(/height="\d+"/, 'height="' + getSize() + '"') + .replace(/fill="([^"]+)"/g, 'fill="' + color + '"') + .replace(/stroke="([^"]+)"/g, 'stroke="' + color + '"'); +}; + +const svg20 = " "; +const svg24 = " "; + +const svgContent = size === '20' || size === 20 ? updateSvg(svg20) : updateSvg(svg24); + +return React.createElement('svg', { + xmlns: "http://www.w3.org/2000/svg", + dangerouslySetInnerHTML: { __html: svgContent }, + width: getSize(), + height: getSize(), + ...props +}); +}; + +export default ZoomOutIcon; \ No newline at end of file diff --git a/react/index.cjs.js b/react/index.cjs.js new file mode 100644 index 0000000..df13e73 --- /dev/null +++ b/react/index.cjs.js @@ -0,0 +1 @@ +"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));function l(e,t,l){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var r=l.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function r(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,r)}return l}function o(e){for(var t=1;t ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:w},width:c(),height:c()},s))},a=["size","color"],s=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,s=i(e,a),c=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},g=function(e){return e.replace(/width="\d+"/,'width="'+c()+'"').replace(/height="\d+"/,'height="'+c()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},w=g("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:w},width:c(),height:c()},s))},c=["size","color"],g=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,c),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},w=g("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:w},width:s(),height:s()},a))},w=["size","color"],v=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,w),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},d=["size","color"],u=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,d),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},p=["size","color"],f=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,p),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},m=["size","color"],x=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,m),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},z=["size","color"],H=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,z),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},M=["size","color"],C=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,M),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},k=["size","color"],y=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,k),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},L=["size","color"],V=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,L),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},B=["size","color"],I=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,B),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},_=["size","color"],A=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,_),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},b=["size","color"],S=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,b),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},E=["size","color"],T=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,E),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},j=["size","color"],O=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,j),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},P=["size","color"],D=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,P),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},F=["size","color"],R=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,F),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},U=["size","color"],N=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,U),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Z=["size","color"],q=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Z),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},X=["size","color"],J=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,X),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Q=["size","color"],G=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Q),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},K=["size","color"],W=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,K),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Y=["size","color"],$=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Y),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ee=["size","color"],te=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ee),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},le=["size","color"],re=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,le),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},oe=["size","color"],ie=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,oe),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ne=["size","color"],he=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ne),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ae=["size","color"],se=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ae),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ce=["size","color"],ge=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ce),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},we=["size","color"],ve=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,we),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},de=["size","color"],ue=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,de),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},pe=["size","color"],fe=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,pe),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},me=["size","color"],xe=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,me),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ze=["size","color"],He=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ze),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Me=["size","color"],Ce=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Me),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ke=["size","color"],ye=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ke),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Le=["size","color"],Ve=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Le),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Be=["size","color"],Ie=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Be),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},_e=["size","color"],Ae=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,_e),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},be=["size","color"],Se=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,be),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ee=["size","color"],Te=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ee),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},je=["size","color"],Oe=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,je),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Pe=["size","color"],De=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Pe),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Fe=["size","color"],Re=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Fe),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ue=["size","color"],Ne=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ue),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ze=["size","color"],qe=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ze),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Xe=["size","color"],Je=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Xe),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Qe=["size","color"],Ge=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Qe),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ke=["size","color"],We=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ke),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ye=["size","color"],$e=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ye),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},et=["size","color"],tt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,et),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},lt=["size","color"],rt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,lt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ot=["size","color"],it=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ot),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},nt=["size","color"],ht=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,nt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},at=["size","color"],st=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,at),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ct=["size","color"],gt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ct),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},wt=["size","color"],vt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,wt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},dt=["size","color"],ut=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,dt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},pt=["size","color"],ft=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,pt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},mt=["size","color"],xt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,mt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},zt=["size","color"],Ht=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,zt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Mt=["size","color"],Ct=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Mt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},kt=["size","color"],yt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,kt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Lt=["size","color"],Vt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Lt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Bt=["size","color"],It=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Bt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},_t=["size","color"],At=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,_t),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},bt=["size","color"],St=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,bt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Et=["size","color"],Tt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Et),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},jt=["size","color"],Ot=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,jt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Pt=["size","color"],Dt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Pt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ft=["size","color"],Rt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ft),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ut=["size","color"],Nt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ut),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Zt=["size","color"],qt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Zt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Xt=["size","color"],Jt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Xt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Qt=["size","color"],Gt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Qt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Kt=["size","color"],Wt=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Kt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Yt=["size","color"],$t=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Yt),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},el=["size","color"],tl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,el),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ll=["size","color"],rl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ll),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ol=["size","color"],il=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ol),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},nl=["size","color"],hl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,nl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},al=["size","color"],sl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,al),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},cl=["size","color"],gl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,cl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},wl=["size","color"],vl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,wl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},dl=["size","color"],ul=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,dl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},pl=["size","color"],fl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,pl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ml=["size","color"],xl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ml),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},zl=["size","color"],Hl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,zl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ml=["size","color"],Cl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ml),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},kl=["size","color"],yl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,kl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ll=["size","color"],Vl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ll),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Bl=["size","color"],Il=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Bl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},_l=["size","color"],Al=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,_l),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},bl=["size","color"],Sl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,bl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},El=["size","color"],Tl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,El),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},jl=["size","color"],Ol=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,jl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Pl=["size","color"],Dl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Pl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Fl=["size","color"],Rl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Fl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ul=["size","color"],Nl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ul),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Zl=["size","color"],ql=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Zl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Xl=["size","color"],Jl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Xl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Ql=["size","color"],Gl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Ql),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Kl=["size","color"],Wl=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Kl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Yl=["size","color"],$l=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Yl),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},er=["size","color"],tr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,er),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},lr=["size","color"],rr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,lr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},or=["size","color"],ir=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,or),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},nr=["size","color"],hr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,nr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},ar=["size","color"],sr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,ar),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},cr=["size","color"],gr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,cr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},wr=["size","color"],vr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,wr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},dr=["size","color"],ur=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,dr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},pr=["size","color"],fr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,pr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},mr=["size","color"],xr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,mr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},zr=["size","color"],Hr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,zr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Mr=["size","color"],Cr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Mr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},kr=["size","color"],yr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,kr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Lr=["size","color"],Vr=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Lr),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},Br=["size","color"],Ir=function(e){var l=e.size,r=void 0===l?"24":l,n=e.color,h=void 0===n?"currentColor":n,a=i(e,Br),s=function(){return"string"==typeof r&&"x"===r.slice(-1)?r.slice(0,r.length-1)+"em":"number"==typeof r?r+"px":r},c=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},g=c("20"===r||20===r?' ':' ');return t.default.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:g},width:s(),height:s()},a))},_r=["name"];exports.AlarmIcon=h,exports.AlignCenterIcon=s,exports.AlignJustifyIcon=g,exports.AlignLeftIcon=v,exports.AlignRightIcon=u,exports.ArrowBottomLeftIcon=f,exports.ArrowBottomRightIcon=x,exports.ArrowDownIcon=H,exports.ArrowLeftIcon=y,exports.ArrowLeftRightIcon=C,exports.ArrowRightIcon=V,exports.ArrowTopBottomIcon=I,exports.ArrowTopIcon=T,exports.ArrowTopLeftIcon=A,exports.ArrowTopRightIcon=S,exports.Battery0Icon=O,exports.Battery1Icon=D,exports.Battery2Icon=R,exports.Battery3Icon=N,exports.BatteryChargeIcon=q,exports.BellIcon=J,exports.BoldIcon=G,exports.BookmarkIcon=W,exports.BoxIcon=$,exports.CalendarCheckIcon=te,exports.CalendarIcon=he,exports.CalendarMinIcon=re,exports.CalendarPlusIcon=ie,exports.CameraIcon=se,exports.CaretCircleIcon=ge,exports.CaretVerticalIcon=ve,exports.CheckCircleIcon=ue,exports.CheckIcon=fe,exports.ChevronDoubleDownIcon=xe,exports.ChevronDoubleLeftIcon=He,exports.ChevronDoubleRightIcon=Ce,exports.ChevronDoubleUpIcon=ye,exports.ChevronDownIcon=Ve,exports.ChevronLeftIcon=Ie,exports.ChevronRightIcon=Ae,exports.ChevronUpIcon=Se,exports.CircleIcon=Te,exports.ClipboardCheckIcon=Oe,exports.ClipboardIcon=Ne,exports.ClipboardMinIcon=De,exports.ClipboardPlusIcon=Re,exports.ClockIcon=qe,exports.CopyIcon=Je,exports.CropIcon=Ge,exports.DocumentImageIcon=We,exports.DocumentTextIcon=$e,exports.DocumentsIcon=tt,exports.DonutIcon=rt,exports.DownloadIcon=it,exports.Edit1Icon=ht,exports.Edit2Icon=st,exports.Edit3Icon=gt,exports.ExclamationCircleIcon=vt,exports.ExternalLinkIcon=ut,exports.EyeClosedIcon=ft,exports.EyeIcon=xt,exports.FaceIdIcon=Ct,exports.FaceIdSadIcon=Ht,exports.FileCheckIcon=yt,exports.FileIcon=At,exports.FileMinIcon=Vt,exports.FilePlusIcon=It,exports.FolderIcon=Ot,exports.FolderMinIcon=St,exports.FolderPlusIcon=Tt,exports.FoldersIcon=Dt,exports.FontRomanIcon=Rt,exports.HeartIcon=Nt,exports.HomeIcon=qt,exports.ImageIcon=Jt,exports.InboxIcon=$t,exports.InboxInIcon=Gt,exports.InboxOutIcon=Wt,exports.InfoIcon=tl,exports.ItalicIcon=rl,exports.ListIcon=il,exports.LockClosedIcon=hl,exports.LockOpenIcon=sl,exports.MailIcon=vl,exports.MailOpenIcon=gl,exports.MaximizeIcon=ul,exports.MenuIcon=fl,exports.MinimizeIcon=xl,exports.MinusIcon=Hl,exports.MoreHorizontalIcon=Cl,exports.MoreVerticalIcon=yl,exports.NataIcon=function(e){var l=e.name,r=i(e,_r),o={alarm:h,aligncenter:s,alignjustify:g,alignleft:v,alignright:u,arrowbottomleft:f,arrowbottomright:x,arrowdown:H,arrowleftright:C,arrowleft:y,arrowright:V,arrowtopbottom:I,arrowtopleft:A,arrowtopright:S,arrowtop:T,battery0:O,battery1:D,battery2:R,battery3:N,batterycharge:q,bell:J,bold:G,bookmark:W,box:$,calendarcheck:te,calendarmin:re,calendarplus:ie,calendar:he,camera:se,caretcircle:ge,caretvertical:ve,checkcircle:ue,check:fe,chevrondoubledown:xe,chevrondoubleleft:He,chevrondoubleright:Ce,chevrondoubleup:ye,chevrondown:Ve,chevronleft:Ie,chevronright:Ae,chevronup:Se,circle:Te,clipboardcheck:Oe,clipboardmin:De,clipboardplus:Re,clipboard:Ne,clock:qe,copy:Je,crop:Ge,documentimage:We,documenttext:$e,documents:tt,donut:rt,download:it,edit1:ht,edit2:st,edit3:gt,exclamationcircle:vt,externallink:ut,eyeclosed:ft,eye:xt,faceidsad:Ht,faceid:Ct,filecheck:yt,filemin:Vt,fileplus:It,file:At,foldermin:St,folderplus:Tt,folder:Ot,folders:Dt,fontroman:Rt,heart:Nt,home:qt,image:Jt,inboxin:Gt,inboxout:Wt,inbox:$t,info:tl,italic:rl,list:il,lockclosed:hl,lockopen:sl,mailopen:gl,mail:vl,maximize:ul,menu:fl,minimize:xl,minus:Hl,morehorizontal:Cl,morevertical:yl,natatoko:Vl,overline:Il,percentage:Al,pluscircle:Sl,plus:Tl,printer:Ol,questioncircle:Dl,rectangle:Rl,refreshalt:Nl,refresh:ql,search:Jl,settings:Gl,shoppingbagcheck:Wl,shoppingbagmin:$l,shoppingbagplus:tr,shoppingbag:rr,statschart2:ir,statschart:hr,stop:sr,strikethrough:gr,trashalt:vr,trash:ur,underline:fr,upload:xr,xcircle:Hr,x:Cr,zap:yr,zoomin:Vr,zoomout:Ir}[l.toLowerCase()];return o?t.default.createElement(o,r):null},exports.NatatokoIcon=Vl,exports.OverlineIcon=Il,exports.PercentageIcon=Al,exports.PlusCircleIcon=Sl,exports.PlusIcon=Tl,exports.PrinterIcon=Ol,exports.QuestionCircleIcon=Dl,exports.RectangleIcon=Rl,exports.RefreshAltIcon=Nl,exports.RefreshIcon=ql,exports.SearchIcon=Jl,exports.SettingsIcon=Gl,exports.ShoppingBagCheckIcon=Wl,exports.ShoppingBagIcon=rr,exports.ShoppingBagMinIcon=$l,exports.ShoppingBagPlusIcon=tr,exports.StatsChart2Icon=ir,exports.StatsChartIcon=hr,exports.StopIcon=sr,exports.StrikethroughIcon=gr,exports.TrashAltIcon=vr,exports.TrashIcon=ur,exports.UnderlineIcon=fr,exports.UploadIcon=xr,exports.XCircleIcon=Hr,exports.XIcon=Cr,exports.ZapIcon=yr,exports.ZoomInIcon=Vr,exports.ZoomOutIcon=Ir; diff --git a/react/index.es.js b/react/index.es.js new file mode 100644 index 0000000..8733b4f --- /dev/null +++ b/react/index.es.js @@ -0,0 +1 @@ +import e from"react";function l(e,l,t){return(l=function(e){var l=function(e,l){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,l||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(e)}(e,"string");return"symbol"==typeof l?l:l+""}(l))in e?Object.defineProperty(e,l,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[l]=t,e}function t(e,l){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);l&&(r=r.filter((function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable}))),t.push.apply(t,r)}return t}function r(e){for(var r=1;r ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:w},width:g(),height:g()},s))},h=["size","color"],a=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,a=void 0===n?"currentColor":n,s=o(l,h),g=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},c=function(e){return e.replace(/width="\d+"/,'width="'+g()+'"').replace(/height="\d+"/,'height="'+g()+'"').replace(/fill="([^"]+)"/g,'fill="'+a+'"').replace(/stroke="([^"]+)"/g,'stroke="'+a+'"')},w=c("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:w},width:g(),height:g()},s))},s=["size","color"],g=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,s),g=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},c=function(e){return e.replace(/width="\d+"/,'width="'+g()+'"').replace(/height="\d+"/,'height="'+g()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},w=c("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:w},width:g(),height:g()},a))},c=["size","color"],w=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,c),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},w=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:w},width:s(),height:s()},a))},v=["size","color"],d=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,v),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},u=["size","color"],p=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,u),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},f=["size","color"],m=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,f),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},z=["size","color"],x=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,z),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},H=["size","color"],M=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,H),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},C=["size","color"],k=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,C),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},y=["size","color"],L=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,y),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},V=["size","color"],B=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,V),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},I=["size","color"],_=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,I),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},A=["size","color"],b=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,A),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},S=["size","color"],E=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,S),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},T=["size","color"],j=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,T),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},O=["size","color"],P=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,O),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},D=["size","color"],F=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,D),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},R=["size","color"],U=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,R),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Z=["size","color"],N=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Z),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},X=["size","color"],q=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,X),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},J=["size","color"],Q=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,J),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},G=["size","color"],K=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,G),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},W=["size","color"],Y=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,W),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},$=["size","color"],ee=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,$),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},le=["size","color"],te=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,le),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},re=["size","color"],oe=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,re),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ie=["size","color"],ne=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ie),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},he=["size","color"],ae=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,he),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},se=["size","color"],ge=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,se),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ce=["size","color"],we=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ce),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ve=["size","color"],de=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ve),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ue=["size","color"],pe=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ue),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},fe=["size","color"],me=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,fe),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ze=["size","color"],xe=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ze),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},He=["size","color"],Me=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,He),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ce=["size","color"],ke=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ce),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ye=["size","color"],Le=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ye),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ve=["size","color"],Be=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ve),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ie=["size","color"],_e=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ie),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ae=["size","color"],be=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ae),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Se=["size","color"],Ee=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Se),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Te=["size","color"],je=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Te),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Oe=["size","color"],Pe=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Oe),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},De=["size","color"],Fe=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,De),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Re=["size","color"],Ue=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Re),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ze=["size","color"],Ne=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ze),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Xe=["size","color"],qe=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Xe),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Je=["size","color"],Qe=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Je),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ge=["size","color"],Ke=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ge),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},We=["size","color"],Ye=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,We),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},$e=["size","color"],el=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,$e),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ll=["size","color"],tl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ll),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},rl=["size","color"],ol=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,rl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},il=["size","color"],nl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,il),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},hl=["size","color"],al=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,hl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},sl=["size","color"],gl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,sl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},cl=["size","color"],wl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,cl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},vl=["size","color"],dl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,vl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ul=["size","color"],pl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ul),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},fl=["size","color"],ml=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,fl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},zl=["size","color"],xl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,zl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Hl=["size","color"],Ml=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Hl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Cl=["size","color"],kl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Cl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},yl=["size","color"],Ll=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,yl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Vl=["size","color"],Bl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Vl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Il=["size","color"],_l=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Il),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Al=["size","color"],bl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Al),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Sl=["size","color"],El=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Sl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Tl=["size","color"],jl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Tl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ol=["size","color"],Pl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ol),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Dl=["size","color"],Fl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Dl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Rl=["size","color"],Ul=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Rl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Zl=["size","color"],Nl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Zl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Xl=["size","color"],ql=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Xl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Jl=["size","color"],Ql=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Jl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Gl=["size","color"],Kl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Gl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Wl=["size","color"],Yl=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Wl),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},$l=["size","color"],et=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,$l),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},lt=["size","color"],tt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,lt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},rt=["size","color"],ot=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,rt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},it=["size","color"],nt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,it),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ht=["size","color"],at=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ht),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},st=["size","color"],gt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,st),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ct=["size","color"],wt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ct),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},vt=["size","color"],dt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,vt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ut=["size","color"],pt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ut),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ft=["size","color"],mt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ft),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},zt=["size","color"],xt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,zt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ht=["size","color"],Mt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ht),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ct=["size","color"],kt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ct),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},yt=["size","color"],Lt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,yt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Vt=["size","color"],Bt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Vt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},It=["size","color"],_t=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,It),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},At=["size","color"],bt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,At),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},St=["size","color"],Et=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,St),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Tt=["size","color"],jt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Tt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ot=["size","color"],Pt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Ot),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Dt=["size","color"],Ft=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Dt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Rt=["size","color"],Ut=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Rt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Zt=["size","color"],Nt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Zt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Xt=["size","color"],qt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Xt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Jt=["size","color"],Qt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Jt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Gt=["size","color"],Kt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Gt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Wt=["size","color"],Yt=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Wt),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},$t=["size","color"],er=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,$t),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},lr=["size","color"],tr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,lr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},rr=["size","color"],or=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,rr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ir=["size","color"],nr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ir),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},hr=["size","color"],ar=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,hr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},sr=["size","color"],gr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,sr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},cr=["size","color"],wr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,cr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},vr=["size","color"],dr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,vr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},ur=["size","color"],pr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,ur),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},fr=["size","color"],mr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,fr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},zr=["size","color"],xr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,zr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Hr=["size","color"],Mr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Hr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Cr=["size","color"],kr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Cr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},yr=["size","color"],Lr=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,yr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Vr=["size","color"],Br=function(l){var t=l.size,i=void 0===t?"24":t,n=l.color,h=void 0===n?"currentColor":n,a=o(l,Vr),s=function(){return"string"==typeof i&&"x"===i.slice(-1)?i.slice(0,i.length-1)+"em":"number"==typeof i?i+"px":i},g=function(e){return e.replace(/width="\d+"/,'width="'+s()+'"').replace(/height="\d+"/,'height="'+s()+'"').replace(/fill="([^"]+)"/g,'fill="'+h+'"').replace(/stroke="([^"]+)"/g,'stroke="'+h+'"')},c=g("20"===i||20===i?' ':' ');return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:c},width:s(),height:s()},a))},Ir=["name"],_r=function(l){var t=l.name,r=o(l,Ir),i={alarm:n,aligncenter:a,alignjustify:g,alignleft:w,alignright:d,arrowbottomleft:p,arrowbottomright:m,arrowdown:x,arrowleftright:M,arrowleft:k,arrowright:L,arrowtopbottom:B,arrowtopleft:_,arrowtopright:b,arrowtop:E,battery0:j,battery1:P,battery2:F,battery3:U,batterycharge:N,bell:q,bold:Q,bookmark:K,box:Y,calendarcheck:ee,calendarmin:te,calendarplus:oe,calendar:ne,camera:ae,caretcircle:ge,caretvertical:we,checkcircle:de,check:pe,chevrondoubledown:me,chevrondoubleleft:xe,chevrondoubleright:Me,chevrondoubleup:ke,chevrondown:Le,chevronleft:Be,chevronright:_e,chevronup:be,circle:Ee,clipboardcheck:je,clipboardmin:Pe,clipboardplus:Fe,clipboard:Ue,clock:Ne,copy:qe,crop:Qe,documentimage:Ke,documenttext:Ye,documents:el,donut:tl,download:ol,edit1:nl,edit2:al,edit3:gl,exclamationcircle:wl,externallink:dl,eyeclosed:pl,eye:ml,faceidsad:xl,faceid:Ml,filecheck:kl,filemin:Ll,fileplus:Bl,file:_l,foldermin:bl,folderplus:El,folder:jl,folders:Pl,fontroman:Fl,heart:Ul,home:Nl,image:ql,inboxin:Ql,inboxout:Kl,inbox:Yl,info:et,italic:tt,list:ot,lockclosed:nt,lockopen:at,mailopen:gt,mail:wt,maximize:dt,menu:pt,minimize:mt,minus:xt,morehorizontal:Mt,morevertical:kt,natatoko:Lt,overline:Bt,percentage:_t,pluscircle:bt,plus:Et,printer:jt,questioncircle:Pt,rectangle:Ft,refreshalt:Ut,refresh:Nt,search:qt,settings:Qt,shoppingbagcheck:Kt,shoppingbagmin:Yt,shoppingbagplus:er,shoppingbag:tr,statschart2:or,statschart:nr,stop:ar,strikethrough:gr,trashalt:wr,trash:dr,underline:pr,upload:mr,xcircle:xr,x:Mr,zap:kr,zoomin:Lr,zoomout:Br}[t.toLowerCase()];return i?e.createElement(i,r):null};export{n as AlarmIcon,a as AlignCenterIcon,g as AlignJustifyIcon,w as AlignLeftIcon,d as AlignRightIcon,p as ArrowBottomLeftIcon,m as ArrowBottomRightIcon,x as ArrowDownIcon,k as ArrowLeftIcon,M as ArrowLeftRightIcon,L as ArrowRightIcon,B as ArrowTopBottomIcon,E as ArrowTopIcon,_ as ArrowTopLeftIcon,b as ArrowTopRightIcon,j as Battery0Icon,P as Battery1Icon,F as Battery2Icon,U as Battery3Icon,N as BatteryChargeIcon,q as BellIcon,Q as BoldIcon,K as BookmarkIcon,Y as BoxIcon,ee as CalendarCheckIcon,ne as CalendarIcon,te as CalendarMinIcon,oe as CalendarPlusIcon,ae as CameraIcon,ge as CaretCircleIcon,we as CaretVerticalIcon,de as CheckCircleIcon,pe as CheckIcon,me as ChevronDoubleDownIcon,xe as ChevronDoubleLeftIcon,Me as ChevronDoubleRightIcon,ke as ChevronDoubleUpIcon,Le as ChevronDownIcon,Be as ChevronLeftIcon,_e as ChevronRightIcon,be as ChevronUpIcon,Ee as CircleIcon,je as ClipboardCheckIcon,Ue as ClipboardIcon,Pe as ClipboardMinIcon,Fe as ClipboardPlusIcon,Ne as ClockIcon,qe as CopyIcon,Qe as CropIcon,Ke as DocumentImageIcon,Ye as DocumentTextIcon,el as DocumentsIcon,tl as DonutIcon,ol as DownloadIcon,nl as Edit1Icon,al as Edit2Icon,gl as Edit3Icon,wl as ExclamationCircleIcon,dl as ExternalLinkIcon,pl as EyeClosedIcon,ml as EyeIcon,Ml as FaceIdIcon,xl as FaceIdSadIcon,kl as FileCheckIcon,_l as FileIcon,Ll as FileMinIcon,Bl as FilePlusIcon,jl as FolderIcon,bl as FolderMinIcon,El as FolderPlusIcon,Pl as FoldersIcon,Fl as FontRomanIcon,Ul as HeartIcon,Nl as HomeIcon,ql as ImageIcon,Yl as InboxIcon,Ql as InboxInIcon,Kl as InboxOutIcon,et as InfoIcon,tt as ItalicIcon,ot as ListIcon,nt as LockClosedIcon,at as LockOpenIcon,wt as MailIcon,gt as MailOpenIcon,dt as MaximizeIcon,pt as MenuIcon,mt as MinimizeIcon,xt as MinusIcon,Mt as MoreHorizontalIcon,kt as MoreVerticalIcon,_r as NataIcon,Lt as NatatokoIcon,Bt as OverlineIcon,_t as PercentageIcon,bt as PlusCircleIcon,Et as PlusIcon,jt as PrinterIcon,Pt as QuestionCircleIcon,Ft as RectangleIcon,Ut as RefreshAltIcon,Nt as RefreshIcon,qt as SearchIcon,Qt as SettingsIcon,Kt as ShoppingBagCheckIcon,tr as ShoppingBagIcon,Yt as ShoppingBagMinIcon,er as ShoppingBagPlusIcon,or as StatsChart2Icon,nr as StatsChartIcon,ar as StopIcon,gr as StrikethroughIcon,wr as TrashAltIcon,dr as TrashIcon,pr as UnderlineIcon,mr as UploadIcon,xr as XCircleIcon,Mr as XIcon,kr as ZapIcon,Lr as ZoomInIcon,Br as ZoomOutIcon}; diff --git a/react/index.js b/react/index.js new file mode 100644 index 0000000..2025ec3 --- /dev/null +++ b/react/index.js @@ -0,0 +1,371 @@ +import React from 'react'; +import AlarmIcon from './AlarmIcon'; +import AlignCenterIcon from './AlignCenterIcon'; +import AlignJustifyIcon from './AlignJustifyIcon'; +import AlignLeftIcon from './AlignLeftIcon'; +import AlignRightIcon from './AlignRightIcon'; +import ArrowBottomLeftIcon from './ArrowBottomLeftIcon'; +import ArrowBottomRightIcon from './ArrowBottomRightIcon'; +import ArrowDownIcon from './ArrowDownIcon'; +import ArrowLeftRightIcon from './ArrowLeftRightIcon'; +import ArrowLeftIcon from './ArrowLeftIcon'; +import ArrowRightIcon from './ArrowRightIcon'; +import ArrowTopBottomIcon from './ArrowTopBottomIcon'; +import ArrowTopLeftIcon from './ArrowTopLeftIcon'; +import ArrowTopRightIcon from './ArrowTopRightIcon'; +import ArrowTopIcon from './ArrowTopIcon'; +import Battery0Icon from './Battery0Icon'; +import Battery1Icon from './Battery1Icon'; +import Battery2Icon from './Battery2Icon'; +import Battery3Icon from './Battery3Icon'; +import BatteryChargeIcon from './BatteryChargeIcon'; +import BellIcon from './BellIcon'; +import BoldIcon from './BoldIcon'; +import BookmarkIcon from './BookmarkIcon'; +import BoxIcon from './BoxIcon'; +import CalendarCheckIcon from './CalendarCheckIcon'; +import CalendarMinIcon from './CalendarMinIcon'; +import CalendarPlusIcon from './CalendarPlusIcon'; +import CalendarIcon from './CalendarIcon'; +import CameraIcon from './CameraIcon'; +import CaretCircleIcon from './CaretCircleIcon'; +import CaretVerticalIcon from './CaretVerticalIcon'; +import CheckCircleIcon from './CheckCircleIcon'; +import CheckIcon from './CheckIcon'; +import ChevronDoubleDownIcon from './ChevronDoubleDownIcon'; +import ChevronDoubleLeftIcon from './ChevronDoubleLeftIcon'; +import ChevronDoubleRightIcon from './ChevronDoubleRightIcon'; +import ChevronDoubleUpIcon from './ChevronDoubleUpIcon'; +import ChevronDownIcon from './ChevronDownIcon'; +import ChevronLeftIcon from './ChevronLeftIcon'; +import ChevronRightIcon from './ChevronRightIcon'; +import ChevronUpIcon from './ChevronUpIcon'; +import CircleIcon from './CircleIcon'; +import ClipboardCheckIcon from './ClipboardCheckIcon'; +import ClipboardMinIcon from './ClipboardMinIcon'; +import ClipboardPlusIcon from './ClipboardPlusIcon'; +import ClipboardIcon from './ClipboardIcon'; +import ClockIcon from './ClockIcon'; +import CopyIcon from './CopyIcon'; +import CropIcon from './CropIcon'; +import DocumentImageIcon from './DocumentImageIcon'; +import DocumentTextIcon from './DocumentTextIcon'; +import DocumentsIcon from './DocumentsIcon'; +import DonutIcon from './DonutIcon'; +import DownloadIcon from './DownloadIcon'; +import Edit1Icon from './Edit1Icon'; +import Edit2Icon from './Edit2Icon'; +import Edit3Icon from './Edit3Icon'; +import ExclamationCircleIcon from './ExclamationCircleIcon'; +import ExternalLinkIcon from './ExternalLinkIcon'; +import EyeClosedIcon from './EyeClosedIcon'; +import EyeIcon from './EyeIcon'; +import FaceIdSadIcon from './FaceIdSadIcon'; +import FaceIdIcon from './FaceIdIcon'; +import FileCheckIcon from './FileCheckIcon'; +import FileMinIcon from './FileMinIcon'; +import FilePlusIcon from './FilePlusIcon'; +import FileIcon from './FileIcon'; +import FolderMinIcon from './FolderMinIcon'; +import FolderPlusIcon from './FolderPlusIcon'; +import FolderIcon from './FolderIcon'; +import FoldersIcon from './FoldersIcon'; +import FontRomanIcon from './FontRomanIcon'; +import HeartIcon from './HeartIcon'; +import HomeIcon from './HomeIcon'; +import ImageIcon from './ImageIcon'; +import InboxInIcon from './InboxInIcon'; +import InboxOutIcon from './InboxOutIcon'; +import InboxIcon from './InboxIcon'; +import InfoIcon from './InfoIcon'; +import ItalicIcon from './ItalicIcon'; +import ListIcon from './ListIcon'; +import LockClosedIcon from './LockClosedIcon'; +import LockOpenIcon from './LockOpenIcon'; +import MailOpenIcon from './MailOpenIcon'; +import MailIcon from './MailIcon'; +import MaximizeIcon from './MaximizeIcon'; +import MenuIcon from './MenuIcon'; +import MinimizeIcon from './MinimizeIcon'; +import MinusIcon from './MinusIcon'; +import MoreHorizontalIcon from './MoreHorizontalIcon'; +import MoreVerticalIcon from './MoreVerticalIcon'; +import NatatokoIcon from './NatatokoIcon'; +import OverlineIcon from './OverlineIcon'; +import PercentageIcon from './PercentageIcon'; +import PlusCircleIcon from './PlusCircleIcon'; +import PlusIcon from './PlusIcon'; +import PrinterIcon from './PrinterIcon'; +import QuestionCircleIcon from './QuestionCircleIcon'; +import RectangleIcon from './RectangleIcon'; +import RefreshAltIcon from './RefreshAltIcon'; +import RefreshIcon from './RefreshIcon'; +import SearchIcon from './SearchIcon'; +import SettingsIcon from './SettingsIcon'; +import ShoppingBagCheckIcon from './ShoppingBagCheckIcon'; +import ShoppingBagMinIcon from './ShoppingBagMinIcon'; +import ShoppingBagPlusIcon from './ShoppingBagPlusIcon'; +import ShoppingBagIcon from './ShoppingBagIcon'; +import StatsChart2Icon from './StatsChart2Icon'; +import StatsChartIcon from './StatsChartIcon'; +import StopIcon from './StopIcon'; +import StrikethroughIcon from './StrikethroughIcon'; +import TrashAltIcon from './TrashAltIcon'; +import TrashIcon from './TrashIcon'; +import UnderlineIcon from './UnderlineIcon'; +import UploadIcon from './UploadIcon'; +import XCircleIcon from './XCircleIcon'; +import XIcon from './XIcon'; +import ZapIcon from './ZapIcon'; +import ZoomInIcon from './ZoomInIcon'; +import ZoomOutIcon from './ZoomOutIcon'; + +export { +AlarmIcon, +AlignCenterIcon, +AlignJustifyIcon, +AlignLeftIcon, +AlignRightIcon, +ArrowBottomLeftIcon, +ArrowBottomRightIcon, +ArrowDownIcon, +ArrowLeftRightIcon, +ArrowLeftIcon, +ArrowRightIcon, +ArrowTopBottomIcon, +ArrowTopLeftIcon, +ArrowTopRightIcon, +ArrowTopIcon, +Battery0Icon, +Battery1Icon, +Battery2Icon, +Battery3Icon, +BatteryChargeIcon, +BellIcon, +BoldIcon, +BookmarkIcon, +BoxIcon, +CalendarCheckIcon, +CalendarMinIcon, +CalendarPlusIcon, +CalendarIcon, +CameraIcon, +CaretCircleIcon, +CaretVerticalIcon, +CheckCircleIcon, +CheckIcon, +ChevronDoubleDownIcon, +ChevronDoubleLeftIcon, +ChevronDoubleRightIcon, +ChevronDoubleUpIcon, +ChevronDownIcon, +ChevronLeftIcon, +ChevronRightIcon, +ChevronUpIcon, +CircleIcon, +ClipboardCheckIcon, +ClipboardMinIcon, +ClipboardPlusIcon, +ClipboardIcon, +ClockIcon, +CopyIcon, +CropIcon, +DocumentImageIcon, +DocumentTextIcon, +DocumentsIcon, +DonutIcon, +DownloadIcon, +Edit1Icon, +Edit2Icon, +Edit3Icon, +ExclamationCircleIcon, +ExternalLinkIcon, +EyeClosedIcon, +EyeIcon, +FaceIdSadIcon, +FaceIdIcon, +FileCheckIcon, +FileMinIcon, +FilePlusIcon, +FileIcon, +FolderMinIcon, +FolderPlusIcon, +FolderIcon, +FoldersIcon, +FontRomanIcon, +HeartIcon, +HomeIcon, +ImageIcon, +InboxInIcon, +InboxOutIcon, +InboxIcon, +InfoIcon, +ItalicIcon, +ListIcon, +LockClosedIcon, +LockOpenIcon, +MailOpenIcon, +MailIcon, +MaximizeIcon, +MenuIcon, +MinimizeIcon, +MinusIcon, +MoreHorizontalIcon, +MoreVerticalIcon, +NatatokoIcon, +OverlineIcon, +PercentageIcon, +PlusCircleIcon, +PlusIcon, +PrinterIcon, +QuestionCircleIcon, +RectangleIcon, +RefreshAltIcon, +RefreshIcon, +SearchIcon, +SettingsIcon, +ShoppingBagCheckIcon, +ShoppingBagMinIcon, +ShoppingBagPlusIcon, +ShoppingBagIcon, +StatsChart2Icon, +StatsChartIcon, +StopIcon, +StrikethroughIcon, +TrashAltIcon, +TrashIcon, +UnderlineIcon, +UploadIcon, +XCircleIcon, +XIcon, +ZapIcon, +ZoomInIcon, +ZoomOutIcon +}; + +export const NataIcon = ({ name, ...props }) => { +const IconComponent = { + alarm: AlarmIcon, + aligncenter: AlignCenterIcon, + alignjustify: AlignJustifyIcon, + alignleft: AlignLeftIcon, + alignright: AlignRightIcon, + arrowbottomleft: ArrowBottomLeftIcon, + arrowbottomright: ArrowBottomRightIcon, + arrowdown: ArrowDownIcon, + arrowleftright: ArrowLeftRightIcon, + arrowleft: ArrowLeftIcon, + arrowright: ArrowRightIcon, + arrowtopbottom: ArrowTopBottomIcon, + arrowtopleft: ArrowTopLeftIcon, + arrowtopright: ArrowTopRightIcon, + arrowtop: ArrowTopIcon, + battery0: Battery0Icon, + battery1: Battery1Icon, + battery2: Battery2Icon, + battery3: Battery3Icon, + batterycharge: BatteryChargeIcon, + bell: BellIcon, + bold: BoldIcon, + bookmark: BookmarkIcon, + box: BoxIcon, + calendarcheck: CalendarCheckIcon, + calendarmin: CalendarMinIcon, + calendarplus: CalendarPlusIcon, + calendar: CalendarIcon, + camera: CameraIcon, + caretcircle: CaretCircleIcon, + caretvertical: CaretVerticalIcon, + checkcircle: CheckCircleIcon, + check: CheckIcon, + chevrondoubledown: ChevronDoubleDownIcon, + chevrondoubleleft: ChevronDoubleLeftIcon, + chevrondoubleright: ChevronDoubleRightIcon, + chevrondoubleup: ChevronDoubleUpIcon, + chevrondown: ChevronDownIcon, + chevronleft: ChevronLeftIcon, + chevronright: ChevronRightIcon, + chevronup: ChevronUpIcon, + circle: CircleIcon, + clipboardcheck: ClipboardCheckIcon, + clipboardmin: ClipboardMinIcon, + clipboardplus: ClipboardPlusIcon, + clipboard: ClipboardIcon, + clock: ClockIcon, + copy: CopyIcon, + crop: CropIcon, + documentimage: DocumentImageIcon, + documenttext: DocumentTextIcon, + documents: DocumentsIcon, + donut: DonutIcon, + download: DownloadIcon, + edit1: Edit1Icon, + edit2: Edit2Icon, + edit3: Edit3Icon, + exclamationcircle: ExclamationCircleIcon, + externallink: ExternalLinkIcon, + eyeclosed: EyeClosedIcon, + eye: EyeIcon, + faceidsad: FaceIdSadIcon, + faceid: FaceIdIcon, + filecheck: FileCheckIcon, + filemin: FileMinIcon, + fileplus: FilePlusIcon, + file: FileIcon, + foldermin: FolderMinIcon, + folderplus: FolderPlusIcon, + folder: FolderIcon, + folders: FoldersIcon, + fontroman: FontRomanIcon, + heart: HeartIcon, + home: HomeIcon, + image: ImageIcon, + inboxin: InboxInIcon, + inboxout: InboxOutIcon, + inbox: InboxIcon, + info: InfoIcon, + italic: ItalicIcon, + list: ListIcon, + lockclosed: LockClosedIcon, + lockopen: LockOpenIcon, + mailopen: MailOpenIcon, + mail: MailIcon, + maximize: MaximizeIcon, + menu: MenuIcon, + minimize: MinimizeIcon, + minus: MinusIcon, + morehorizontal: MoreHorizontalIcon, + morevertical: MoreVerticalIcon, + natatoko: NatatokoIcon, + overline: OverlineIcon, + percentage: PercentageIcon, + pluscircle: PlusCircleIcon, + plus: PlusIcon, + printer: PrinterIcon, + questioncircle: QuestionCircleIcon, + rectangle: RectangleIcon, + refreshalt: RefreshAltIcon, + refresh: RefreshIcon, + search: SearchIcon, + settings: SettingsIcon, + shoppingbagcheck: ShoppingBagCheckIcon, + shoppingbagmin: ShoppingBagMinIcon, + shoppingbagplus: ShoppingBagPlusIcon, + shoppingbag: ShoppingBagIcon, + statschart2: StatsChart2Icon, + statschart: StatsChartIcon, + stop: StopIcon, + strikethrough: StrikethroughIcon, + trashalt: TrashAltIcon, + trash: TrashIcon, + underline: UnderlineIcon, + upload: UploadIcon, + xcircle: XCircleIcon, + x: XIcon, + zap: ZapIcon, + zoomin: ZoomInIcon, + zoomout: ZoomOutIcon +}[name.toLowerCase()]; + +return IconComponent ? React.createElement(IconComponent, props) : null; +}; \ No newline at end of file diff --git a/react/package.json b/react/package.json new file mode 100644 index 0000000..96b6acf --- /dev/null +++ b/react/package.json @@ -0,0 +1,37 @@ +{ + "name": "@nataicons/react", + "version": "1.0.0", + "description": "A fun-themed simple open source icon made by the folks at Natatoko.", + "main": "index.js", + "module": "index.esm.js", + "types": "index.d.ts", + "sideEffects": false, + "files": [ + "*.js", + "*.d.ts", + "!*.test.js", + "!*.spec.js", + "LICENSE", + "README.md" + ], + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + }, + "repository": { + "type": "git", + "url": "https://github.com/yourusername/nataicons.git", + "directory": "react" + }, + "publishConfig": { + "access": "public" + }, + "keywords": [ + "react", + "icons", + "svg", + "inline", + "nata", + "nataicons" + ], + "license": "MIT" +} diff --git a/rollup.config.js b/rollup.config.js index a2656a1..3cb3083 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -8,11 +8,11 @@ export default { input: "vue/index.js", output: [ { - file: "vue/lib/index.cjs.js", + file: "vue/index.cjs.js", format: "cjs", }, { - file: "vue/lib/index.es.js", + file: "vue/index.es.js", format: "es", }, ], diff --git a/rollup.config.react.js b/rollup.config.react.js index 64075f6..210bae1 100644 --- a/rollup.config.react.js +++ b/rollup.config.react.js @@ -7,11 +7,11 @@ export default { input: "react/index.js", output: [ { - file: "react/lib/index.cjs.js", + file: "react/index.cjs.js", format: "cjs", }, { - file: "react/lib/index.es.js", + file: "react/index.es.js", format: "es", }, ], diff --git a/scripts/build-react/index.js b/scripts/build-react.js similarity index 67% rename from scripts/build-react/index.js rename to scripts/build-react.js index 9bb163b..4a280b1 100644 --- a/scripts/build-react/index.js +++ b/scripts/build-react.js @@ -4,7 +4,6 @@ const camelcase = require("camelcase") const { promisify } = require("util") const rimraf = promisify(require("rimraf")) const dedent = require("dedent") -const pkg = require("../../package.json") const componentTemplate = (name, svg20, svg24) => ` @@ -73,20 +72,27 @@ async function buildReactComponents() { console.log("Building React icon components...") try { - await rimraf("./react/*") - await fs.mkdir("./react", { recursive: true }) + const reactPackagePath = path.join(__dirname, "..", "react") + // Create the react directory if it doesn't exist + await fs.mkdir(reactPackagePath, { recursive: true }) + + // Read existing files + const existingFiles = await fs.readdir(reactPackagePath) + + // Generate new components const icons24 = await fs.readdir( - path.join(__dirname, "..", "..", "icons", "24x24") + path.join(__dirname, "..", "icons", "24x24") ) const components = [] for (const file of icons24) { - const baseName = path.basename(file, ".svg") - const componentName = camelcase(baseName, { pascalCase: true }) + const name = file.replace(".svg", "") + const componentName = camelcase(name, { pascalCase: true }) + const componentFileName = `${componentName}Icon.js` - const svg20Path = path.join(__dirname, "..", "..", "icons", "20x20", file) - const svg24Path = path.join(__dirname, "..", "..", "icons", "24x24", file) + const svg20Path = path.join(__dirname, "..", "icons", "20x20", file) + const svg24Path = path.join(__dirname, "..", "icons", "24x24", file) const [svg20Content, svg24Content] = await Promise.all([ processSvgFile(svg20Path).catch(() => ""), @@ -98,12 +104,32 @@ async function buildReactComponents() { svg20Content, svg24Content ) - await fs.writeFile(`./react/${componentName}Icon.js`, dedent(component)) + await fs.writeFile( + path.join(reactPackagePath, componentFileName), + dedent(component) + ) components.push(componentName) + + // Remove the file from existingFiles list if it was there + const index = existingFiles.indexOf(componentFileName) + if (index > -1) { + existingFiles.splice(index, 1) + } } + // Remove old component files that are no longer needed + for (const file of existingFiles) { + if (file.endsWith("Icon.js")) { + await fs.unlink(path.join(reactPackagePath, file)) + } + } + + // Generate and write index.js const indexContent = indexTemplate(components) - await fs.writeFile("./react/index.js", dedent(indexContent)) + await fs.writeFile( + path.join(reactPackagePath, "index.js"), + dedent(indexContent) + ) console.log("Finished building React components.\n") } catch (error) { diff --git a/scripts/build-vue/index.js b/scripts/build-vue.js similarity index 53% rename from scripts/build-vue/index.js rename to scripts/build-vue.js index 860bf0a..b2ab73a 100644 --- a/scripts/build-vue/index.js +++ b/scripts/build-vue.js @@ -1,7 +1,10 @@ const fs = require("fs").promises const path = require("path") const camelcase = require("camelcase") +const { promisify } = require("util") +const rimraf = promisify(require("rimraf")) +// Component template remains unchanged const componentTemplate = (name, svg20, svg24) => ` import { defineComponent, h, computed } from 'vue' @@ -57,14 +60,24 @@ export default defineComponent({ }) ` -const indexTemplate = (components) => ` +// Move the index template to a separate function +const generateIndexContent = (components) => { + const imports = components + .map((comp) => `import ${comp}Icon from './${comp}Icon.js'`) + .join("\n") + + const exports = components.map((comp) => `${comp}Icon`).join(",\n ") + + const iconComponents = components + .map((comp) => `${comp.toLowerCase()}: ${comp}Icon`) + .join(",\n ") + + return ` import { defineComponent, h } from 'vue' -${components - .map((comp) => `import ${comp}Icon from './${comp}Icon.js'`) - .join("\n")} +${imports} export { - ${components.map((comp) => `${comp}Icon`).join(",\n ")} + ${exports} } export const NataIcon = defineComponent({ @@ -79,9 +92,7 @@ export const NataIcon = defineComponent({ }, setup(props) { const IconComponent = { - ${components - .map((comp) => `${comp.toLowerCase()}: ${comp}Icon`) - .join(",\n ")} + ${iconComponents} }[props.name.toLowerCase()] return () => IconComponent @@ -90,29 +101,17 @@ export const NataIcon = defineComponent({ } }) ` +} +// Existing helper functions const processSvgFile = async (filePath) => { const content = await fs.readFile(filePath, "utf8") return JSON.stringify(content.trim().replace(/\n/g, " ")) } -const buildIconComponent = async (name) => { - const svg20Path = path.join( - __dirname, - "..", - "..", - "icons", - "20x20", - `${name}.svg` - ) - const svg24Path = path.join( - __dirname, - "..", - "..", - "icons", - "24x24", - `${name}.svg` - ) +const buildIconComponent = async (name, outputPath) => { + const svg20Path = path.join(__dirname, "..", "icons", "20x20", `${name}.svg`) + const svg24Path = path.join(__dirname, "..", "icons", "24x24", `${name}.svg`) const [svg20Content, svg24Content] = await Promise.all([ processSvgFile(svg20Path).catch(() => '""'), @@ -126,27 +125,58 @@ const buildIconComponent = async (name) => { svg24Content ) await fs.writeFile( - path.join(__dirname, "..", "..", "vue", `${componentName}Icon.js`), + path.join(outputPath, `${componentName}Icon.js`), componentContent ) return componentName } +// Main build function const buildVueComponents = async () => { - const icons24 = await fs.readdir( - path.join(__dirname, "..", "..", "icons", "24x24") - ) - const componentNames = await Promise.all( - icons24.map((file) => buildIconComponent(file.replace(".svg", ""))) - ) + console.log("Building Vue icon components...") - const indexContent = indexTemplate(componentNames) - await fs.writeFile( - path.join(__dirname, "..", "..", "vue", "index.js"), - indexContent - ) + try { + const vuePackagePath = path.join(__dirname, "..", "vue") + + // Create the vue directory if it doesn't exist + await fs.mkdir(vuePackagePath, { recursive: true }) - console.log("Vue components built successfully") + // Read existing files + const existingFiles = await fs.readdir(vuePackagePath) + + const icons24 = await fs.readdir( + path.join(__dirname, "..", "icons", "24x24") + ) + const componentNames = [] + + for (const file of icons24) { + const name = file.replace(".svg", "") + const componentName = await buildIconComponent(name, vuePackagePath) + componentNames.push(componentName) + + // Remove the file from existingFiles list if it was there + const componentFileName = `${componentName}Icon.js` + const index = existingFiles.indexOf(componentFileName) + if (index > -1) { + existingFiles.splice(index, 1) + } + } + + // Remove old component files that are no longer needed + for (const file of existingFiles) { + if (file.endsWith("Icon.js")) { + await fs.unlink(path.join(vuePackagePath, file)) + } + } + + // Generate and write index.js + const indexContent = generateIndexContent(componentNames) + await fs.writeFile(path.join(vuePackagePath, "index.js"), indexContent) + + console.log("Vue components built successfully") + } catch (error) { + console.error("Error building Vue components:", error) + } } buildVueComponents().catch(console.error) diff --git a/vue/AlarmIcon.js b/vue/AlarmIcon.js new file mode 100644 index 0000000..ef22461 --- /dev/null +++ b/vue/AlarmIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'AlarmIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/AlignCenterIcon.js b/vue/AlignCenterIcon.js new file mode 100644 index 0000000..8a50437 --- /dev/null +++ b/vue/AlignCenterIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'AlignCenterIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/AlignJustifyIcon.js b/vue/AlignJustifyIcon.js new file mode 100644 index 0000000..2b08b5f --- /dev/null +++ b/vue/AlignJustifyIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'AlignJustifyIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/AlignLeftIcon.js b/vue/AlignLeftIcon.js new file mode 100644 index 0000000..365ad08 --- /dev/null +++ b/vue/AlignLeftIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'AlignLeftIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/AlignRightIcon.js b/vue/AlignRightIcon.js new file mode 100644 index 0000000..f615be3 --- /dev/null +++ b/vue/AlignRightIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'AlignRightIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowBottomLeftIcon.js b/vue/ArrowBottomLeftIcon.js new file mode 100644 index 0000000..1e7be70 --- /dev/null +++ b/vue/ArrowBottomLeftIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowBottomLeftIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowBottomRightIcon.js b/vue/ArrowBottomRightIcon.js new file mode 100644 index 0000000..45ac47f --- /dev/null +++ b/vue/ArrowBottomRightIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowBottomRightIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowDownIcon.js b/vue/ArrowDownIcon.js new file mode 100644 index 0000000..85fd5d8 --- /dev/null +++ b/vue/ArrowDownIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowDownIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowLeftIcon.js b/vue/ArrowLeftIcon.js new file mode 100644 index 0000000..2f7dd3d --- /dev/null +++ b/vue/ArrowLeftIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowLeftIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowLeftRightIcon.js b/vue/ArrowLeftRightIcon.js new file mode 100644 index 0000000..9083484 --- /dev/null +++ b/vue/ArrowLeftRightIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowLeftRightIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowRightIcon.js b/vue/ArrowRightIcon.js new file mode 100644 index 0000000..511e293 --- /dev/null +++ b/vue/ArrowRightIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowRightIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowTopBottomIcon.js b/vue/ArrowTopBottomIcon.js new file mode 100644 index 0000000..cb90ee5 --- /dev/null +++ b/vue/ArrowTopBottomIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowTopBottomIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowTopIcon.js b/vue/ArrowTopIcon.js new file mode 100644 index 0000000..db71cd3 --- /dev/null +++ b/vue/ArrowTopIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowTopIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowTopLeftIcon.js b/vue/ArrowTopLeftIcon.js new file mode 100644 index 0000000..158bb15 --- /dev/null +++ b/vue/ArrowTopLeftIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowTopLeftIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ArrowTopRightIcon.js b/vue/ArrowTopRightIcon.js new file mode 100644 index 0000000..82cd2e8 --- /dev/null +++ b/vue/ArrowTopRightIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ArrowTopRightIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/Battery0Icon.js b/vue/Battery0Icon.js new file mode 100644 index 0000000..1cf8553 --- /dev/null +++ b/vue/Battery0Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'Battery0Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/Battery1Icon.js b/vue/Battery1Icon.js new file mode 100644 index 0000000..497b8f9 --- /dev/null +++ b/vue/Battery1Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'Battery1Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/Battery2Icon.js b/vue/Battery2Icon.js new file mode 100644 index 0000000..78559a9 --- /dev/null +++ b/vue/Battery2Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'Battery2Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/Battery3Icon.js b/vue/Battery3Icon.js new file mode 100644 index 0000000..343a5c7 --- /dev/null +++ b/vue/Battery3Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'Battery3Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/BatteryChargeIcon.js b/vue/BatteryChargeIcon.js new file mode 100644 index 0000000..0cae643 --- /dev/null +++ b/vue/BatteryChargeIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'BatteryChargeIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/BellIcon.js b/vue/BellIcon.js new file mode 100644 index 0000000..470dc9b --- /dev/null +++ b/vue/BellIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'BellIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/BoldIcon.js b/vue/BoldIcon.js new file mode 100644 index 0000000..a1ad275 --- /dev/null +++ b/vue/BoldIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'BoldIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/BookmarkIcon.js b/vue/BookmarkIcon.js new file mode 100644 index 0000000..d3b2424 --- /dev/null +++ b/vue/BookmarkIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'BookmarkIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/BoxIcon.js b/vue/BoxIcon.js new file mode 100644 index 0000000..2275b15 --- /dev/null +++ b/vue/BoxIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'BoxIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CalendarCheckIcon.js b/vue/CalendarCheckIcon.js new file mode 100644 index 0000000..9eaf37b --- /dev/null +++ b/vue/CalendarCheckIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CalendarCheckIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CalendarIcon.js b/vue/CalendarIcon.js new file mode 100644 index 0000000..ddbc7a3 --- /dev/null +++ b/vue/CalendarIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CalendarIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CalendarMinIcon.js b/vue/CalendarMinIcon.js new file mode 100644 index 0000000..d7b3455 --- /dev/null +++ b/vue/CalendarMinIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CalendarMinIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CalendarPlusIcon.js b/vue/CalendarPlusIcon.js new file mode 100644 index 0000000..205090e --- /dev/null +++ b/vue/CalendarPlusIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CalendarPlusIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CameraIcon.js b/vue/CameraIcon.js new file mode 100644 index 0000000..fbed4bf --- /dev/null +++ b/vue/CameraIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CameraIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CaretCircleIcon.js b/vue/CaretCircleIcon.js new file mode 100644 index 0000000..52ac56c --- /dev/null +++ b/vue/CaretCircleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CaretCircleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CaretVerticalIcon.js b/vue/CaretVerticalIcon.js new file mode 100644 index 0000000..db1762c --- /dev/null +++ b/vue/CaretVerticalIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CaretVerticalIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CheckCircleIcon.js b/vue/CheckCircleIcon.js new file mode 100644 index 0000000..c5dff97 --- /dev/null +++ b/vue/CheckCircleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CheckCircleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CheckIcon.js b/vue/CheckIcon.js new file mode 100644 index 0000000..4f74f28 --- /dev/null +++ b/vue/CheckIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CheckIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronDoubleDownIcon.js b/vue/ChevronDoubleDownIcon.js new file mode 100644 index 0000000..8a94322 --- /dev/null +++ b/vue/ChevronDoubleDownIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronDoubleDownIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronDoubleLeftIcon.js b/vue/ChevronDoubleLeftIcon.js new file mode 100644 index 0000000..7bea3a1 --- /dev/null +++ b/vue/ChevronDoubleLeftIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronDoubleLeftIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronDoubleRightIcon.js b/vue/ChevronDoubleRightIcon.js new file mode 100644 index 0000000..a6fd67d --- /dev/null +++ b/vue/ChevronDoubleRightIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronDoubleRightIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronDoubleUpIcon.js b/vue/ChevronDoubleUpIcon.js new file mode 100644 index 0000000..454818c --- /dev/null +++ b/vue/ChevronDoubleUpIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronDoubleUpIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronDownIcon.js b/vue/ChevronDownIcon.js new file mode 100644 index 0000000..b77f24b --- /dev/null +++ b/vue/ChevronDownIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronDownIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronLeftIcon.js b/vue/ChevronLeftIcon.js new file mode 100644 index 0000000..e8960b8 --- /dev/null +++ b/vue/ChevronLeftIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronLeftIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronRightIcon.js b/vue/ChevronRightIcon.js new file mode 100644 index 0000000..bc99810 --- /dev/null +++ b/vue/ChevronRightIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronRightIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ChevronUpIcon.js b/vue/ChevronUpIcon.js new file mode 100644 index 0000000..436f62d --- /dev/null +++ b/vue/ChevronUpIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ChevronUpIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CircleIcon.js b/vue/CircleIcon.js new file mode 100644 index 0000000..a380590 --- /dev/null +++ b/vue/CircleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CircleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ClipboardCheckIcon.js b/vue/ClipboardCheckIcon.js new file mode 100644 index 0000000..638a5b3 --- /dev/null +++ b/vue/ClipboardCheckIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ClipboardCheckIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ClipboardIcon.js b/vue/ClipboardIcon.js new file mode 100644 index 0000000..ea97dec --- /dev/null +++ b/vue/ClipboardIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ClipboardIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ClipboardMinIcon.js b/vue/ClipboardMinIcon.js new file mode 100644 index 0000000..cba9ef0 --- /dev/null +++ b/vue/ClipboardMinIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ClipboardMinIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ClipboardPlusIcon.js b/vue/ClipboardPlusIcon.js new file mode 100644 index 0000000..bd67f26 --- /dev/null +++ b/vue/ClipboardPlusIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ClipboardPlusIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ClockIcon.js b/vue/ClockIcon.js new file mode 100644 index 0000000..fb11fa6 --- /dev/null +++ b/vue/ClockIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ClockIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CopyIcon.js b/vue/CopyIcon.js new file mode 100644 index 0000000..d442034 --- /dev/null +++ b/vue/CopyIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CopyIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/CropIcon.js b/vue/CropIcon.js new file mode 100644 index 0000000..bb651b0 --- /dev/null +++ b/vue/CropIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'CropIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/DocumentImageIcon.js b/vue/DocumentImageIcon.js new file mode 100644 index 0000000..41d3d76 --- /dev/null +++ b/vue/DocumentImageIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'DocumentImageIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/DocumentTextIcon.js b/vue/DocumentTextIcon.js new file mode 100644 index 0000000..a7f2ade --- /dev/null +++ b/vue/DocumentTextIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'DocumentTextIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/DocumentsIcon.js b/vue/DocumentsIcon.js new file mode 100644 index 0000000..867ca76 --- /dev/null +++ b/vue/DocumentsIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'DocumentsIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/DonutIcon.js b/vue/DonutIcon.js new file mode 100644 index 0000000..696e8d9 --- /dev/null +++ b/vue/DonutIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'DonutIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/DownloadIcon.js b/vue/DownloadIcon.js new file mode 100644 index 0000000..a70f5e0 --- /dev/null +++ b/vue/DownloadIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'DownloadIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/Edit1Icon.js b/vue/Edit1Icon.js new file mode 100644 index 0000000..28fe917 --- /dev/null +++ b/vue/Edit1Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'Edit1Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/Edit2Icon.js b/vue/Edit2Icon.js new file mode 100644 index 0000000..e2e57f8 --- /dev/null +++ b/vue/Edit2Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'Edit2Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/Edit3Icon.js b/vue/Edit3Icon.js new file mode 100644 index 0000000..d04b02e --- /dev/null +++ b/vue/Edit3Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'Edit3Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ExclamationCircleIcon.js b/vue/ExclamationCircleIcon.js new file mode 100644 index 0000000..ba0ad5f --- /dev/null +++ b/vue/ExclamationCircleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ExclamationCircleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ExternalLinkIcon.js b/vue/ExternalLinkIcon.js new file mode 100644 index 0000000..79b3cd9 --- /dev/null +++ b/vue/ExternalLinkIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ExternalLinkIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/EyeClosedIcon.js b/vue/EyeClosedIcon.js new file mode 100644 index 0000000..b38a217 --- /dev/null +++ b/vue/EyeClosedIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'EyeClosedIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/EyeIcon.js b/vue/EyeIcon.js new file mode 100644 index 0000000..6ae1107 --- /dev/null +++ b/vue/EyeIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'EyeIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FaceIdIcon.js b/vue/FaceIdIcon.js new file mode 100644 index 0000000..801713a --- /dev/null +++ b/vue/FaceIdIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FaceIdIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FaceIdSadIcon.js b/vue/FaceIdSadIcon.js new file mode 100644 index 0000000..10a2953 --- /dev/null +++ b/vue/FaceIdSadIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FaceIdSadIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FileCheckIcon.js b/vue/FileCheckIcon.js new file mode 100644 index 0000000..7dfff34 --- /dev/null +++ b/vue/FileCheckIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FileCheckIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FileIcon.js b/vue/FileIcon.js new file mode 100644 index 0000000..a7d5863 --- /dev/null +++ b/vue/FileIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FileIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FileMinIcon.js b/vue/FileMinIcon.js new file mode 100644 index 0000000..9735d37 --- /dev/null +++ b/vue/FileMinIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FileMinIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FilePlusIcon.js b/vue/FilePlusIcon.js new file mode 100644 index 0000000..9a30e41 --- /dev/null +++ b/vue/FilePlusIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FilePlusIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FolderIcon.js b/vue/FolderIcon.js new file mode 100644 index 0000000..b3ceb13 --- /dev/null +++ b/vue/FolderIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FolderIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FolderMinIcon.js b/vue/FolderMinIcon.js new file mode 100644 index 0000000..015a1a5 --- /dev/null +++ b/vue/FolderMinIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FolderMinIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FolderPlusIcon.js b/vue/FolderPlusIcon.js new file mode 100644 index 0000000..bfe1f4c --- /dev/null +++ b/vue/FolderPlusIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FolderPlusIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FoldersIcon.js b/vue/FoldersIcon.js new file mode 100644 index 0000000..6d9b337 --- /dev/null +++ b/vue/FoldersIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FoldersIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/FontRomanIcon.js b/vue/FontRomanIcon.js new file mode 100644 index 0000000..49198c2 --- /dev/null +++ b/vue/FontRomanIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'FontRomanIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/HeartIcon.js b/vue/HeartIcon.js new file mode 100644 index 0000000..c7ff5c4 --- /dev/null +++ b/vue/HeartIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'HeartIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/HomeIcon.js b/vue/HomeIcon.js new file mode 100644 index 0000000..fa0dfd7 --- /dev/null +++ b/vue/HomeIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'HomeIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ImageIcon.js b/vue/ImageIcon.js new file mode 100644 index 0000000..3617e54 --- /dev/null +++ b/vue/ImageIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ImageIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/InboxIcon.js b/vue/InboxIcon.js new file mode 100644 index 0000000..b65a19c --- /dev/null +++ b/vue/InboxIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'InboxIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/InboxInIcon.js b/vue/InboxInIcon.js new file mode 100644 index 0000000..e8d2a8c --- /dev/null +++ b/vue/InboxInIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'InboxInIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/InboxOutIcon.js b/vue/InboxOutIcon.js new file mode 100644 index 0000000..d3069b4 --- /dev/null +++ b/vue/InboxOutIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'InboxOutIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/InfoIcon.js b/vue/InfoIcon.js new file mode 100644 index 0000000..3d3e2af --- /dev/null +++ b/vue/InfoIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'InfoIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ItalicIcon.js b/vue/ItalicIcon.js new file mode 100644 index 0000000..3ca9fcc --- /dev/null +++ b/vue/ItalicIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ItalicIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/LICENSE b/vue/LICENSE new file mode 100644 index 0000000..57351cd --- /dev/null +++ b/vue/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Afnizar Nur Ghifari + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/vue/ListIcon.js b/vue/ListIcon.js new file mode 100644 index 0000000..a05dd40 --- /dev/null +++ b/vue/ListIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ListIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/LockClosedIcon.js b/vue/LockClosedIcon.js new file mode 100644 index 0000000..51a9203 --- /dev/null +++ b/vue/LockClosedIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'LockClosedIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/LockOpenIcon.js b/vue/LockOpenIcon.js new file mode 100644 index 0000000..2afdbc9 --- /dev/null +++ b/vue/LockOpenIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'LockOpenIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MailIcon.js b/vue/MailIcon.js new file mode 100644 index 0000000..e65c719 --- /dev/null +++ b/vue/MailIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MailIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MailOpenIcon.js b/vue/MailOpenIcon.js new file mode 100644 index 0000000..81b30e7 --- /dev/null +++ b/vue/MailOpenIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MailOpenIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MaximizeIcon.js b/vue/MaximizeIcon.js new file mode 100644 index 0000000..58a58b5 --- /dev/null +++ b/vue/MaximizeIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MaximizeIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MenuIcon.js b/vue/MenuIcon.js new file mode 100644 index 0000000..53a1683 --- /dev/null +++ b/vue/MenuIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MenuIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MinimizeIcon.js b/vue/MinimizeIcon.js new file mode 100644 index 0000000..98adddf --- /dev/null +++ b/vue/MinimizeIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MinimizeIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MinusIcon.js b/vue/MinusIcon.js new file mode 100644 index 0000000..fffab96 --- /dev/null +++ b/vue/MinusIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MinusIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MoreHorizontalIcon.js b/vue/MoreHorizontalIcon.js new file mode 100644 index 0000000..c0c05b4 --- /dev/null +++ b/vue/MoreHorizontalIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MoreHorizontalIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/MoreVerticalIcon.js b/vue/MoreVerticalIcon.js new file mode 100644 index 0000000..30fedcd --- /dev/null +++ b/vue/MoreVerticalIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'MoreVerticalIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/NatatokoIcon.js b/vue/NatatokoIcon.js new file mode 100644 index 0000000..8a65dcd --- /dev/null +++ b/vue/NatatokoIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'NatatokoIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/OverlineIcon.js b/vue/OverlineIcon.js new file mode 100644 index 0000000..2df662e --- /dev/null +++ b/vue/OverlineIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'OverlineIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/PercentageIcon.js b/vue/PercentageIcon.js new file mode 100644 index 0000000..9b73567 --- /dev/null +++ b/vue/PercentageIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'PercentageIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/PlusCircleIcon.js b/vue/PlusCircleIcon.js new file mode 100644 index 0000000..1a42192 --- /dev/null +++ b/vue/PlusCircleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'PlusCircleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/PlusIcon.js b/vue/PlusIcon.js new file mode 100644 index 0000000..75a1165 --- /dev/null +++ b/vue/PlusIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'PlusIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/PrinterIcon.js b/vue/PrinterIcon.js new file mode 100644 index 0000000..3998b95 --- /dev/null +++ b/vue/PrinterIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'PrinterIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/QuestionCircleIcon.js b/vue/QuestionCircleIcon.js new file mode 100644 index 0000000..d1a1ba6 --- /dev/null +++ b/vue/QuestionCircleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'QuestionCircleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/README.md b/vue/README.md new file mode 100644 index 0000000..cd63840 --- /dev/null +++ b/vue/README.md @@ -0,0 +1,57 @@ +

+ + + +

+

Nataicons

+ +

+ A fun-themed simple open source icon by the folks at Natatoko. +

+ +--- + +
+ +
+ +## Installation + +Install with npm +```bash +npm install @nataicons/vue +``` + +## Usage + +1. Import the icon components + +```js +import { AlarmIcon, AlertIcon, NataIcon } from "@nataicons/vue" +``` + +2. Use the icon components in your template + + +```jsx + + +``` + +You can set a custom `size` (in pixels) or use the default sizes (24px or 20px). The `color` prop allows you to change the icon color. +om `size` (in pixels) or use the default sizes. The `color` prop allows you to change the icon color. + + +## License + +Nataicons is licensed under the [MIT License](https://github.com/afnizarnur/nataicons//tree/main/LICENSE). In short, you are free to use this icons in any personal, open-source or commercial work. Attribution is optional but appreciated. diff --git a/vue/RectangleIcon.js b/vue/RectangleIcon.js new file mode 100644 index 0000000..3e1ce1f --- /dev/null +++ b/vue/RectangleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'RectangleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/RefreshAltIcon.js b/vue/RefreshAltIcon.js new file mode 100644 index 0000000..4ef21e8 --- /dev/null +++ b/vue/RefreshAltIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'RefreshAltIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/RefreshIcon.js b/vue/RefreshIcon.js new file mode 100644 index 0000000..6558c5a --- /dev/null +++ b/vue/RefreshIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'RefreshIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/SearchIcon.js b/vue/SearchIcon.js new file mode 100644 index 0000000..f599d09 --- /dev/null +++ b/vue/SearchIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'SearchIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/SettingsIcon.js b/vue/SettingsIcon.js new file mode 100644 index 0000000..d59c423 --- /dev/null +++ b/vue/SettingsIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'SettingsIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ShoppingBagCheckIcon.js b/vue/ShoppingBagCheckIcon.js new file mode 100644 index 0000000..a4a02af --- /dev/null +++ b/vue/ShoppingBagCheckIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ShoppingBagCheckIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ShoppingBagIcon.js b/vue/ShoppingBagIcon.js new file mode 100644 index 0000000..cf42a65 --- /dev/null +++ b/vue/ShoppingBagIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ShoppingBagIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ShoppingBagMinIcon.js b/vue/ShoppingBagMinIcon.js new file mode 100644 index 0000000..56aa914 --- /dev/null +++ b/vue/ShoppingBagMinIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ShoppingBagMinIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ShoppingBagPlusIcon.js b/vue/ShoppingBagPlusIcon.js new file mode 100644 index 0000000..854026a --- /dev/null +++ b/vue/ShoppingBagPlusIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ShoppingBagPlusIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/StatsChart2Icon.js b/vue/StatsChart2Icon.js new file mode 100644 index 0000000..81add14 --- /dev/null +++ b/vue/StatsChart2Icon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'StatsChart2Icon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/StatsChartIcon.js b/vue/StatsChartIcon.js new file mode 100644 index 0000000..6748dbe --- /dev/null +++ b/vue/StatsChartIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'StatsChartIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/StopIcon.js b/vue/StopIcon.js new file mode 100644 index 0000000..7a25fe9 --- /dev/null +++ b/vue/StopIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'StopIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/StrikethroughIcon.js b/vue/StrikethroughIcon.js new file mode 100644 index 0000000..7d375d7 --- /dev/null +++ b/vue/StrikethroughIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'StrikethroughIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/TrashAltIcon.js b/vue/TrashAltIcon.js new file mode 100644 index 0000000..86af3f3 --- /dev/null +++ b/vue/TrashAltIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'TrashAltIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/TrashIcon.js b/vue/TrashIcon.js new file mode 100644 index 0000000..7f53686 --- /dev/null +++ b/vue/TrashIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'TrashIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/UnderlineIcon.js b/vue/UnderlineIcon.js new file mode 100644 index 0000000..12fb204 --- /dev/null +++ b/vue/UnderlineIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'UnderlineIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/UploadIcon.js b/vue/UploadIcon.js new file mode 100644 index 0000000..58e2c4e --- /dev/null +++ b/vue/UploadIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'UploadIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/XCircleIcon.js b/vue/XCircleIcon.js new file mode 100644 index 0000000..00fcbeb --- /dev/null +++ b/vue/XCircleIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'XCircleIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/XIcon.js b/vue/XIcon.js new file mode 100644 index 0000000..2c4bfb5 --- /dev/null +++ b/vue/XIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'XIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ZapIcon.js b/vue/ZapIcon.js new file mode 100644 index 0000000..2cab8d4 --- /dev/null +++ b/vue/ZapIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ZapIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ZoomInIcon.js b/vue/ZoomInIcon.js new file mode 100644 index 0000000..ce25f7c --- /dev/null +++ b/vue/ZoomInIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ZoomInIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/ZoomOutIcon.js b/vue/ZoomOutIcon.js new file mode 100644 index 0000000..783ca7c --- /dev/null +++ b/vue/ZoomOutIcon.js @@ -0,0 +1,53 @@ + +import { defineComponent, h, computed } from 'vue' + +export default defineComponent({ + name: 'ZoomOutIcon', + props: { + size: { + type: String, + default: '24', + validator: (s) => !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x' + }, + color: { + type: String, + default: 'currentColor' + } + }, + setup(props, { attrs }) { + const getSize = computed(() => props.size.slice(-1) === 'x' + ? props.size.slice(0, props.size.length - 1) + 'em' + : `${parseInt(props.size)}px`) + + const svg20 = " " + const svg24 = " " + + const updateSvg = (svgString) => { + const parser = new DOMParser() + const doc = parser.parseFromString(svgString, 'image/svg+xml') + const svg = doc.documentElement + + svg.setAttribute('width', getSize.value) + svg.setAttribute('height', getSize.value) + + svg.querySelectorAll('[fill]:not([fill="none"])').forEach(el => { + el.setAttribute('fill', props.color) + }) + svg.querySelectorAll('[stroke]:not([stroke="none"])').forEach(el => { + el.setAttribute('stroke', props.color) + }) + + return svg.outerHTML + } + + return () => h('div', { + ...attrs, + innerHTML: updateSvg(props.size === '20' ? svg20 : svg24), + style: { + display: 'inline-block', + width: getSize.value, + height: getSize.value, + } + }) + } +}) diff --git a/vue/index.cjs.js b/vue/index.cjs.js new file mode 100644 index 0000000..f0965f1 --- /dev/null +++ b/vue/index.cjs.js @@ -0,0 +1 @@ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");function t(e,t,l){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var r=l.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function l(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,r)}return l}function r(e){for(var r=1;r=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),o=e.defineComponent({name:"AlignCenterIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),i=e.defineComponent({name:"AlignJustifyIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),a=e.defineComponent({name:"AlignLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),s=e.defineComponent({name:"AlignRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),c=e.defineComponent({name:"ArrowBottomLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),u=e.defineComponent({name:"ArrowBottomRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),h=e.defineComponent({name:"ArrowDownIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),v=e.defineComponent({name:"ArrowLeftRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),g=e.defineComponent({name:"ArrowLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),f=e.defineComponent({name:"ArrowRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),d=e.defineComponent({name:"ArrowTopBottomIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),p=e.defineComponent({name:"ArrowTopLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),w=e.defineComponent({name:"ArrowTopRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),m=e.defineComponent({name:"ArrowTopIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),z=e.defineComponent({name:"Battery0Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),x=e.defineComponent({name:"Battery1Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),A=e.defineComponent({name:"Battery2Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),M=e.defineComponent({name:"Battery3Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),y=e.defineComponent({name:"BatteryChargeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),k=e.defineComponent({name:"BellIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),b=e.defineComponent({name:"BoldIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),C=e.defineComponent({name:"BookmarkIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),H=e.defineComponent({name:"BoxIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),S=e.defineComponent({name:"CalendarCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),N=e.defineComponent({name:"CalendarMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),L=e.defineComponent({name:"CalendarPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),I=e.defineComponent({name:"CalendarIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),E=e.defineComponent({name:"CameraIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),V=e.defineComponent({name:"CaretCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),B=e.defineComponent({name:"CaretVerticalIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),T=e.defineComponent({name:"CheckCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),q=e.defineComponent({name:"CheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),P=e.defineComponent({name:"ChevronDoubleDownIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),O=e.defineComponent({name:"ChevronDoubleLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),D=e.defineComponent({name:"ChevronDoubleRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),F=e.defineComponent({name:"ChevronDoubleUpIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),j=e.defineComponent({name:"ChevronDownIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),R=e.defineComponent({name:"ChevronLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),U=e.defineComponent({name:"ChevronRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Z=e.defineComponent({name:"ChevronUpIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),X=e.defineComponent({name:"CircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),J=e.defineComponent({name:"ClipboardCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Q=e.defineComponent({name:"ClipboardMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),_=e.defineComponent({name:"ClipboardPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),G=e.defineComponent({name:"ClipboardIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),K=e.defineComponent({name:"ClockIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),W=e.defineComponent({name:"CopyIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Y=e.defineComponent({name:"CropIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),$=e.defineComponent({name:"DocumentImageIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ee=e.defineComponent({name:"DocumentTextIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),te=e.defineComponent({name:"DocumentsIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),le=e.defineComponent({name:"DonutIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),re=e.defineComponent({name:"DownloadIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ne=e.defineComponent({name:"Edit1Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),oe=e.defineComponent({name:"Edit2Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ie=e.defineComponent({name:"Edit3Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ae=e.defineComponent({name:"ExclamationCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),se=e.defineComponent({name:"ExternalLinkIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ce=e.defineComponent({name:"EyeClosedIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ue=e.defineComponent({name:"EyeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),he=e.defineComponent({name:"FaceIdSadIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ve=e.defineComponent({name:"FaceIdIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ge=e.defineComponent({name:"FileCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),fe=e.defineComponent({name:"FileMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),de=e.defineComponent({name:"FilePlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),pe=e.defineComponent({name:"FileIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),we=e.defineComponent({name:"FolderMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),me=e.defineComponent({name:"FolderPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ze=e.defineComponent({name:"FolderIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),xe=e.defineComponent({name:"FoldersIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ae=e.defineComponent({name:"FontRomanIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Me=e.defineComponent({name:"HeartIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ye=e.defineComponent({name:"HomeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ke=e.defineComponent({name:"ImageIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),be=e.defineComponent({name:"InboxInIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ce=e.defineComponent({name:"InboxOutIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),He=e.defineComponent({name:"InboxIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Se=e.defineComponent({name:"InfoIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ne=e.defineComponent({name:"ItalicIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Le=e.defineComponent({name:"ListIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ie=e.defineComponent({name:"LockClosedIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ee=e.defineComponent({name:"LockOpenIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ve=e.defineComponent({name:"MailOpenIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Be=e.defineComponent({name:"MailIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Te=e.defineComponent({name:"MaximizeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),qe=e.defineComponent({name:"MenuIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Pe=e.defineComponent({name:"MinimizeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Oe=e.defineComponent({name:"MinusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),De=e.defineComponent({name:"MoreHorizontalIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Fe=e.defineComponent({name:"MoreVerticalIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),je=e.defineComponent({name:"NatatokoIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Re=e.defineComponent({name:"OverlineIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ue=e.defineComponent({name:"PercentageIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ze=e.defineComponent({name:"PlusCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Xe=e.defineComponent({name:"PlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Je=e.defineComponent({name:"PrinterIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Qe=e.defineComponent({name:"QuestionCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),_e=e.defineComponent({name:"RectangleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ge=e.defineComponent({name:"RefreshAltIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ke=e.defineComponent({name:"RefreshIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),We=e.defineComponent({name:"SearchIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),Ye=e.defineComponent({name:"SettingsIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),$e=e.defineComponent({name:"ShoppingBagCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),et=e.defineComponent({name:"ShoppingBagMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),tt=e.defineComponent({name:"ShoppingBagPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),lt=e.defineComponent({name:"ShoppingBagIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),rt=e.defineComponent({name:"StatsChart2Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),nt=e.defineComponent({name:"StatsChartIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ot=e.defineComponent({name:"StopIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),it=e.defineComponent({name:"StrikethroughIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),at=e.defineComponent({name:"TrashAltIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),st=e.defineComponent({name:"TrashIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ct=e.defineComponent({name:"UnderlineIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ut=e.defineComponent({name:"UploadIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ht=e.defineComponent({name:"XCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),vt=e.defineComponent({name:"XIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),gt=e.defineComponent({name:"ZapIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),ft=e.defineComponent({name:"ZoomInIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),dt=e.defineComponent({name:"ZoomOutIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(t,l){var n=l.attrs,o=e.computed((function(){return"x"===t.size.slice(-1)?t.size.slice(0,t.size.length-1)+"em":"".concat(parseInt(t.size),"px")}));return function(){return e.h("div",r(r({},n),{},{innerHTML:(l="20"===t.size?' ':' ',i=(new DOMParser).parseFromString(l,"image/svg+xml").documentElement,i.setAttribute("width",o.value),i.setAttribute("height",o.value),i.querySelectorAll('[fill]:not([fill="none"])').forEach((function(e){e.setAttribute("fill",t.color)})),i.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(e){e.setAttribute("stroke",t.color)})),i.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var l,i}}}),pt=e.defineComponent({name:"NataIcon",props:{name:{type:String,required:!0},size:String,color:String},setup:function(t){var l={alarm:n,aligncenter:o,alignjustify:i,alignleft:a,alignright:s,arrowbottomleft:c,arrowbottomright:u,arrowdown:h,arrowleftright:v,arrowleft:g,arrowright:f,arrowtopbottom:d,arrowtopleft:p,arrowtopright:w,arrowtop:m,battery0:z,battery1:x,battery2:A,battery3:M,batterycharge:y,bell:k,bold:b,bookmark:C,box:H,calendarcheck:S,calendarmin:N,calendarplus:L,calendar:I,camera:E,caretcircle:V,caretvertical:B,checkcircle:T,check:q,chevrondoubledown:P,chevrondoubleleft:O,chevrondoubleright:D,chevrondoubleup:F,chevrondown:j,chevronleft:R,chevronright:U,chevronup:Z,circle:X,clipboardcheck:J,clipboardmin:Q,clipboardplus:_,clipboard:G,clock:K,copy:W,crop:Y,documentimage:$,documenttext:ee,documents:te,donut:le,download:re,edit1:ne,edit2:oe,edit3:ie,exclamationcircle:ae,externallink:se,eyeclosed:ce,eye:ue,faceidsad:he,faceid:ve,filecheck:ge,filemin:fe,fileplus:de,file:pe,foldermin:we,folderplus:me,folder:ze,folders:xe,fontroman:Ae,heart:Me,home:ye,image:ke,inboxin:be,inboxout:Ce,inbox:He,info:Se,italic:Ne,list:Le,lockclosed:Ie,lockopen:Ee,mailopen:Ve,mail:Be,maximize:Te,menu:qe,minimize:Pe,minus:Oe,morehorizontal:De,morevertical:Fe,natatoko:je,overline:Re,percentage:Ue,pluscircle:Ze,plus:Xe,printer:Je,questioncircle:Qe,rectangle:_e,refreshalt:Ge,refresh:Ke,search:We,settings:Ye,shoppingbagcheck:$e,shoppingbagmin:et,shoppingbagplus:tt,shoppingbag:lt,statschart2:rt,statschart:nt,stop:ot,strikethrough:it,trashalt:at,trash:st,underline:ct,upload:ut,xcircle:ht,x:vt,zap:gt,zoomin:ft,zoomout:dt}[t.name.toLowerCase()];return function(){return l?e.h(l,{size:t.size,color:t.color}):null}}});exports.AlarmIcon=n,exports.AlignCenterIcon=o,exports.AlignJustifyIcon=i,exports.AlignLeftIcon=a,exports.AlignRightIcon=s,exports.ArrowBottomLeftIcon=c,exports.ArrowBottomRightIcon=u,exports.ArrowDownIcon=h,exports.ArrowLeftIcon=g,exports.ArrowLeftRightIcon=v,exports.ArrowRightIcon=f,exports.ArrowTopBottomIcon=d,exports.ArrowTopIcon=m,exports.ArrowTopLeftIcon=p,exports.ArrowTopRightIcon=w,exports.Battery0Icon=z,exports.Battery1Icon=x,exports.Battery2Icon=A,exports.Battery3Icon=M,exports.BatteryChargeIcon=y,exports.BellIcon=k,exports.BoldIcon=b,exports.BookmarkIcon=C,exports.BoxIcon=H,exports.CalendarCheckIcon=S,exports.CalendarIcon=I,exports.CalendarMinIcon=N,exports.CalendarPlusIcon=L,exports.CameraIcon=E,exports.CaretCircleIcon=V,exports.CaretVerticalIcon=B,exports.CheckCircleIcon=T,exports.CheckIcon=q,exports.ChevronDoubleDownIcon=P,exports.ChevronDoubleLeftIcon=O,exports.ChevronDoubleRightIcon=D,exports.ChevronDoubleUpIcon=F,exports.ChevronDownIcon=j,exports.ChevronLeftIcon=R,exports.ChevronRightIcon=U,exports.ChevronUpIcon=Z,exports.CircleIcon=X,exports.ClipboardCheckIcon=J,exports.ClipboardIcon=G,exports.ClipboardMinIcon=Q,exports.ClipboardPlusIcon=_,exports.ClockIcon=K,exports.CopyIcon=W,exports.CropIcon=Y,exports.DocumentImageIcon=$,exports.DocumentTextIcon=ee,exports.DocumentsIcon=te,exports.DonutIcon=le,exports.DownloadIcon=re,exports.Edit1Icon=ne,exports.Edit2Icon=oe,exports.Edit3Icon=ie,exports.ExclamationCircleIcon=ae,exports.ExternalLinkIcon=se,exports.EyeClosedIcon=ce,exports.EyeIcon=ue,exports.FaceIdIcon=ve,exports.FaceIdSadIcon=he,exports.FileCheckIcon=ge,exports.FileIcon=pe,exports.FileMinIcon=fe,exports.FilePlusIcon=de,exports.FolderIcon=ze,exports.FolderMinIcon=we,exports.FolderPlusIcon=me,exports.FoldersIcon=xe,exports.FontRomanIcon=Ae,exports.HeartIcon=Me,exports.HomeIcon=ye,exports.ImageIcon=ke,exports.InboxIcon=He,exports.InboxInIcon=be,exports.InboxOutIcon=Ce,exports.InfoIcon=Se,exports.ItalicIcon=Ne,exports.ListIcon=Le,exports.LockClosedIcon=Ie,exports.LockOpenIcon=Ee,exports.MailIcon=Be,exports.MailOpenIcon=Ve,exports.MaximizeIcon=Te,exports.MenuIcon=qe,exports.MinimizeIcon=Pe,exports.MinusIcon=Oe,exports.MoreHorizontalIcon=De,exports.MoreVerticalIcon=Fe,exports.NataIcon=pt,exports.NatatokoIcon=je,exports.OverlineIcon=Re,exports.PercentageIcon=Ue,exports.PlusCircleIcon=Ze,exports.PlusIcon=Xe,exports.PrinterIcon=Je,exports.QuestionCircleIcon=Qe,exports.RectangleIcon=_e,exports.RefreshAltIcon=Ge,exports.RefreshIcon=Ke,exports.SearchIcon=We,exports.SettingsIcon=Ye,exports.ShoppingBagCheckIcon=$e,exports.ShoppingBagIcon=lt,exports.ShoppingBagMinIcon=et,exports.ShoppingBagPlusIcon=tt,exports.StatsChart2Icon=rt,exports.StatsChartIcon=nt,exports.StopIcon=ot,exports.StrikethroughIcon=it,exports.TrashAltIcon=at,exports.TrashIcon=st,exports.UnderlineIcon=ct,exports.UploadIcon=ut,exports.XCircleIcon=ht,exports.XIcon=vt,exports.ZapIcon=gt,exports.ZoomInIcon=ft,exports.ZoomOutIcon=dt; diff --git a/vue/index.es.js b/vue/index.es.js new file mode 100644 index 0000000..519c0f3 --- /dev/null +++ b/vue/index.es.js @@ -0,0 +1 @@ +import{defineComponent as e,computed as t,h as l}from"vue";function r(e,t,l){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var r=l.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function i(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,r)}return l}function n(e){for(var t=1;t=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),a=e({name:"AlignCenterIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),s=e({name:"AlignJustifyIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),u=e({name:"AlignLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),c=e({name:"AlignRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),h=e({name:"ArrowBottomLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),v=e({name:"ArrowBottomRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),g=e({name:"ArrowDownIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),f=e({name:"ArrowLeftRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),d=e({name:"ArrowLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),w=e({name:"ArrowRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),p=e({name:"ArrowTopBottomIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),m=e({name:"ArrowTopLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),z=e({name:"ArrowTopRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),x=e({name:"ArrowTopIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),A=e({name:"Battery0Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),M=e({name:"Battery1Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),y=e({name:"Battery2Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),k=e({name:"Battery3Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),b=e({name:"BatteryChargeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),H=e({name:"BellIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),S=e({name:"BoldIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),C=e({name:"BookmarkIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),N=e({name:"BoxIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),L=e({name:"CalendarCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),E=e({name:"CalendarMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),V=e({name:"CalendarPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),B=e({name:"CalendarIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),I=e({name:"CameraIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),T=e({name:"CaretCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),q=e({name:"CaretVerticalIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),O=e({name:"CheckCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),P=e({name:"CheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),D=e({name:"ChevronDoubleDownIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),F=e({name:"ChevronDoubleLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),j=e({name:"ChevronDoubleRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),R=e({name:"ChevronDoubleUpIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),U=e({name:"ChevronDownIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Z=e({name:"ChevronLeftIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),X=e({name:"ChevronRightIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),J=e({name:"ChevronUpIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Q=e({name:"CircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),G=e({name:"ClipboardCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),K=e({name:"ClipboardMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),W=e({name:"ClipboardPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Y=e({name:"ClipboardIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),$=e({name:"ClockIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),_=e({name:"CopyIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ee=e({name:"CropIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),te=e({name:"DocumentImageIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),le=e({name:"DocumentTextIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),re=e({name:"DocumentsIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ie=e({name:"DonutIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ne=e({name:"DownloadIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),oe=e({name:"Edit1Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ae=e({name:"Edit2Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),se=e({name:"Edit3Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ue=e({name:"ExclamationCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ce=e({name:"ExternalLinkIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),he=e({name:"EyeClosedIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ve=e({name:"EyeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ge=e({name:"FaceIdSadIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),fe=e({name:"FaceIdIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),de=e({name:"FileCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),we=e({name:"FileMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),pe=e({name:"FilePlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),me=e({name:"FileIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ze=e({name:"FolderMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),xe=e({name:"FolderPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ae=e({name:"FolderIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Me=e({name:"FoldersIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ye=e({name:"FontRomanIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ke=e({name:"HeartIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),be=e({name:"HomeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),He=e({name:"ImageIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Se=e({name:"InboxInIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ce=e({name:"InboxOutIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ne=e({name:"InboxIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Le=e({name:"InfoIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ee=e({name:"ItalicIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ve=e({name:"ListIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Be=e({name:"LockClosedIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ie=e({name:"LockOpenIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Te=e({name:"MailOpenIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),qe=e({name:"MailIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Oe=e({name:"MaximizeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Pe=e({name:"MenuIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),De=e({name:"MinimizeIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Fe=e({name:"MinusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),je=e({name:"MoreHorizontalIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Re=e({name:"MoreVerticalIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ue=e({name:"NatatokoIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ze=e({name:"OverlineIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Xe=e({name:"PercentageIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Je=e({name:"PlusCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Qe=e({name:"PlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ge=e({name:"PrinterIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ke=e({name:"QuestionCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),We=e({name:"RectangleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),Ye=e({name:"RefreshAltIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),$e=e({name:"RefreshIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),_e=e({name:"SearchIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),et=e({name:"SettingsIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),tt=e({name:"ShoppingBagCheckIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),lt=e({name:"ShoppingBagMinIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),rt=e({name:"ShoppingBagPlusIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),it=e({name:"ShoppingBagIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),nt=e({name:"StatsChart2Icon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ot=e({name:"StatsChartIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),at=e({name:"StopIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),st=e({name:"StrikethroughIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ut=e({name:"TrashAltIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ct=e({name:"TrashIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ht=e({name:"UnderlineIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),vt=e({name:"UploadIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),gt=e({name:"XCircleIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),ft=e({name:"XIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),dt=e({name:"ZapIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),wt=e({name:"ZoomInIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),pt=e({name:"ZoomOutIcon",props:{size:{type:String,default:"24",validator:function(e){return!isNaN(e)||e.length>=2&&!isNaN(e.slice(0,e.length-1))&&"x"===e.slice(-1)}},color:{type:String,default:"currentColor"}},setup:function(e,r){var i=r.attrs,o=t((function(){return"x"===e.size.slice(-1)?e.size.slice(0,e.size.length-1)+"em":"".concat(parseInt(e.size),"px")}));return function(){return l("div",n(n({},i),{},{innerHTML:(t="20"===e.size?' ':' ',r=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement,r.setAttribute("width",o.value),r.setAttribute("height",o.value),r.querySelectorAll('[fill]:not([fill="none"])').forEach((function(t){t.setAttribute("fill",e.color)})),r.querySelectorAll('[stroke]:not([stroke="none"])').forEach((function(t){t.setAttribute("stroke",e.color)})),r.outerHTML),style:{display:"inline-block",width:o.value,height:o.value}}));var t,r}}}),mt=e({name:"NataIcon",props:{name:{type:String,required:!0},size:String,color:String},setup:function(e){var t={alarm:o,aligncenter:a,alignjustify:s,alignleft:u,alignright:c,arrowbottomleft:h,arrowbottomright:v,arrowdown:g,arrowleftright:f,arrowleft:d,arrowright:w,arrowtopbottom:p,arrowtopleft:m,arrowtopright:z,arrowtop:x,battery0:A,battery1:M,battery2:y,battery3:k,batterycharge:b,bell:H,bold:S,bookmark:C,box:N,calendarcheck:L,calendarmin:E,calendarplus:V,calendar:B,camera:I,caretcircle:T,caretvertical:q,checkcircle:O,check:P,chevrondoubledown:D,chevrondoubleleft:F,chevrondoubleright:j,chevrondoubleup:R,chevrondown:U,chevronleft:Z,chevronright:X,chevronup:J,circle:Q,clipboardcheck:G,clipboardmin:K,clipboardplus:W,clipboard:Y,clock:$,copy:_,crop:ee,documentimage:te,documenttext:le,documents:re,donut:ie,download:ne,edit1:oe,edit2:ae,edit3:se,exclamationcircle:ue,externallink:ce,eyeclosed:he,eye:ve,faceidsad:ge,faceid:fe,filecheck:de,filemin:we,fileplus:pe,file:me,foldermin:ze,folderplus:xe,folder:Ae,folders:Me,fontroman:ye,heart:ke,home:be,image:He,inboxin:Se,inboxout:Ce,inbox:Ne,info:Le,italic:Ee,list:Ve,lockclosed:Be,lockopen:Ie,mailopen:Te,mail:qe,maximize:Oe,menu:Pe,minimize:De,minus:Fe,morehorizontal:je,morevertical:Re,natatoko:Ue,overline:Ze,percentage:Xe,pluscircle:Je,plus:Qe,printer:Ge,questioncircle:Ke,rectangle:We,refreshalt:Ye,refresh:$e,search:_e,settings:et,shoppingbagcheck:tt,shoppingbagmin:lt,shoppingbagplus:rt,shoppingbag:it,statschart2:nt,statschart:ot,stop:at,strikethrough:st,trashalt:ut,trash:ct,underline:ht,upload:vt,xcircle:gt,x:ft,zap:dt,zoomin:wt,zoomout:pt}[e.name.toLowerCase()];return function(){return t?l(t,{size:e.size,color:e.color}):null}}});export{o as AlarmIcon,a as AlignCenterIcon,s as AlignJustifyIcon,u as AlignLeftIcon,c as AlignRightIcon,h as ArrowBottomLeftIcon,v as ArrowBottomRightIcon,g as ArrowDownIcon,d as ArrowLeftIcon,f as ArrowLeftRightIcon,w as ArrowRightIcon,p as ArrowTopBottomIcon,x as ArrowTopIcon,m as ArrowTopLeftIcon,z as ArrowTopRightIcon,A as Battery0Icon,M as Battery1Icon,y as Battery2Icon,k as Battery3Icon,b as BatteryChargeIcon,H as BellIcon,S as BoldIcon,C as BookmarkIcon,N as BoxIcon,L as CalendarCheckIcon,B as CalendarIcon,E as CalendarMinIcon,V as CalendarPlusIcon,I as CameraIcon,T as CaretCircleIcon,q as CaretVerticalIcon,O as CheckCircleIcon,P as CheckIcon,D as ChevronDoubleDownIcon,F as ChevronDoubleLeftIcon,j as ChevronDoubleRightIcon,R as ChevronDoubleUpIcon,U as ChevronDownIcon,Z as ChevronLeftIcon,X as ChevronRightIcon,J as ChevronUpIcon,Q as CircleIcon,G as ClipboardCheckIcon,Y as ClipboardIcon,K as ClipboardMinIcon,W as ClipboardPlusIcon,$ as ClockIcon,_ as CopyIcon,ee as CropIcon,te as DocumentImageIcon,le as DocumentTextIcon,re as DocumentsIcon,ie as DonutIcon,ne as DownloadIcon,oe as Edit1Icon,ae as Edit2Icon,se as Edit3Icon,ue as ExclamationCircleIcon,ce as ExternalLinkIcon,he as EyeClosedIcon,ve as EyeIcon,fe as FaceIdIcon,ge as FaceIdSadIcon,de as FileCheckIcon,me as FileIcon,we as FileMinIcon,pe as FilePlusIcon,Ae as FolderIcon,ze as FolderMinIcon,xe as FolderPlusIcon,Me as FoldersIcon,ye as FontRomanIcon,ke as HeartIcon,be as HomeIcon,He as ImageIcon,Ne as InboxIcon,Se as InboxInIcon,Ce as InboxOutIcon,Le as InfoIcon,Ee as ItalicIcon,Ve as ListIcon,Be as LockClosedIcon,Ie as LockOpenIcon,qe as MailIcon,Te as MailOpenIcon,Oe as MaximizeIcon,Pe as MenuIcon,De as MinimizeIcon,Fe as MinusIcon,je as MoreHorizontalIcon,Re as MoreVerticalIcon,mt as NataIcon,Ue as NatatokoIcon,Ze as OverlineIcon,Xe as PercentageIcon,Je as PlusCircleIcon,Qe as PlusIcon,Ge as PrinterIcon,Ke as QuestionCircleIcon,We as RectangleIcon,Ye as RefreshAltIcon,$e as RefreshIcon,_e as SearchIcon,et as SettingsIcon,tt as ShoppingBagCheckIcon,it as ShoppingBagIcon,lt as ShoppingBagMinIcon,rt as ShoppingBagPlusIcon,nt as StatsChart2Icon,ot as StatsChartIcon,at as StopIcon,st as StrikethroughIcon,ut as TrashAltIcon,ct as TrashIcon,ht as UnderlineIcon,vt as UploadIcon,gt as XCircleIcon,ft as XIcon,dt as ZapIcon,wt as ZoomInIcon,pt as ZoomOutIcon}; diff --git a/vue/index.js b/vue/index.js new file mode 100644 index 0000000..259e6d1 --- /dev/null +++ b/vue/index.js @@ -0,0 +1,385 @@ + +import { defineComponent, h } from 'vue' +import AlarmIcon from './AlarmIcon.js' +import AlignCenterIcon from './AlignCenterIcon.js' +import AlignJustifyIcon from './AlignJustifyIcon.js' +import AlignLeftIcon from './AlignLeftIcon.js' +import AlignRightIcon from './AlignRightIcon.js' +import ArrowBottomLeftIcon from './ArrowBottomLeftIcon.js' +import ArrowBottomRightIcon from './ArrowBottomRightIcon.js' +import ArrowDownIcon from './ArrowDownIcon.js' +import ArrowLeftRightIcon from './ArrowLeftRightIcon.js' +import ArrowLeftIcon from './ArrowLeftIcon.js' +import ArrowRightIcon from './ArrowRightIcon.js' +import ArrowTopBottomIcon from './ArrowTopBottomIcon.js' +import ArrowTopLeftIcon from './ArrowTopLeftIcon.js' +import ArrowTopRightIcon from './ArrowTopRightIcon.js' +import ArrowTopIcon from './ArrowTopIcon.js' +import Battery0Icon from './Battery0Icon.js' +import Battery1Icon from './Battery1Icon.js' +import Battery2Icon from './Battery2Icon.js' +import Battery3Icon from './Battery3Icon.js' +import BatteryChargeIcon from './BatteryChargeIcon.js' +import BellIcon from './BellIcon.js' +import BoldIcon from './BoldIcon.js' +import BookmarkIcon from './BookmarkIcon.js' +import BoxIcon from './BoxIcon.js' +import CalendarCheckIcon from './CalendarCheckIcon.js' +import CalendarMinIcon from './CalendarMinIcon.js' +import CalendarPlusIcon from './CalendarPlusIcon.js' +import CalendarIcon from './CalendarIcon.js' +import CameraIcon from './CameraIcon.js' +import CaretCircleIcon from './CaretCircleIcon.js' +import CaretVerticalIcon from './CaretVerticalIcon.js' +import CheckCircleIcon from './CheckCircleIcon.js' +import CheckIcon from './CheckIcon.js' +import ChevronDoubleDownIcon from './ChevronDoubleDownIcon.js' +import ChevronDoubleLeftIcon from './ChevronDoubleLeftIcon.js' +import ChevronDoubleRightIcon from './ChevronDoubleRightIcon.js' +import ChevronDoubleUpIcon from './ChevronDoubleUpIcon.js' +import ChevronDownIcon from './ChevronDownIcon.js' +import ChevronLeftIcon from './ChevronLeftIcon.js' +import ChevronRightIcon from './ChevronRightIcon.js' +import ChevronUpIcon from './ChevronUpIcon.js' +import CircleIcon from './CircleIcon.js' +import ClipboardCheckIcon from './ClipboardCheckIcon.js' +import ClipboardMinIcon from './ClipboardMinIcon.js' +import ClipboardPlusIcon from './ClipboardPlusIcon.js' +import ClipboardIcon from './ClipboardIcon.js' +import ClockIcon from './ClockIcon.js' +import CopyIcon from './CopyIcon.js' +import CropIcon from './CropIcon.js' +import DocumentImageIcon from './DocumentImageIcon.js' +import DocumentTextIcon from './DocumentTextIcon.js' +import DocumentsIcon from './DocumentsIcon.js' +import DonutIcon from './DonutIcon.js' +import DownloadIcon from './DownloadIcon.js' +import Edit1Icon from './Edit1Icon.js' +import Edit2Icon from './Edit2Icon.js' +import Edit3Icon from './Edit3Icon.js' +import ExclamationCircleIcon from './ExclamationCircleIcon.js' +import ExternalLinkIcon from './ExternalLinkIcon.js' +import EyeClosedIcon from './EyeClosedIcon.js' +import EyeIcon from './EyeIcon.js' +import FaceIdSadIcon from './FaceIdSadIcon.js' +import FaceIdIcon from './FaceIdIcon.js' +import FileCheckIcon from './FileCheckIcon.js' +import FileMinIcon from './FileMinIcon.js' +import FilePlusIcon from './FilePlusIcon.js' +import FileIcon from './FileIcon.js' +import FolderMinIcon from './FolderMinIcon.js' +import FolderPlusIcon from './FolderPlusIcon.js' +import FolderIcon from './FolderIcon.js' +import FoldersIcon from './FoldersIcon.js' +import FontRomanIcon from './FontRomanIcon.js' +import HeartIcon from './HeartIcon.js' +import HomeIcon from './HomeIcon.js' +import ImageIcon from './ImageIcon.js' +import InboxInIcon from './InboxInIcon.js' +import InboxOutIcon from './InboxOutIcon.js' +import InboxIcon from './InboxIcon.js' +import InfoIcon from './InfoIcon.js' +import ItalicIcon from './ItalicIcon.js' +import ListIcon from './ListIcon.js' +import LockClosedIcon from './LockClosedIcon.js' +import LockOpenIcon from './LockOpenIcon.js' +import MailOpenIcon from './MailOpenIcon.js' +import MailIcon from './MailIcon.js' +import MaximizeIcon from './MaximizeIcon.js' +import MenuIcon from './MenuIcon.js' +import MinimizeIcon from './MinimizeIcon.js' +import MinusIcon from './MinusIcon.js' +import MoreHorizontalIcon from './MoreHorizontalIcon.js' +import MoreVerticalIcon from './MoreVerticalIcon.js' +import NatatokoIcon from './NatatokoIcon.js' +import OverlineIcon from './OverlineIcon.js' +import PercentageIcon from './PercentageIcon.js' +import PlusCircleIcon from './PlusCircleIcon.js' +import PlusIcon from './PlusIcon.js' +import PrinterIcon from './PrinterIcon.js' +import QuestionCircleIcon from './QuestionCircleIcon.js' +import RectangleIcon from './RectangleIcon.js' +import RefreshAltIcon from './RefreshAltIcon.js' +import RefreshIcon from './RefreshIcon.js' +import SearchIcon from './SearchIcon.js' +import SettingsIcon from './SettingsIcon.js' +import ShoppingBagCheckIcon from './ShoppingBagCheckIcon.js' +import ShoppingBagMinIcon from './ShoppingBagMinIcon.js' +import ShoppingBagPlusIcon from './ShoppingBagPlusIcon.js' +import ShoppingBagIcon from './ShoppingBagIcon.js' +import StatsChart2Icon from './StatsChart2Icon.js' +import StatsChartIcon from './StatsChartIcon.js' +import StopIcon from './StopIcon.js' +import StrikethroughIcon from './StrikethroughIcon.js' +import TrashAltIcon from './TrashAltIcon.js' +import TrashIcon from './TrashIcon.js' +import UnderlineIcon from './UnderlineIcon.js' +import UploadIcon from './UploadIcon.js' +import XCircleIcon from './XCircleIcon.js' +import XIcon from './XIcon.js' +import ZapIcon from './ZapIcon.js' +import ZoomInIcon from './ZoomInIcon.js' +import ZoomOutIcon from './ZoomOutIcon.js' + +export { + AlarmIcon, + AlignCenterIcon, + AlignJustifyIcon, + AlignLeftIcon, + AlignRightIcon, + ArrowBottomLeftIcon, + ArrowBottomRightIcon, + ArrowDownIcon, + ArrowLeftRightIcon, + ArrowLeftIcon, + ArrowRightIcon, + ArrowTopBottomIcon, + ArrowTopLeftIcon, + ArrowTopRightIcon, + ArrowTopIcon, + Battery0Icon, + Battery1Icon, + Battery2Icon, + Battery3Icon, + BatteryChargeIcon, + BellIcon, + BoldIcon, + BookmarkIcon, + BoxIcon, + CalendarCheckIcon, + CalendarMinIcon, + CalendarPlusIcon, + CalendarIcon, + CameraIcon, + CaretCircleIcon, + CaretVerticalIcon, + CheckCircleIcon, + CheckIcon, + ChevronDoubleDownIcon, + ChevronDoubleLeftIcon, + ChevronDoubleRightIcon, + ChevronDoubleUpIcon, + ChevronDownIcon, + ChevronLeftIcon, + ChevronRightIcon, + ChevronUpIcon, + CircleIcon, + ClipboardCheckIcon, + ClipboardMinIcon, + ClipboardPlusIcon, + ClipboardIcon, + ClockIcon, + CopyIcon, + CropIcon, + DocumentImageIcon, + DocumentTextIcon, + DocumentsIcon, + DonutIcon, + DownloadIcon, + Edit1Icon, + Edit2Icon, + Edit3Icon, + ExclamationCircleIcon, + ExternalLinkIcon, + EyeClosedIcon, + EyeIcon, + FaceIdSadIcon, + FaceIdIcon, + FileCheckIcon, + FileMinIcon, + FilePlusIcon, + FileIcon, + FolderMinIcon, + FolderPlusIcon, + FolderIcon, + FoldersIcon, + FontRomanIcon, + HeartIcon, + HomeIcon, + ImageIcon, + InboxInIcon, + InboxOutIcon, + InboxIcon, + InfoIcon, + ItalicIcon, + ListIcon, + LockClosedIcon, + LockOpenIcon, + MailOpenIcon, + MailIcon, + MaximizeIcon, + MenuIcon, + MinimizeIcon, + MinusIcon, + MoreHorizontalIcon, + MoreVerticalIcon, + NatatokoIcon, + OverlineIcon, + PercentageIcon, + PlusCircleIcon, + PlusIcon, + PrinterIcon, + QuestionCircleIcon, + RectangleIcon, + RefreshAltIcon, + RefreshIcon, + SearchIcon, + SettingsIcon, + ShoppingBagCheckIcon, + ShoppingBagMinIcon, + ShoppingBagPlusIcon, + ShoppingBagIcon, + StatsChart2Icon, + StatsChartIcon, + StopIcon, + StrikethroughIcon, + TrashAltIcon, + TrashIcon, + UnderlineIcon, + UploadIcon, + XCircleIcon, + XIcon, + ZapIcon, + ZoomInIcon, + ZoomOutIcon +} + +export const NataIcon = defineComponent({ + name: 'NataIcon', + props: { + name: { + type: String, + required: true + }, + size: String, + color: String + }, + setup(props) { + const IconComponent = { + alarm: AlarmIcon, + aligncenter: AlignCenterIcon, + alignjustify: AlignJustifyIcon, + alignleft: AlignLeftIcon, + alignright: AlignRightIcon, + arrowbottomleft: ArrowBottomLeftIcon, + arrowbottomright: ArrowBottomRightIcon, + arrowdown: ArrowDownIcon, + arrowleftright: ArrowLeftRightIcon, + arrowleft: ArrowLeftIcon, + arrowright: ArrowRightIcon, + arrowtopbottom: ArrowTopBottomIcon, + arrowtopleft: ArrowTopLeftIcon, + arrowtopright: ArrowTopRightIcon, + arrowtop: ArrowTopIcon, + battery0: Battery0Icon, + battery1: Battery1Icon, + battery2: Battery2Icon, + battery3: Battery3Icon, + batterycharge: BatteryChargeIcon, + bell: BellIcon, + bold: BoldIcon, + bookmark: BookmarkIcon, + box: BoxIcon, + calendarcheck: CalendarCheckIcon, + calendarmin: CalendarMinIcon, + calendarplus: CalendarPlusIcon, + calendar: CalendarIcon, + camera: CameraIcon, + caretcircle: CaretCircleIcon, + caretvertical: CaretVerticalIcon, + checkcircle: CheckCircleIcon, + check: CheckIcon, + chevrondoubledown: ChevronDoubleDownIcon, + chevrondoubleleft: ChevronDoubleLeftIcon, + chevrondoubleright: ChevronDoubleRightIcon, + chevrondoubleup: ChevronDoubleUpIcon, + chevrondown: ChevronDownIcon, + chevronleft: ChevronLeftIcon, + chevronright: ChevronRightIcon, + chevronup: ChevronUpIcon, + circle: CircleIcon, + clipboardcheck: ClipboardCheckIcon, + clipboardmin: ClipboardMinIcon, + clipboardplus: ClipboardPlusIcon, + clipboard: ClipboardIcon, + clock: ClockIcon, + copy: CopyIcon, + crop: CropIcon, + documentimage: DocumentImageIcon, + documenttext: DocumentTextIcon, + documents: DocumentsIcon, + donut: DonutIcon, + download: DownloadIcon, + edit1: Edit1Icon, + edit2: Edit2Icon, + edit3: Edit3Icon, + exclamationcircle: ExclamationCircleIcon, + externallink: ExternalLinkIcon, + eyeclosed: EyeClosedIcon, + eye: EyeIcon, + faceidsad: FaceIdSadIcon, + faceid: FaceIdIcon, + filecheck: FileCheckIcon, + filemin: FileMinIcon, + fileplus: FilePlusIcon, + file: FileIcon, + foldermin: FolderMinIcon, + folderplus: FolderPlusIcon, + folder: FolderIcon, + folders: FoldersIcon, + fontroman: FontRomanIcon, + heart: HeartIcon, + home: HomeIcon, + image: ImageIcon, + inboxin: InboxInIcon, + inboxout: InboxOutIcon, + inbox: InboxIcon, + info: InfoIcon, + italic: ItalicIcon, + list: ListIcon, + lockclosed: LockClosedIcon, + lockopen: LockOpenIcon, + mailopen: MailOpenIcon, + mail: MailIcon, + maximize: MaximizeIcon, + menu: MenuIcon, + minimize: MinimizeIcon, + minus: MinusIcon, + morehorizontal: MoreHorizontalIcon, + morevertical: MoreVerticalIcon, + natatoko: NatatokoIcon, + overline: OverlineIcon, + percentage: PercentageIcon, + pluscircle: PlusCircleIcon, + plus: PlusIcon, + printer: PrinterIcon, + questioncircle: QuestionCircleIcon, + rectangle: RectangleIcon, + refreshalt: RefreshAltIcon, + refresh: RefreshIcon, + search: SearchIcon, + settings: SettingsIcon, + shoppingbagcheck: ShoppingBagCheckIcon, + shoppingbagmin: ShoppingBagMinIcon, + shoppingbagplus: ShoppingBagPlusIcon, + shoppingbag: ShoppingBagIcon, + statschart2: StatsChart2Icon, + statschart: StatsChartIcon, + stop: StopIcon, + strikethrough: StrikethroughIcon, + trashalt: TrashAltIcon, + trash: TrashIcon, + underline: UnderlineIcon, + upload: UploadIcon, + xcircle: XCircleIcon, + x: XIcon, + zap: ZapIcon, + zoomin: ZoomInIcon, + zoomout: ZoomOutIcon + }[props.name.toLowerCase()] + + return () => IconComponent + ? h(IconComponent, { size: props.size, color: props.color }) + : null + } +}) diff --git a/vue/package.json b/vue/package.json new file mode 100644 index 0000000..2a80ca6 --- /dev/null +++ b/vue/package.json @@ -0,0 +1,34 @@ +{ + "name": "@nataicons/vue", + "version": "1.0.0", + "description": "A fun-themed simple open source icon made by the folks at Natatoko.", + "main": "index.js", + "module": "index.esm.js", + "files": [ + "*.js", + "!*.test.js", + "!*.spec.js", + "LICENSE", + "README.md" + ], + "peerDependencies": { + "vue": "^3.0.0" + }, + "repository": { + "type": "git", + "url": "https://github.com/yourusername/nataicons.git", + "directory": "vue" + }, + "publishConfig": { + "access": "public" + }, + "keywords": [ + "vue", + "icons", + "svg", + "inline", + "nata", + "nataicons" + ], + "license": "MIT" +}