fix: proper mjs file extension to support astro, and NextJS 13 app directory support (#240)

This commit is contained in:
Sam Marks 2023-01-29 14:49:22 -05:00 committed by GitHub
parent 82c9d5ab5f
commit 888f634ccb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1266 changed files with 41559 additions and 6 deletions

View file

@ -1,5 +1,5 @@
import execa from 'execa';
import { promises as fs, readFileSync } from 'fs';
import { promises as fs, readFileSync, existsSync } from 'fs';
import { generateTemplateFilesBatch } from 'generate-template-files';
import { Listr } from 'listr2';
import os from 'os';
@ -11,7 +11,7 @@ import { incompatibleNames } from '../constants.js';
const __dirname = dirname(fileURLToPath(import.meta.url));
const rootDir = path.join(__dirname, '..');
const iconoirIconsDir = path.join(rootDir, 'icons');
const ignoreCleanFilenames = ['IconoirContext.tsx'];
const ignoreCleanFilenames = ['IconoirContext.tsx', 'server'];
// Targets for building icons
const targets = {
@ -184,7 +184,22 @@ const tasks = new Listr(
const files = await fs.readdir(
builtIconsDir
);
const promises = files
const serverFiles = existsSync(
path.join(builtIconsDir, 'server')
)
? (
await fs.readdir(
path.join(
builtIconsDir,
'server'
)
)
).map((file) => `server/${file}`)
: [];
const promises = [
...files,
...serverFiles,
]
.filter(
(file) =>
!ignoreCleanFilenames.includes(
@ -236,6 +251,42 @@ const tasks = new Listr(
}
},
},
...(target === 'iconoir-react'
? [
{
title:
'Building icon files (server components)',
skip: (ctx) => ctx[target]?.skip,
task: async (ctx) => {
try {
await execa(
'svgr',
[
'--config-file',
path.join(
targets[target].path,
'.svgrrc.json'
),
'--out-dir',
path.join(
builtIconsDir,
'server'
),
'--template',
'bin/templates/icon-template-server-component.cjs',
'--index-template',
'bin/templates/index-template.cjs',
ctx.tmpDir,
],
{ preferLocal: true }
);
} catch (err) {
throw new Error(err.message);
}
},
},
]
: []),
],
{ concurrent: false, exitOnError: false }
),

View file

@ -0,0 +1,22 @@
const template = (
{ template },
opts,
{ imports, interfaces, componentName, props, jsx, exports }
) => {
const plugins = ['jsx'];
if (opts.typescript) {
plugins.push('typescript');
}
const typeScriptTpl = template.smart({ plugins });
return typeScriptTpl.ast`${imports}
${interfaces}
function ${componentName}(${props}) {
return ${jsx};
}
${exports}
`;
};
module.exports = template;

View file

@ -4,12 +4,26 @@
"description": "React library for Iconoir icon set",
"main": "dist/index.js",
"types": "dist/index.d.ts",
"module": "dist/esm/index.js",
"module": "dist/esm/index.mjs",
"exports": {
".": {
"react-server": "./dist/esm/server/index.mjs",
"import": {
"types": "./dist/index.d.ts",
"default": "./dist/esm/index.mjs"
},
"require": {
"types": "./dist/index.d.ts",
"default": "./dist/index.js"
},
"default": "./dist/index.js"
}
},
"files": [
"dist"
],
"scripts": {
"dist": "tsc -p tsconfig.json && tsc -p tsconfig.esm.json",
"dist": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json && node scripts/fix-esm.js && rm -rf dist/server",
"prepublish": "npm run dist"
},
"repository": {
@ -36,4 +50,4 @@
"react": "^17.0.2",
"typescript": "^4.4.4"
}
}
}

View file

@ -0,0 +1,23 @@
const path = require('path');
const fs = require('fs');
function processDirectory(relative) {
const OUTPUT = path.resolve(__dirname, '../dist', relative);
const files = fs.readdirSync(OUTPUT);
for (const file of files) {
if (fs.statSync(path.resolve(OUTPUT, file)).isFile() === false) continue;
const renamed = file.replace(/\.js$/, '.mjs');
fs.renameSync(path.resolve(OUTPUT, file), path.resolve(OUTPUT, renamed));
// Replace all imports without an extension to .mjs
const contents = fs.readFileSync(path.resolve(OUTPUT, renamed), 'utf8');
fs.writeFileSync(
path.resolve(OUTPUT, renamed),
contents.replace(/(\bfrom\s+["']\..*)(["'])/g, '$1.mjs$2')
);
}
}
processDirectory('esm');
processDirectory('esm/server');

View file

@ -0,0 +1,34 @@
import * as React from "react";
function Svg3DAddHole(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 16a4 4 0 100-8 4 4 0 000 8z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524zM3.528 7.294L8.4 10m12.1-2.722L15.6 10M12 21v-5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DAddHole);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function Svg3DArc(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M22 16c0-5.523-4.477-10-10-10S2 10.477 2 16"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M2 17a1 1 0 100-2 1 1 0 000 2zM22 17a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DArc);
export default ForwardRef;

View file

@ -0,0 +1,49 @@
import * as React from "react";
function Svg3DArcCenterPt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M22 16c0-5.523-4.477-10-10-10-4.1 0-7.625 2.468-9.168 6"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeDasharray="3 3"
/>
<path
d="M2 17a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M2 16h10"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 17a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DArcCenterPt);
export default ForwardRef;

View file

@ -0,0 +1,41 @@
import * as React from "react";
function Svg3DBridge(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M18 4h3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10 21a1 1 0 100-2 1 1 0 000 2zM14 5a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10 20s6.5-2.5 2-8 2-8 2-8M3 20h3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DBridge);
export default ForwardRef;

View file

@ -0,0 +1,41 @@
import * as React from "react";
function Svg3DCenterBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 17a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20.5 16.722l-8.209-4.56a.6.6 0 00-.582 0L3.5 16.722M3.528 7.294l8.18 4.544a.6.6 0 00.583 0l8.209-4.56M12 3v9M12 19.5V22"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DCenterBox);
export default ForwardRef;

View file

@ -0,0 +1,42 @@
import * as React from "react";
function Svg3DEllipse(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 3a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 22c4.418 0 8-4.477 8-10S16.418 2 12 2 4 6.477 4 12s3.582 10 8 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 23a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DEllipse);
export default ForwardRef;

View file

@ -0,0 +1,62 @@
import * as React from "react";
function Svg3DEllipseThreePts(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M5 3a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M5 22h8M5 22V2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M5 23a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8 4.193C9.37 2.821 11.108 2 13 2c4.418 0 8 4.477 8 10 0 3.271-1.256 6.175-3.2 8"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeDasharray="3 3"
/>
<path
d="M8.2 20A9.098 9.098 0 017 18.615"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13 23a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DEllipseThreePts);
export default ForwardRef;

View file

@ -0,0 +1,41 @@
import * as React from "react";
function Svg3DPtBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 18a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.528 7.294l8.18 4.544a.6.6 0 00.583 0l8.209-4.56M12 21v-9"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DPtBox);
export default ForwardRef;

View file

@ -0,0 +1,33 @@
import * as React from "react";
function Svg3DRectCornerToCorner(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 20.4V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6v16.8a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
/>
<path
d="M3 4a1 1 0 100-2 1 1 0 000 2zM21 22a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DRectCornerToCorner);
export default ForwardRef;

View file

@ -0,0 +1,33 @@
import * as React from "react";
function Svg3DRectFromCenter(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 20.4V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6v16.8a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
/>
<path
d="M12 13a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DRectFromCenter);
export default ForwardRef;

View file

@ -0,0 +1,36 @@
import * as React from "react";
function Svg3DRectThreePts(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path d="M3 21V3.6a.6.6 0 01.6-.6H21" stroke="currentColor" />
<path
d="M17 21h3.4a.6.6 0 00.6-.6V17M21 7v2M21 12v2M7 21h2M12 21h2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3 4a1 1 0 100-2 1 1 0 000 2zM3 22a1 1 0 100-2 1 1 0 000 2zM21 4a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DRectThreePts);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function Svg3DSelectEdge(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524zM12 21v-9"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.5 11v10a.5.5 0 01-1 0V11a.5.5 0 011 0z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DSelectEdge);
export default ForwardRef;

View file

@ -0,0 +1,40 @@
import * as React from "react";
function Svg3DSelectFace(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.528 7.294l8.18 4.544a.6.6 0 00.583 0l8.209-4.56M12 21v-9"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M11.691 11.829l-7.8-4.334A.6.6 0 003 8.02v8.627a.6.6 0 00.309.525l7.8 4.333A.6.6 0 0012 20.98v-8.627a.6.6 0 00-.309-.524z"
fill="currentColor"
stroke="currentColor"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DSelectFace);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function Svg3DSelectPoint(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 13a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DSelectPoint);
export default ForwardRef;

View file

@ -0,0 +1,34 @@
import * as React from "react";
function Svg3DSelectSolid(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.528 7.294l8.18 4.544a.6.6 0 00.583 0l8.209-4.56M12 21v-9"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DSelectSolid);
export default ForwardRef;

View file

@ -0,0 +1,41 @@
import * as React from "react";
function Svg3DThreePtsBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 23a1 1 0 100-2 1 1 0 000 2zM3 8a1 1 0 100-2 1 1 0 000 2zM3 18a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21 7.353v9.294a.6.6 0 01-.309.525l-8.4 4.666a.6.6 0 01-.582 0l-8.4-4.666A.6.6 0 013 16.647V7.353a.6.6 0 01.309-.524l8.4-4.667a.6.6 0 01.582 0l8.4 4.667a.6.6 0 01.309.524z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.528 7.294l8.18 4.544a.6.6 0 00.583 0l8.209-4.56M12 21v-9"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(Svg3DThreePtsBox);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function SvgAccessibility(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM7 9l5 1m5-1l-5 1m0 0v3m0 0l-2 5m2-5l2 5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 7a.5.5 0 110-1 .5.5 0 010 1z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAccessibility);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAccessibilitySign(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 16h3.889l1.555 2.5H19M12 8.5V11m0 5v-5m0 0h3.889M12 6.5a2 2 0 110-4 2 2 0 010 4zM14.882 19.516A5.5 5.5 0 118.678 11"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAccessibilitySign);
export default ForwardRef;

View file

@ -0,0 +1,39 @@
import * as React from "react";
function SvgAccessibilityTech(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 19V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2z"
stroke="currentColor"
/>
<path
d="M9.72 11.786a3 3 0 103.576 4.646M12 14h2.5l1 1.5h1M12 9.5V11m0 3v-3m0 0h2.5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 7.5a.5.5 0 110-1 .5.5 0 010 1z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAccessibilityTech);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgActivity(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 12h3l3-9 6 18 3-9h3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgActivity);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddCircle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8 12h4m4 0h-4m0 0V8m0 4v4M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddCircle);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddDatabaseScript(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M22 14V8.5M6 13V6a3 3 0 013-3h5M16.992 4h3m3 0h-3m0 0V1m0 3v3M12 21H6a4 4 0 010-8h12a4 4 0 104 4v-3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddDatabaseScript);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddFolder(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M18 6h2m2 0h-2m0 0V4m0 2v2M21.4 20H2.6a.6.6 0 01-.6-.6V11h19.4a.6.6 0 01.6.6v7.8a.6.6 0 01-.6.6zM2 11V4.6a.6.6 0 01.6-.6h6.178a.6.6 0 01.39.144l3.164 2.712a.6.6 0 00.39.144H14"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddFolder);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function SvgAddFrame(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M4.998 2H2v2.998h2.998V2zM4.999 3.5h14M3.5 4.998V19M20.498 5v14.002M4.999 20.5h14M4.998 19H2v2.998h2.998V19zM21.997 2.001H19v2.998h2.998V2.001zM21.997 19.001H19v2.998h2.998v-2.998z"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M9 12h3m3 0h-3m0 0V9m0 3v3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddFrame);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddHexagon(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9 12h3m3 0h-3m0 0V9m0 3v3M11.7 1.173a.6.6 0 01.6 0l8.926 5.154a.6.6 0 01.3.52v10.307a.6.6 0 01-.3.52L12.3 22.826a.6.6 0 01-.6 0l-8.926-5.154a.6.6 0 01-.3-.52V6.847a.6.6 0 01.3-.52L11.7 1.174z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddHexagon);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddKeyframe(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M15 5h3m3 0h-3m0 0V2m0 3v3M14.848 13.317l-4.343 4.963a2 2 0 01-3.01 0l-4.343-4.963a2 2 0 010-2.634L7.495 5.72a2 2 0 013.01 0l4.343 4.963a2 2 0 010 2.634z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddKeyframe);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddKeyframeAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M18.819 13.329l-5.324 5.99a2 2 0 01-2.99 0l-5.324-5.99a2 2 0 010-2.658l5.324-5.99a2 2 0 012.99 0l5.324 5.99a2 2 0 010 2.658zM9 12h3m3 0h-3m0 0V9m0 3v3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddKeyframeAlt);
export default ForwardRef;

View file

@ -0,0 +1,40 @@
import * as React from "react";
function SvgAddKeyframes(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2 12h3m3 0H5m0 0V9m0 3v3M6.25 6l.245-.28a2 2 0 013.01 0l4.343 4.963a2 2 0 010 2.634L9.505 18.28a2 2 0 01-3.01 0L6.25 18"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13 19l4.884-5.698a2 2 0 000-2.604L13 5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17 19l4.884-5.698a2 2 0 000-2.604L17 5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddKeyframes);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddLens(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2.992 6h3m3 0h-3m0 0V3m0 3v3M2.112 13.5C2.835 18.311 6.987 22 12 22c5.523 0 10-4.477 10-10 0-5.013-3.689-9.165-8.5-9.888M17.197 9c-.1-.172-.207-.34-.323-.5M17.811 13.5a6.01 6.01 0 01-4.311 4.311"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddLens);
export default ForwardRef;

View file

@ -0,0 +1,34 @@
import * as React from "react";
function SvgAddMediaImage(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M13 21H3.6a.6.6 0 01-.6-.6V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6V13"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3 16l7-3 5.5 2.5M16 10a2 2 0 110-4 2 2 0 010 4zM16 19h3m3 0h-3m0 0v-3m0 3v3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddMediaImage);
export default ForwardRef;

View file

@ -0,0 +1,34 @@
import * as React from "react";
function SvgAddMediaVideo(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M13 21H3.6a.6.6 0 01-.6-.6V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6V13M16 19h3m3 0h-3m0 0v-3m0 3v3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M9.898 8.513a.6.6 0 00-.898.52v5.933a.6.6 0 00.898.521l5.19-2.966a.6.6 0 000-1.042l-5.19-2.966z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddMediaVideo);
export default ForwardRef;

View file

@ -0,0 +1,34 @@
import * as React from "react";
function SvgAddPage(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9 12h3m3 0h-3m0 0V9m0 3v3M4 21.4V2.6a.6.6 0 01.6-.6h11.652a.6.6 0 01.424.176l3.148 3.148A.6.6 0 0120 5.75V21.4a.6.6 0 01-.6.6H4.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16 2v3.4a.6.6 0 00.6.6H20"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddPage);
export default ForwardRef;

View file

@ -0,0 +1,34 @@
import * as React from "react";
function SvgAddPageAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M4 12V2.6a.6.6 0 01.6-.6h11.652a.6.6 0 01.424.176l3.148 3.148A.6.6 0 0120 5.75V21.4a.6.6 0 01-.6.6H11"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16 2v3.4a.6.6 0 00.6.6H20M1.992 19h3m3 0h-3m0 0v-3m0 3v3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddPageAlt);
export default ForwardRef;

View file

@ -0,0 +1,39 @@
import * as React from "react";
function SvgAddPinAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M16 9.2C16 13.177 9 20 9 20S2 13.177 2 9.2C2 5.224 5.134 2 9 2s7 3.224 7 7.2z"
stroke="currentColor"
/>
<path
d="M9 10a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16 19h3m3 0h-3m0 0v-3m0 3v3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddPinAlt);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddSelection(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8 12h4m4 0h-4m0 0V8m0 4v4M7 4H4v3M4 11v2M11 4h2M11 20h2M20 11v2M17 4h3v3M7 20H4v-3M17 20h3v-3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddSelection);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddSquare(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9 12h3m3 0h-3m0 0V9m0 3v3M21 3.6v16.8a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddSquare);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddToCart(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 6h19l-3 10H6L3 6zm0 0l-.75-2.5M9.992 11h2m2 0h-2m0 0V9m0 2v2M11 19.5a1.5 1.5 0 01-3 0M17 19.5a1.5 1.5 0 01-3 0"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddToCart);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAddUser(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M17 10h3m3 0h-3m0 0V7m0 3v3M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1M8 12a4 4 0 100-8 4 4 0 000 8z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddUser);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function SvgAfricanTree(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<g
clipPath="url(#african-tree_svg__clip0_2032_8254)"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M12 22V12m0-4v4m0 0l3-3M12.424 18.576l6.169-6.169a5.502 5.502 0 00-.513-8.234 9.904 9.904 0 00-12.16 0 5.502 5.502 0 00-.513 8.234l6.169 6.169a.6.6 0 00.848 0z" />
</g>
<defs>
<clipPath id="african-tree_svg__clip0_2032_8254">
<path fill="#fff" d="M0 0h24v24H0z" />
</clipPath>
</defs>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAfricanTree);
export default ForwardRef;

View file

@ -0,0 +1,40 @@
import * as React from "react";
function SvgAgile(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M17.5 19H22m0 0l-2.5-2.5M22 19l-2.5 2.5M12 2L9.5 4.5 12 7"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.5 4.5a7.5 7.5 0 010 15H2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.756 5.5A7.497 7.497 0 003 12c0 1.688.558 3.246 1.5 4.5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAgile);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAirConditioner(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M22 3.6V11H2V3.6a.6.6 0 01.6-.6h18.8a.6.6 0 01.6.6zM18 7h1M2 11l.79 2.584A2 2 0 004.702 15H6M22 11l-.79 2.584A2 2 0 0119.298 15H18M9.5 14.5s0 7-3.5 7M14.5 14.5s0 7 3.5 7M12 14.5v7"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirConditioner);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAirplane(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M10.5 4.5v4.667a.6.6 0 01-.282.51l-7.436 4.647a.6.6 0 00-.282.508v.9a.6.6 0 00.746.582l6.508-1.628a.6.6 0 01.746.582v2.96a.6.6 0 01-.205.451l-2.16 1.89c-.458.402-.097 1.151.502 1.042l3.256-.591a.6.6 0 01.214 0l3.256.591c.599.11.96-.64.502-1.041l-2.16-1.89a.6.6 0 01-.205-.452v-2.96a.6.6 0 01.745-.582l6.51 1.628a.6.6 0 00.745-.582v-.9a.6.6 0 00-.282-.508l-7.436-4.648a.6.6 0 01-.282-.509V4.5a1.5 1.5 0 00-3 0z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplane);
export default ForwardRef;

View file

@ -0,0 +1,37 @@
import * as React from "react";
function SvgAirplaneHelix(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 15a3 3 0 100-6 3 3 0 000 6z"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
clipRule="evenodd"
d="M12 9s-1.988-1.975-2-4c.001-1.993-.05-4.001 2-4 1.948.001 1.997 1.976 2 4 .003 1.985-2 4-2 4zM15 12s1.975-1.988 4-2c1.993.001 4.001-.05 4 2-.001 1.948-1.976 1.997-4 2-1.985.003-4-2-4-2zM9 12s-1.975 1.988-4 2c-1.993-.001-4.001.05-4-2 .001-1.948 1.976-1.997 4-2 1.985-.003 4 2 4 2zM12 15s1.988 1.975 2 4c-.001 1.993.05 4.001-2 4-1.948-.001-1.997-1.976-2-4-.003-1.985 2-4 2-4z"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneHelix);
export default ForwardRef;

View file

@ -0,0 +1,37 @@
import * as React from "react";
function SvgAirplaneHelix45Deg(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M14.12 14.121A3 3 0 109.879 9.88a3 3 0 004.243 4.242z"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
clipRule="evenodd"
d="M9.879 9.879s-2.803.009-4.243-1.415c-1.409-1.41-2.864-2.793-1.414-4.242 1.378-1.377 2.81-.015 4.242 1.414C9.87 7.037 9.88 9.879 9.88 9.879zM14.121 9.879s-.009-2.803 1.415-4.243c1.41-1.409 2.793-2.864 4.242-1.414 1.377 1.378.015 2.81-1.414 4.242-1.402 1.406-4.243 1.415-4.243 1.415zM9.879 14.121s.009 2.803-1.415 4.243c-1.41 1.409-2.793 2.864-4.242 1.414-1.377-1.378-.015-2.81 1.414-4.242 1.401-1.406 4.243-1.415 4.243-1.415zM14.121 14.121s2.803-.009 4.243 1.415c1.409 1.41 2.864 2.793 1.414 4.242-1.378 1.377-2.81.015-4.242-1.414-1.406-1.402-1.415-4.243-1.415-4.243z"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneHelix45Deg);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAirplaneOff(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9.881 9.887l-7.099 4.437a.6.6 0 00-.282.508v.9a.6.6 0 00.746.582l6.508-1.628a.6.6 0 01.746.582v2.96a.6.6 0 01-.205.451l-2.16 1.89c-.458.402-.097 1.151.502 1.042l3.256-.591a.6.6 0 01.214 0l3.256.591c.599.11.96-.64.502-1.041l-2.16-1.89a.6.6 0 01-.205-.452v-2.96a.6.6 0 01.745-.582l.458.115M10.5 7.5v-3A1.5 1.5 0 0112 3v0a1.5 1.5 0 011.5 1.5v4.667a.6.6 0 00.282.51l7.436 4.647a.6.6 0 01.282.508v.9a.6.6 0 01-.745.582l-2.006-.502M3 3l18 18"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneOff);
export default ForwardRef;

View file

@ -0,0 +1,44 @@
import * as React from "react";
function SvgAirplaneRotation(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9.879 14.122a3 3 0 104.242-4.243 3 3 0 00-4.242 4.243z"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M4.37 16.773A8.956 8.956 0 013.002 12c0-4.236 2.934-7.792 6.878-8.747A8.998 8.998 0 0112 3.002M19.715 7.367A8.953 8.953 0 0120.999 12c0 3.806-2.368 7.063-5.709 8.378-1.02.4-2.13.621-3.29.621"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
clipRule="evenodd"
d="M14.121 9.88s-.009-2.803 1.415-4.243c1.41-1.409 2.793-2.865 4.242-1.415 1.377 1.378.015 2.81-1.414 4.243-1.402 1.406-4.243 1.414-4.243 1.414zM9.879 14.12s.009 2.803-1.415 4.243c-1.41 1.409-2.793 2.865-4.242 1.415-1.377-1.378-.015-2.81 1.414-4.243 1.402-1.406 4.243-1.414 4.243-1.414z"
stroke="currentColor"
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneRotation);
export default ForwardRef;

View file

@ -0,0 +1,32 @@
import * as React from "react";
function SvgAirplay(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M6 17H3V4h18v13h-3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M8.622 19.067L11.5 14.75a.6.6 0 01.998 0l2.88 4.318a.6.6 0 01-.5.933H9.12a.6.6 0 01-.5-.933z"
stroke="currentColor"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplay);
export default ForwardRef;

View file

@ -0,0 +1,34 @@
import * as React from "react";
function SvgAlarm(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M17 13h-5V8M5 3.5L7 2M19 3.5L17 2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 22a9 9 0 100-18 9 9 0 000 18z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlarm);
export default ForwardRef;

View file

@ -0,0 +1,31 @@
import * as React from "react";
function SvgAlbum(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 20.4V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6v16.8a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
/>
<path
d="M12 15.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm0 0V7.6a.6.6 0 01.6-.6H15"
stroke="currentColor"
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbum);
export default ForwardRef;

View file

@ -0,0 +1,31 @@
import * as React from "react";
function SvgAlbumCarousel(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2 19.4V4.6a.6.6 0 01.6-.6h14.8a.6.6 0 01.6.6v14.8a.6.6 0 01-.6.6H2.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
/>
<path
d="M22 6v12M11 14.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm0 0V8.6a.6.6 0 01.6-.6H13"
stroke="currentColor"
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbumCarousel);
export default ForwardRef;

View file

@ -0,0 +1,31 @@
import * as React from "react";
function SvgAlbumList(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2 17.4V2.6a.6.6 0 01.6-.6h14.8a.6.6 0 01.6.6v14.8a.6.6 0 01-.6.6H2.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
/>
<path
d="M8 22h13.4a.6.6 0 00.6-.6V8M11 12.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm0 0V6.6a.6.6 0 01.6-.6H13"
stroke="currentColor"
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbumList);
export default ForwardRef;

View file

@ -0,0 +1,39 @@
import * as React from "react";
function SvgAlbumOpen(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M15 2.2c4.564.927 8 4.962 8 9.8 0 4.838-3.436 8.873-8 9.8"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15 9c1.141.284 2 1.519 2 3s-.859 2.716-2 3M1 2h10v20H1"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M4 15.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm0 0V7.6a.6.6 0 01.6-.6H7"
stroke="currentColor"
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbumOpen);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignBottomBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M4 8l.01.011M4 4l.01.011M8 4l.01.011M12 4l.01.011M16 4l.01.011M20 4l.01.011M20 8l.01.011M4 12v8h16v-8H4z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignBottomBox);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignCenter(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 6h18M3 14h18M6 10h12M6 18h12"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignCenter);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignJustify(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 6h18M3 10h18M3 14h18M3 18h18"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignJustify);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignLeft(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 10h14M3 6h18M3 18h14M3 14h18"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignLeft);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignLeftBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M16.004 3.995l-.011.01M20.004 3.995l-.011.01M20.004 7.995l-.011.01M20.004 11.995l-.011.01M20.004 15.995l-.011.01M20.004 19.995l-.011.01M16.004 19.995l-.011.01M12.006 3.995h-8v16h8v-16z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignLeftBox);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignRight(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M7 10h14M3 6h18M7 18h14M3 14h18"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignRight);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignRightBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8.006 20.005l.01-.01M4.006 20.005l.01-.01M4.006 16.005l.01-.01M4.006 12.005l.01-.01M4.006 8.005l.01-.01M4.006 4.005l.01-.01M8.006 4.005l.01-.01M12.006 20.005h8v-16h-8v16z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignRightBox);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAlignTopBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M4 16l.01-.011M4 20l.01-.011M8 20l.01-.011M12 20l.01-.011M16 20l.01-.011M20 20l.01-.011M20 16l.01-.011M4 12V4h16v8H4z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignTopBox);
export default ForwardRef;

View file

@ -0,0 +1,33 @@
import * as React from "react";
function SvgAngleTool(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3 21V3h6v12h12v6H3z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13 19v2M9 19v2M3 7h2M3 11h2M3 15h2M17 19v2"
stroke="currentColor"
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAngleTool);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function SvgAntenna(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 5a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16 1s1.5 1 1.5 3S16 7 16 7M8 1S6.5 2 6.5 4 8 7 8 7M7 23l1.111-4M17 23l-1.111-4M14.5 14L12 5l-2.5 9m5 0h-5m5 0l1.389 5M9.5 14l-1.389 5m0 0h7.778"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntenna);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function SvgAntennaOff(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 5a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M7 23l1.111-4M17 23l-1.111-4M9.5 14l-1.389 5M9.5 14h4m-4 0l.8-2.88M8.11 19h7.778m0 0l-1.184-4.264M11.444 7L12 5l1.047 3.768M3 3l18 18"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntennaOff);
export default ForwardRef;

View file

@ -0,0 +1,35 @@
import * as React from "react";
function SvgAntennaSignal(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M17.5 8S19 9.5 19 12s-1.5 4-1.5 4M20.5 5S23 7.5 23 12s-2.5 7-2.5 7M6.5 8S5 9.5 5 12s1.5 4 1.5 4M3.5 5S1 7.5 1 12s2.5 7 2.5 7"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 13a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntennaSignal);
export default ForwardRef;

View file

@ -0,0 +1,32 @@
import * as React from "react";
function SvgAntennaSignalTag(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2 15V9a6 6 0 016-6h8a6 6 0 016 6v6a6 6 0 01-6 6H8a6 6 0 01-6-6z"
stroke="currentColor"
/>
<path
d="M15 9s1 1.125 1 3-1 3-1 3M12 12.01l.01-.011M17 7s2 1.786 2 5-2 5-2 5M9 9s-1 1.125-1 3 1 3 1 3M7 7s-2 1.786-2 5 2 5 2 5"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntennaSignalTag);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAppNotification(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M19 8a3 3 0 100-6 3 3 0 000 6zM21 12v3a6 6 0 01-6 6H9a6 6 0 01-6-6V9a6 6 0 016-6h3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppNotification);
export default ForwardRef;

View file

@ -0,0 +1,32 @@
import * as React from "react";
function SvgAppWindow(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2 19V5a2 2 0 012-2h16a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2z"
stroke="currentColor"
/>
<path
d="M2 7h20M5 5.01l.01-.011M8 5.01l.01-.011M11 5.01l.01-.011"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppWindow);
export default ForwardRef;

View file

@ -0,0 +1,32 @@
import * as React from "react";
function SvgApple(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12.147 21.265l-.147-.03-.147.03c-2.377.475-4.62.21-6.26-1.1C3.964 18.86 2.75 16.373 2.75 12c0-4.473 1.008-6.29 2.335-6.954.695-.347 1.593-.448 2.735-.317 1.141.132 2.458.488 3.943.983l.26.086.255-.102c2.482-.992 4.713-1.373 6.28-.641 1.47.685 2.692 2.538 2.692 6.945 0 4.374-1.213 6.86-2.843 8.164-1.64 1.312-3.883 1.576-6.26 1.1z"
stroke="currentColor"
/>
<path
d="M12 5.5C12 3 11 2 9 2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgApple);
export default ForwardRef;

View file

@ -0,0 +1,39 @@
import * as React from "react";
function SvgAppleHalf(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12.147 21.265l-.147-.03-.147.03c-2.377.475-4.62.21-6.26-1.1C3.964 18.86 2.75 16.373 2.75 12c0-4.473 1.008-6.29 2.335-6.954.695-.347 1.593-.448 2.735-.317 1.141.132 2.458.488 3.943.983l.26.086.255-.102c2.482-.992 4.713-1.373 6.28-.641 1.47.685 2.692 2.538 2.692 6.945 0 4.374-1.213 6.86-2.843 8.164-1.64 1.312-3.883 1.576-6.26 1.1z"
stroke="currentColor"
/>
<path
d="M12 5.5C12 3 11 2 9 2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path d="M12 6v15" stroke="currentColor" />
<path
d="M15 12v2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleHalf);
export default ForwardRef;

View file

@ -0,0 +1,39 @@
import * as React from "react";
function SvgAppleHalfAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12.147 21.265l-.147-.03-.147.03c-2.377.475-4.62.21-6.26-1.1C3.964 18.86 2.75 16.373 2.75 12c0-4.473 1.008-6.29 2.335-6.954.695-.347 1.593-.448 2.735-.317 1.141.132 2.458.488 3.943.983l.26.086.255-.102c2.482-.992 4.713-1.373 6.28-.641 1.47.685 2.692 2.538 2.692 6.945 0 4.374-1.213 6.86-2.843 8.164-1.64 1.312-3.883 1.576-6.26 1.1z"
stroke="currentColor"
/>
<path
d="M12 5.5C12 3 11 2 9 2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path d="M12 6v15" stroke="currentColor" />
<path
d="M9 12v2"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleHalfAlt);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAppleImac2021(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2 15.5V2.6a.6.6 0 01.6-.6h18.8a.6.6 0 01.6.6v12.9m-20 0v1.9a.6.6 0 00.6.6h18.8a.6.6 0 00.6-.6v-1.9m-20 0h20M9 22h1.5m0 0v-4m0 4h3m0 0H15m-1.5 0v-4"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleImac2021);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAppleImac2021Side(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M6 22h2m6 0H8m0 0l2-8.5m0 0L7 2m3 11.5l1.5 5.5M17 22h1"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleImac2021Side);
export default ForwardRef;

View file

@ -0,0 +1,30 @@
import * as React from "react";
function SvgAppleMac(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M16 2c.363 2.18-1.912 3.83-3.184 4.571-.375.219-.799-.06-.734-.489C12.299 4.64 13.094 2 16 2z"
stroke="currentColor"
/>
<path
d="M9 6.5c.897 0 1.69.2 2.294.42.762.279 1.65.279 2.412 0A6.73 6.73 0 0116 6.5c1.085 0 2.465.589 3.5 1.767C16 11 17 15.5 20.269 16.692c-1.044 2.867-3.028 4.808-4.77 4.808-1.5 0-1.499-.7-2.999-.7s-1.5.7-3 .7c-2.5 0-5.5-4-5.5-9 0-4 3-6 5-6z"
stroke="currentColor"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleMac);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAppleSwift(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M20.457 14.59c.446-1.437 1.451-6.75-5.93-11.49a.636.636 0 00-.808.1.593.593 0 00-.022.79c.03.036 2.75 3.35 1.783 7.135-1.673-1.151-8.324-6.423-8.324-6.423L11 11 3.862 6.4s5.046 6.195 8.134 8.525c-1.495.537-4.743 1.105-9.033-1.561a.637.637 0 00-.771.074.593.593 0 00-.106.743C2.229 14.42 5.668 20 12.939 20c1.995 0 3.16-.568 4.098-1.024.576-.279 1.031-.501 1.528-.501 1.236 0 2.047 1.227 2.054 1.238a.632.632 0 00.583.285.62.62 0 00.526-.37c.893-2.074-.645-4.269-1.271-5.039z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleSwift);
export default ForwardRef;

View file

@ -0,0 +1,30 @@
import * as React from "react";
function SvgAppleWallet(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
strokeWidth={1.5}
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2z"
stroke="currentColor"
/>
<path
d="M3 15h6.4c.331 0 .605.278.75.576.206.423.694.924 1.85.924 1.156 0 1.644-.5 1.85-.924.145-.298.419-.576.75-.576H21M3 7h18M3 11h18"
stroke="currentColor"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleWallet);
export default ForwardRef;

View file

@ -0,0 +1,32 @@
import * as React from "react";
function SvgArSymbol(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2 15V9a6 6 0 016-6h8a6 6 0 016 6v6a6 6 0 01-6 6H8a6 6 0 01-6-6z"
stroke="currentColor"
/>
<path
d="M13 15.5v-2.8m2.857 0c.714 0 2.143 0 2.143-2.1s-1.429-2.1-2.143-2.1H13v4.2m2.857 0H13m2.857 0L18 15.5M11 15.5L9.929 13M5 15.5L6.071 13m0 0L8 8.5 9.929 13M6.07 13H9.93"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArSymbol);
export default ForwardRef;

View file

@ -0,0 +1,43 @@
import * as React from "react";
function SvgArcade(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M11 8.5L9.8 9l-7.448 3.386a.6.6 0 00-.352.546v.136a.6.6 0 00.352.546l8.82 4.01a2 2 0 001.656 0l8.82-4.01a.6.6 0 00.352-.546v-.136a.6.6 0 00-.352-.546L14.2 9 13 8.5"
stroke="currentColor"
/>
<path
d="M22 13v4.112a.6.6 0 01-.354.547l-8.825 3.972a2 2 0 01-1.642 0l-8.825-3.972A.6.6 0 012 17.112V13"
stroke="currentColor"
/>
<path
d="M12 8a3 3 0 110-6 3 3 0 010 6z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path d="M11 8v5a1 1 0 001 1v0a1 1 0 001-1V8" stroke="currentColor" />
<path
d="M16 13h1"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArcade);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArchery(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M7 12h11M7 12l-2-2H1l2 2-2 2h4l2-2zm11 0l-2-2m2 2l-2 2M17.5 22c3.038 0 5.5-4.477 5.5-10S20.538 2 17.5 2 12 6.477 12 12s2.462 10 5.5 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArchery);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArcheryMatch(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8.611 15.89l12.02-12.022M8.612 15.89H5.783l-2.829 2.829h2.829v2.828l2.828-2.828v-2.829zm12.02-12.02h-2.828m2.829 0v2.828M15.39 15.89L3.367 3.867M15.39 15.89h2.829l2.828 2.829h-2.828v2.828l-2.829-2.828v-2.829zM3.37 3.87h2.828m-2.829 0v2.828"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArcheryMatch);
export default ForwardRef;

View file

@ -0,0 +1,32 @@
import * as React from "react";
function SvgArchive(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M7 6h10M7 9h10M9 17h6"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3 12h-.4a.6.6 0 00-.6.6v8.8a.6.6 0 00.6.6h18.8a.6.6 0 00.6-.6v-8.8a.6.6 0 00-.6-.6H21M3 12V2.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6V12M3 12h18"
stroke="currentColor"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArchive);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgAreaSearch(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M20.124 20.119a3 3 0 10-4.248-4.237 3 3 0 004.248 4.237zm0 0L22 22M7 2H4v3M4 11v2M11 2h2M11 22h2M20 11v2M17 2h3v3M7 22H4v-3"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAreaSearch);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowArchery(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8.611 15.89l12.02-12.022M8.612 15.89H5.783l-2.829 2.829h2.829v2.828l2.828-2.828v-2.829zm12.02-12.02h-2.828m2.829 0v2.828"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowArchery);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowBlCircle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M14.828 9.172l-5.656 5.656m0 0h4.95m-4.95 0v-4.95M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowBlCircle);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowBlSquare(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M14.828 9.172l-5.656 5.656m0 0h4.95m-4.95 0v-4.95M21 3.6v16.8a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowBlSquare);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowBrCircle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9.171 9.172l5.657 5.656m0 0h-4.95m4.95 0v-4.95M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowBrCircle);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowBrSquare(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9.171 9.172l5.657 5.656m0 0h-4.95m4.95 0v-4.95M21 3.6v16.8a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowBrSquare);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowDown(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12.25 5.5V18m0 0l-6-6m6 6l6-6"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowDown);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowDownCircle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 8v8m0 0l3.5-3.5M12 16l-3.5-3.5M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowDownCircle);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowEmailForward(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M22 10H8c-8 0-8 11 0 11m14-11l-7-7m7 7l-7 7"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowEmailForward);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowLeft(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M18.5 12H6m0 0l6-6m-6 6l6 6"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowLeft);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowLeftCircle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M16 12H8m0 0l3.5 3.5M8 12l3.5-3.5M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowLeftCircle);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowRight(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M6 12h12.5m0 0l-6-6m6 6l-6 6"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowRight);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowRightCircle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8 12h8m0 0l-3.5-3.5M16 12l-3.5 3.5M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowRightCircle);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowSeparate(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M9.5 8L6 11.5 9.5 15M14 8l3.5 3.5L14 15"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowSeparate);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowSeparateVertical(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
strokeWidth={1.5}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M15.5 9.5L12 6 8.5 9.5M15.5 14L12 17.5 8.5 14"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowSeparateVertical);
export default ForwardRef;

View file

@ -0,0 +1,28 @@
import * as React from "react";
function SvgArrowTlCircle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
strokeWidth={1.5}
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M14.828 14.828L9.172 9.172m0 0h4.95m-4.95 0v4.95M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowTlCircle);
export default ForwardRef;

Some files were not shown because too many files have changed in this diff Show more