deblan-mirror/iconoir
deblan-mirror/iconoir
1
0
Fork 0
mirror of https://github.com/iconoir-icons/iconoir synced 2024-06-08 17:02:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

Use svgr to generate icons

Browse source
This commit is contained in:
Pascal Jufer 2021-05-25 09:36:34 +02:00
parent 13af1eab28
commit 6b09d37469
1840 changed files with 36148 additions and 57473 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/iconoir-react/.gitignore vendored
View file

@ -1,3 +1,4 @@
node_modules
build
dist
tmp

3
packages/iconoir-react/.prettierrc.json Normal file
View file

@ -0,0 +1,3 @@
{
"singleQuote": true
}

10
packages/iconoir-react/.svgrrc.json Normal file
View file

@ -0,0 +1,10 @@
{
"icon": true,
"ref": true,
"typescript": true,
"svgProps": {
"width": "1.5em",
"height": "1.5em",
"color": "currentColor"
}
}

136
packages/iconoir-react/bin/build.js
View file

@ -1,110 +1,66 @@
const path = require('path');
const fs = require('fs');
const upperCamelCase = require('uppercamelcase');
const format = require('prettier-eslint');
const fsPromises = require('fs').promises;
const { exec } = require('child_process');
const rootDir = path.join(__dirname, '..');
const iconoirRootDir = path.join(rootDir, '../..');
const iconoirIconsDir = path.join(iconoirRootDir, 'icons');
const builtIconsDir = path.join(rootDir, 'src/icons');
const initialTypeDefinitions = `/// <reference types="react" />
import { FC } from 'react';
export interface IconProps {
color?: string;
size?: string | number;
};
export type Icon = FC<IconProps>;
`;
if (!fs.existsSync(builtIconsDir)) {
fs.mkdirSync(builtIconsDir);
};
fs.writeFileSync(path.join(rootDir, 'src', 'index.js'), '', 'utf-8');
fs.writeFileSync(
path.join(rootDir, 'src', 'index.d.ts'),
initialTypeDefinitions,
'utf-8',
);
const tmpIconsDir = path.join(rootDir, 'tmp');
const builtIconsDir = path.join(rootDir, 'src');
const incompatibleNames = {
'1st-medal': 'Medal1st',
'4k-display': 'Display4k',
'4x4-cell': 'Cell4x4',
'github': 'GitHub',
'github-outline': 'GitHubOutline',
'gitlab-full': 'GitLabFull',
'linkedin': 'LinkedIn',
'tiktok': 'TikTok',
'youtube': 'YouTube',
'1st-medal': 'medal-1st',
'4k-display': 'display-4k',
'4x4-cell': 'cell-4x4',
github: 'gitHub',
'github-outline': 'gitHubOutline',
'gitlab-full': 'gitLabFull',
linkedin: 'linkedIn',
tiktok: 'tikTok',
youtube: 'youTube',
};
if (!fs.existsSync(tmpIconsDir)) {
fs.mkdirSync(tmpIconsDir);
}
fs.readdir(iconoirIconsDir, (err, files) => {
if (err) {
return console.error('Unable to find root icons directory');
};
}
const promises = [];
files.forEach((file) => {
const srcFilePath = path.join(iconoirIconsDir, file);
const iconName = file.split('.')[0];
const dstFileName =
iconName in incompatibleNames ? incompatibleNames[iconName] : iconName;
const dstFilePath = path.join(tmpIconsDir, `${dstFileName}.svg`);
const location = path.join(builtIconsDir, `${iconName}.jsx`);
promises.push(fsPromises.copyFile(srcFilePath, dstFilePath));
});
const componentName = (iconName in incompatibleNames) ? incompatibleNames[iconName] : upperCamelCase(iconName);
const fileData = fs.readFileSync(path.join(iconoirIconsDir, file));
const element = `import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
export const ${componentName} = forwardRef(({color = 'currentColor', size = 24}, ref) => {
return (
<svg ref={ref} width={size} height={size} viewBox="0 0 24 24" fill="none" color={color} xmlns="http://www.w3.org/2000/svg">
${fileData}
</svg>
);
});
${componentName}.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number,
]),
};
${componentName}.displayName = '${componentName}';
export default ${componentName};
`;
const component = format({
text: element,
prettierOptions: {
singleQuote: true,
parser: 'babel',
},
});
fs.writeFileSync(location, component, 'utf-8');
console.log('Built', componentName);
const exportString = `export { default as ${componentName} } from './icons/${iconName}';\n`;
fs.appendFileSync(
path.join(rootDir, 'src', 'index.js'),
exportString,
'utf-8',
);
const typeString = `export const ${componentName}: Icon;\n`;
fs.appendFileSync(
path.join(rootDir, 'src', 'index.d.ts'),
typeString,
'utf-8',
Promise.all(promises).then(() => {
exec(
`npx @svgr/cli -d ${builtIconsDir} ${tmpIconsDir}`,
(error, stdout, stderr) => {
if (err) {
return console.error('Could not run command to generate icons');
}
if (stdout) {
console.log(stdout);
}
if (stderr) {
console.error(`Error while generating icons:\n${stderr}`);
}
fs.rm(tmpIconsDir, { recursive: true }, (err) => {
if (err) {
console.error('Could not remove tmp dir');
}
});
}
);
});
});

5088
packages/iconoir-react/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

24
packages/iconoir-react/package.json
View file

@ -2,16 +2,16 @@
"name": "iconoir-react",
"version": "1.1.0",
"description": "React library for Iconoir icon set",
"main": "dist/cjs/index.js",
"module": "dist/es/index.js",
"main": "dist/index.js",
"module": "dist/esm/index.js",
"types": "dist/index.d.ts",
"files": [
"dist"
],
"scripts": {
"test": "echo Tests not currently set up",
"build": "rm -rf src/icons && node bin/build.js",
"dist": "rm -rf dist && npm run build && rollup -c rollup.config.js"
"build": "rm -rf src && node bin/build.js",
"dist": "tsup"
},
"repository": {
"type": "git",
@ -27,21 +27,15 @@
"url": "https://github.com/lucaburgio/iconoir/issues"
},
"homepage": "https://github.com/lucaburgio/iconoir#readme",
"dependencies": {
"prop-types": "^15.7.2"
},
"peerDependencies": {
"react": "^16.8.6 || ^17"
},
"devDependencies": {
"@babel/core": "^7.14.3",
"@babel/preset-react": "^7.13.13",
"@rollup/plugin-babel": "^5.3.0",
"@rollup/plugin-node-resolve": "^13.0.0",
"prettier-eslint": "^9.0.0",
"@svgr/cli": "^5.5.0",
"@types/react": "^17.0.6",
"prettier": "^2.3.0",
"react": "^17.0.2",
"rollup": "^2.48.0",
"rollup-plugin-copy": "^3.4.0",
"uppercamelcase": "^3.0.0"
"tsup": "^4.11.1",
"typescript": "^4.2.4"
}
}

38
packages/iconoir-react/rollup.config.js
View file

@ -1,38 +0,0 @@
import resolve from '@rollup/plugin-node-resolve';
import babel from '@rollup/plugin-babel';
import copy from 'rollup-plugin-copy';
export default {
external: ['react', 'prop-types'],
input: 'src/index.js',
output: [
{
dir: 'dist/cjs',
format: 'cjs',
exports: 'named',
sourcemap: true,
},
{
dir: 'dist/es',
format: 'esm',
exports: 'named',
sourcemap: true,
},
],
plugins: [
resolve({
extensions: ['.js', '.jsx', '.ts', '.tsx'],
}),
babel({
babelHelpers: 'bundled',
presets: ['@babel/react'],
exclude: 'node_modules/**',
extensions: ['.js', '.jsx', '.d.ts', '.tsx'],
}),
copy({
targets: [
{ src: 'src/index.d.ts', dest: 'dist' },
],
}),
],
};

38
packages/iconoir-react/src/Accessibility.tsx Normal file
View file

@ -0,0 +1,38 @@
import * as React from 'react';
function SvgAccessibility(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 7a.5.5 0 110-1 .5.5 0 010 1z"
fill="#000"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAccessibility);
export default ForwardRef;

30
packages/iconoir-react/src/AccessibilitySign.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAccessibilitySign(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAccessibilitySign);
export default ForwardRef;

43
packages/iconoir-react/src/AccessibilityTech.tsx Normal file
View file

@ -0,0 +1,43 @@
import * as React from 'react';
function SvgAccessibilityTech(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
/>
<path
d="M9.72 11.786a3 3 0 103.576 4.646M12 14h2.5l1 1.5h1M12 9.5V11m0 3v-3m0 0h2.5"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 7.5a.5.5 0 110-1 .5.5 0 010 1z"
fill="#000"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAccessibilityTech);
export default ForwardRef;

30
packages/iconoir-react/src/Activity.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgActivity(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgActivity);
export default ForwardRef;

30
packages/iconoir-react/src/AddCircledOutline.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddCircledOutline(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddCircledOutline);
export default ForwardRef;

30
packages/iconoir-react/src/AddDatabaseScript.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddDatabaseScript(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddDatabaseScript);
export default ForwardRef;

30
packages/iconoir-react/src/AddFolder.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddFolder(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddFolder);
export default ForwardRef;

70
packages/iconoir-react/src/AddFrame.tsx Normal file
View file

@ -0,0 +1,70 @@
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"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M4.998 2H2v2.998h2.998V2z"
stroke="currentColor"
strokeWidth={1.499}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M4.999 3.5h14"
stroke="currentColor"
strokeWidth={1.503}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.5 4.998V19M20.498 5v14.002"
stroke="currentColor"
strokeWidth={1.356}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M4.999 20.5h14"
stroke="currentColor"
strokeWidth={1.503}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M4.998 19H2v2.998h2.998V19zM21.997 2.001H19v2.998h2.998V2.001zM21.997 19.001H19v2.998h2.998v-2.998z"
stroke="currentColor"
strokeWidth={1.499}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M9 12h3m3 0h-3m0 0V9m0 3v3"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddFrame);
export default ForwardRef;

30
packages/iconoir-react/src/AddHexagon.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddHexagon(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddHexagon);
export default ForwardRef;

30
packages/iconoir-react/src/AddKeyframe.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddKeyframe(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddKeyframe);
export default ForwardRef;

30
packages/iconoir-react/src/AddKeyframeAlt.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddKeyframeAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddKeyframeAlt);
export default ForwardRef;

44
packages/iconoir-react/src/AddKeyframes.tsx Normal file
View file

@ -0,0 +1,44 @@
import * as React from 'react';
function SvgAddKeyframes(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13 19l4.884-5.698a2 2 0 000-2.604L13 5"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17 19l4.884-5.698a2 2 0 000-2.604L17 5"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddKeyframes);
export default ForwardRef;

30
packages/iconoir-react/src/AddLens.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddLens(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddLens);
export default ForwardRef;

38
packages/iconoir-react/src/AddPage.tsx Normal file
View file

@ -0,0 +1,38 @@
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"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16 5.4V2.354a.354.354 0 01.604-.25l3.292 3.292a.353.353 0 01-.25.604H16.6a.6.6 0 01-.6-.6z"
fill="currentColor"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddPage);
export default ForwardRef;

43
packages/iconoir-react/src/AddPinAlt.tsx Normal file
View file

@ -0,0 +1,43 @@
import * as React from 'react';
function SvgAddPinAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
/>
<path
d="M9 10a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16 19h3m3 0h-3m0 0v-3m0 3v3"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddPinAlt);
export default ForwardRef;

30
packages/iconoir-react/src/AddSelection.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddSelection(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddSelection);
export default ForwardRef;

30
packages/iconoir-react/src/AddSquare.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddSquare(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddSquare);
export default ForwardRef;

30
packages/iconoir-react/src/AddToCart.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddToCart(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddToCart);
export default ForwardRef;

30
packages/iconoir-react/src/AddUser.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAddUser(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAddUser);
export default ForwardRef;

30
packages/iconoir-react/src/Airplane.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAirplane(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplane);
export default ForwardRef;

40
packages/iconoir-react/src/AirplaneHelix.tsx Normal file
View file

@ -0,0 +1,40 @@
import * as React from 'react';
function SvgAirplaneHelix(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
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"
strokeWidth={1.5}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneHelix);
export default ForwardRef;

40
packages/iconoir-react/src/AirplaneHelix45Deg.tsx Normal file
View file

@ -0,0 +1,40 @@
import * as React from 'react';
function SvgAirplaneHelix45Deg(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
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"
strokeWidth={1.5}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneHelix45Deg);
export default ForwardRef;

30
packages/iconoir-react/src/AirplaneOff.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAirplaneOff(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneOff);
export default ForwardRef;

48
packages/iconoir-react/src/AirplaneRotation.tsx Normal file
View file

@ -0,0 +1,48 @@
import * as React from 'react';
function SvgAirplaneRotation(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
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"
strokeWidth={1.497}
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"
strokeWidth={1.5}
strokeMiterlimit={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplaneRotation);
export default ForwardRef;

35
packages/iconoir-react/src/Airplay.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgAirplay(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
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"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAirplay);
export default ForwardRef;

37
packages/iconoir-react/src/Alarm.tsx Normal file
View file

@ -0,0 +1,37 @@
import * as React from 'react';
function SvgAlarm(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 22a9 9 0 100-18 9 9 0 000 18z"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlarm);
export default ForwardRef;

38
packages/iconoir-react/src/Album.tsx Normal file
View file

@ -0,0 +1,38 @@
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"
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"
strokeWidth={1.5}
/>
<path
d="M12 15.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
fill="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"
strokeWidth={1.5}
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbum);
export default ForwardRef;

44
packages/iconoir-react/src/AlbumCarousel.tsx Normal file
View file

@ -0,0 +1,44 @@
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"
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"
strokeWidth={1.5}
/>
<path
d="M22 6v12"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
/>
<path
d="M11 14.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
fill="currentColor"
/>
<path
d="M11 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"
strokeWidth={1.5}
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbumCarousel);
export default ForwardRef;

44
packages/iconoir-react/src/AlbumList.tsx Normal file
View file

@ -0,0 +1,44 @@
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"
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"
strokeWidth={1.5}
/>
<path
d="M8 22h13.4a.6.6 0 00.6-.6V8"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
/>
<path
d="M11 12.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
fill="currentColor"
/>
<path
d="M11 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"
strokeWidth={1.5}
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbumList);
export default ForwardRef;

44
packages/iconoir-react/src/AlbumOpen.tsx Normal file
View file

@ -0,0 +1,44 @@
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"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M15 2.2c4.564.926 8 4.962 8 9.8 0 4.838-3.436 8.873-8 9.8"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15 9c1.141.284 2 1.519 2 3s-.859 2.716-2 3M1 2h10v20H1"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path d="M4 15.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" fill="currentColor" />
<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"
strokeWidth={1.5}
strokeLinecap="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlbumOpen);
export default ForwardRef;

30
packages/iconoir-react/src/AlignBottomBox.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignBottomBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignBottomBox);
export default ForwardRef;

30
packages/iconoir-react/src/AlignCenter.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignCenter(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignCenter);
export default ForwardRef;

30
packages/iconoir-react/src/AlignJustify.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignJustify(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignJustify);
export default ForwardRef;

30
packages/iconoir-react/src/AlignLeft.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignLeft(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignLeft);
export default ForwardRef;

30
packages/iconoir-react/src/AlignLeftBox.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignLeftBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignLeftBox);
export default ForwardRef;

30
packages/iconoir-react/src/AlignRight.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignRight(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignRight);
export default ForwardRef;

30
packages/iconoir-react/src/AlignRightBox.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignRightBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignRightBox);
export default ForwardRef;

30
packages/iconoir-react/src/AlignTopBox.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAlignTopBox(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAlignTopBox);
export default ForwardRef;

38
packages/iconoir-react/src/Antenna.tsx Normal file
View file

@ -0,0 +1,38 @@
import * as React from 'react';
function SvgAntenna(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntenna);
export default ForwardRef;

38
packages/iconoir-react/src/AntennaOff.tsx Normal file
View file

@ -0,0 +1,38 @@
import * as React from 'react';
function SvgAntennaOff(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntennaOff);
export default ForwardRef;

38
packages/iconoir-react/src/AntennaSignal.tsx Normal file
View file

@ -0,0 +1,38 @@
import * as React from 'react';
function SvgAntennaSignal(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 13a1 1 0 100-2 1 1 0 000 2z"
fill="currentColor"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntennaSignal);
export default ForwardRef;

35
packages/iconoir-react/src/AntennaSignalRounded.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgAntennaSignalRounded(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
/>
<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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAntennaSignalRounded);
export default ForwardRef;

30
packages/iconoir-react/src/AppNotification.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAppNotification(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
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 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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppNotification);
export default ForwardRef;

35
packages/iconoir-react/src/Apple.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgApple(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
/>
<path
d="M12 5.5C12 3 11 2 9 2"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgApple);
export default ForwardRef;

43
packages/iconoir-react/src/AppleHalf.tsx Normal file
View file

@ -0,0 +1,43 @@
import * as React from 'react';
function SvgAppleHalf(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
/>
<path
d="M12 5.5C12 3 11 2 9 2"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path d="M12 6v15" stroke="currentColor" strokeWidth={1.5} />
<path
d="M15 12v2"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleHalf);
export default ForwardRef;

43
packages/iconoir-react/src/AppleHalfAlt.tsx Normal file
View file

@ -0,0 +1,43 @@
import * as React from 'react';
function SvgAppleHalfAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
/>
<path
d="M12 5.5C12 3 11 2 9 2"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path d="M12 6v15" stroke="currentColor" strokeWidth={1.5} />
<path
d="M9 12v2"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleHalfAlt);
export default ForwardRef;

30
packages/iconoir-react/src/AppleImac2021.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAppleImac2021(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleImac2021);
export default ForwardRef;

30
packages/iconoir-react/src/AppleImac2021Side.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAppleImac2021Side(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleImac2021Side);
export default ForwardRef;

30
packages/iconoir-react/src/AppleSwift.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAppleSwift(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAppleSwift);
export default ForwardRef;

35
packages/iconoir-react/src/ArSymbol.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgArSymbol(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
/>
<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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArSymbol);
export default ForwardRef;

30
packages/iconoir-react/src/Archery.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArchery(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArchery);
export default ForwardRef;

35
packages/iconoir-react/src/Archive.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgArchive(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
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"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArchive);
export default ForwardRef;

30
packages/iconoir-react/src/AreaSearch.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAreaSearch(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAreaSearch);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowArchery.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowArchery(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowArchery);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowDown.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowDown(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowDown);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowDownCircled.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowDownCircled(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowDownCircled);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowLeft.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowLeft(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowLeft);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowLeftCircled.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowLeftCircled(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowLeftCircled);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowRight.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowRight(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowRight);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowRightCircled.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowRightCircled(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowRightCircled);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowSeparate.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowSeparate(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowSeparate);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowSeparateVertical.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowSeparateVertical(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowSeparateVertical);
export default ForwardRef;

30
packages/iconoir-react/src/ArrowUnion.tsx Normal file
View file

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

30
packages/iconoir-react/src/ArrowUnionVertical.tsx Normal file
View file

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

30
packages/iconoir-react/src/ArrowUp.tsx Normal file
View file

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

30
packages/iconoir-react/src/ArrowUpCircled.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgArrowUpCircled(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 16V8m0 0l3.5 3.5M12 8l-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"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgArrowUpCircled);
export default ForwardRef;

30
packages/iconoir-react/src/Asana.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAsana(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 11.5a4 4 0 100-8 4 4 0 000 8zM7 20.5a4 4 0 100-8 4 4 0 000 8zM17 20.5a4 4 0 100-8 4 4 0 000 8z"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAsana);
export default ForwardRef;

30
packages/iconoir-react/src/Attachment.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAttachment(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M21.438 11.662l-9.19 9.19a6.003 6.003 0 11-8.49-8.49l9.19-9.19a4.002 4.002 0 015.66 5.66l-9.2 9.19a2.001 2.001 0 11-2.83-2.83l8.49-8.48"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAttachment);
export default ForwardRef;

30
packages/iconoir-react/src/AutoFlash.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgAutoFlash(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3.426 13.006c-.057 0-.057 0-.115-.006-.633-.07-1.095-.698-1.032-1.402l.61-7.445C2.95 3.5 3.445 3 4.037 3H8.5c.128 0 .254.023.375.07.602.23.922.958.715 1.627l-1.49 4.105h2.748c.203 0 .402.06.578.173.55.356.738 1.14.418 1.75-.414.816-4.58 7.816-5.926 10.075-.107.18-.381.092-.37-.117L6 13l-2.573.006zM16 9.5l.692-1.5M22 9.5L21.308 8m0 0L19 3l-2.308 5m4.616 0h-4.616"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgAutoFlash);
export default ForwardRef;

33
packages/iconoir-react/src/Bag.tsx Normal file
View file

@ -0,0 +1,33 @@
import * as React from 'react';
function SvgBag(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M4.508 20h14.984a.6.6 0 00.592-.501l1.8-10.8A.6.6 0 0021.292 8H2.708a.6.6 0 00-.592.699l1.8 10.8a.6.6 0 00.592.501z"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M7 8V6a2 2 0 012-2h6a2 2 0 012 2v2"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBag);
export default ForwardRef;

30
packages/iconoir-react/src/BasketBall.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgBasketBall(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
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 10zM12 22V2M21.95 11c-6.47 2.667-12.254 2.667-19.9 0M18.572 4.462c-2.667 4.53-2.667 9.723 0 15.076M5.428 4.462c2.667 4.53 2.667 9.723 0 15.076"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBasketBall);
export default ForwardRef;

37
packages/iconoir-react/src/BasketBallAlt.tsx Normal file
View file

@ -0,0 +1,37 @@
import * as React from 'react';
function SvgBasketBallAlt(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<g
clipPath="url(#basket-ball-alt_svg__clip0)"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M17.736 20.192c4.524-3.168 5.623-9.404 2.455-13.928C17.024 1.74 10.788.641 6.264 3.81 1.74 6.976.641 13.212 3.808 17.736c3.168 4.524 9.404 5.623 13.928 2.456zM17.736 20.192L6.264 3.809M19.577 5.473c-3.77 5.896-8.508 9.214-16.302 11.415M13.06 2.056c.413 5.24 3.392 9.494 8.646 12.35M2.293 9.595c4.783 2.18 7.761 6.434 8.647 12.349" />
</g>
<defs>
<clipPath id="basket-ball-alt_svg__clip0">
<path fill="#fff" d="M0 0h24v24H0z" />
</clipPath>
</defs>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBasketBallAlt);
export default ForwardRef;

35
packages/iconoir-react/src/BasketballField.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgBasketballField(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M12 5h9.4a.6.6 0 01.6.6v12.8a.6.6 0 01-.6.6H12m0-14H2.6a.6.6 0 00-.6.6v12.8a.6.6 0 00.6.6H12m0-14v14"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M12 15a3 3 0 110-6 3 3 0 010 6zM2 17A5 5 0 002 7M22 17a5 5 0 010-10"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBasketballField);
export default ForwardRef;

40
packages/iconoir-react/src/Battery25.tsx Normal file
View file

@ -0,0 +1,40 @@
import * as React from 'react';
function SvgBattery25(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M23 10v4"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1 16V8a2 2 0 012-2h15a2 2 0 012 2v8a2 2 0 01-2 2H3a2 2 0 01-2-2z"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M4 14.4V9.6a.6.6 0 01.6-.6h1.8a.6.6 0 01.6.6v4.8a.6.6 0 01-.6.6H4.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBattery25);
export default ForwardRef;

40
packages/iconoir-react/src/Battery50.tsx Normal file
View file

@ -0,0 +1,40 @@
import * as React from 'react';
function SvgBattery50(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M23 10v4"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1 16V8a2 2 0 012-2h15a2 2 0 012 2v8a2 2 0 01-2 2H3a2 2 0 01-2-2z"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M4 14.4V9.6a.6.6 0 01.6-.6h4.8a.6.6 0 01.6.6v4.8a.6.6 0 01-.6.6H4.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBattery50);
export default ForwardRef;

40
packages/iconoir-react/src/Battery75.tsx Normal file
View file

@ -0,0 +1,40 @@
import * as React from 'react';
function SvgBattery75(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M23 10v4"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1 16V8a2 2 0 012-2h15a2 2 0 012 2v8a2 2 0 01-2 2H3a2 2 0 01-2-2z"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M4 14.4V9.6a.6.6 0 01.6-.6h8.8a.6.6 0 01.6.6v4.8a.6.6 0 01-.6.6H4.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBattery75);
export default ForwardRef;

42
packages/iconoir-react/src/BatteryCharging.tsx Normal file
View file

@ -0,0 +1,42 @@
import * as React from 'react';
function SvgBatteryCharging(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M23 10v4"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1 16V8a2 2 0 012-2h15a2 2 0 012 2v8a2 2 0 01-2 2H3a2 2 0 01-2-2z"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M10.167 9L8.5 12h4l-1.667 3"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBatteryCharging);
export default ForwardRef;

35
packages/iconoir-react/src/BatteryEmpty.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgBatteryEmpty(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M23 10v4"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1 16V8a2 2 0 012-2h15a2 2 0 012 2v8a2 2 0 01-2 2H3a2 2 0 01-2-2z"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBatteryEmpty);
export default ForwardRef;

40
packages/iconoir-react/src/BatteryFull.tsx Normal file
View file

@ -0,0 +1,40 @@
import * as React from 'react';
function SvgBatteryFull(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M23 10v4"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1 16V8a2 2 0 012-2h15a2 2 0 012 2v8a2 2 0 01-2 2H3a2 2 0 01-2-2z"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M4 14.4V9.6a.6.6 0 01.6-.6h11.8a.6.6 0 01.6.6v4.8a.6.6 0 01-.6.6H4.6a.6.6 0 01-.6-.6z"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBatteryFull);
export default ForwardRef;

30
packages/iconoir-react/src/BatteryIndicator.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgBatteryIndicator(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M14 13h4M6 13h2m2 0H8m0 0v-2m0 2v2M6 7H2.6a.6.6 0 00-.6.6v10.8a.6.6 0 00.6.6h18.8a.6.6 0 00.6-.6V7.6a.6.6 0 00-.6-.6H18M6 7V5h2v2M6 7h2m0 0h8m0 0V5h2v2m-2 0h2"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBatteryIndicator);
export default ForwardRef;

42
packages/iconoir-react/src/BatteryWarning.tsx Normal file
View file

@ -0,0 +1,42 @@
import * as React from 'react';
function SvgBatteryWarning(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M23 10v4"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1 16V8a2 2 0 012-2h15a2 2 0 012 2v8a2 2 0 01-2 2H3a2 2 0 01-2-2z"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M10.5 9v2M10.5 15.01l.01-.011"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBatteryWarning);
export default ForwardRef;

33
packages/iconoir-react/src/BeachBag.tsx Normal file
View file

@ -0,0 +1,33 @@
import * as React from 'react';
function SvgBeachBag(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2.77 13l-.633-3.287A.6.6 0 012.727 9h18.547a.6.6 0 01.589.713L21.23 13M2.769 13h18.462M2.769 13l.616 4m17.846-4l-.616 4m0 0l-.537 3.491a.6.6 0 01-.593.509H4.515a.6.6 0 01-.593-.509L3.385 17m17.23 0H3.385"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M8 9V5a2 2 0 012-2h4a2 2 0 012 2v4"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBeachBag);
export default ForwardRef;

28
packages/iconoir-react/src/BeachBagBig.tsx Normal file
View file

@ -0,0 +1,28 @@
import * as React from 'react';
function SvgBeachBagBig(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M2.77 12l-.633-3.287A.6.6 0 012.727 8h18.547a.6.6 0 01.589.713L21.23 12M2.769 12h18.462M2.769 12l.616 4m17.846-4l-.616 4m0 0l-.537 3.491a.6.6 0 01-.593.509H4.515a.6.6 0 01-.593-.509L3.385 16m17.23 0H3.385M5 8V6a2 2 0 012-2h10a2 2 0 012 2v2"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBeachBagBig);
export default ForwardRef;

30
packages/iconoir-react/src/Bell.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgBell(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBell);
export default ForwardRef;

30
packages/iconoir-react/src/BellNotification.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgBellNotification(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M18.134 11C18.715 16.375 21 18 21 18H3s3-2.133 3-9.6c0-1.697.632-3.325 1.757-4.525C8.883 2.675 10.41 2 12 2c.337 0 .672.03 1 .09M19 8a3 3 0 100-6 3 3 0 000 6zM13.73 21a1.999 1.999 0 01-3.46 0"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBellNotification);
export default ForwardRef;

30
packages/iconoir-react/src/BellOff.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgBellOff(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M6.27 6.5C6.093 7.11 6 7.75 6 8.4 6 15.867 3 18 3 18h15M7.757 3.875C8.883 2.675 10.41 2 12 2c1.591 0 3.117.674 4.243 1.875C17.368 5.075 18 6.703 18 8.4c0 7.467 3 9.6 3 9.6M13.73 21a1.999 1.999 0 01-3.46 0M3 3l18 18"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBellOff);
export default ForwardRef;

44
packages/iconoir-react/src/Bicycle.tsx Normal file
View file

@ -0,0 +1,44 @@
import * as React from 'react';
function SvgBicycle(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M5 19a4 4 0 100-8 4 4 0 000 8zM8.5 7.5h6M19 15l-4-7.5h-.5m0 0l2-3m0 0H14m2.5 0h2"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M5 15l3.5-7.5L12 14h3M8.5 7.5c-.333-1-1.5-3-3.5-3"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M19 19a4 4 0 100-8 4 4 0 000 8z"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBicycle);
export default ForwardRef;

28
packages/iconoir-react/src/Bin.tsx Normal file
View file

@ -0,0 +1,28 @@
import * as React from 'react';
function SvgBin(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3.04 4.294a.496.496 0 01.191-.479C3.927 3.32 6.314 2 12 2s8.073 1.32 8.769 1.815a.496.496 0 01.192.479l-1.7 12.744a4 4 0 01-1.98 2.944l-.32.183a10 10 0 01-9.922 0l-.32-.183a4 4 0 01-1.98-2.944l-1.7-12.744zM3 5c2.571 2.667 15.429 2.667 18 0"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBin);
export default ForwardRef;

35
packages/iconoir-react/src/BinAdd.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgBinAdd(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8.992 14h3m3 0h-3m0 0v-3m0 3v3"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.04 4.294a.496.496 0 01.191-.479C3.927 3.32 6.314 2 12 2s8.073 1.32 8.769 1.815a.496.496 0 01.192.479l-1.7 12.744a4 4 0 01-1.98 2.944l-.32.183a10 10 0 01-9.922 0l-.32-.183a4 4 0 01-1.98-2.944l-1.7-12.744zM3 5c2.571 2.667 15.429 2.667 18 0"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBinAdd);
export default ForwardRef;

28
packages/iconoir-react/src/BinFull.tsx Normal file
View file

@ -0,0 +1,28 @@
import * as React from 'react';
function SvgBinFull(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
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.262 17.038l1.676-12.575a.6.6 0 00-.372-.636L16 2h-5.5l-.682 1.5L5 2 3.21 3.79a.6.6 0 00-.17.504l1.698 12.744a4 4 0 001.98 2.944l.32.183a10 10 0 009.923 0l.32-.183a4 4 0 001.98-2.944zM16 2l-2 5M9 6.5l.818-3M3 5c2.571 2.667 15.429 2.667 18 0"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBinFull);
export default ForwardRef;

33
packages/iconoir-react/src/BinHalf.tsx Normal file
View file

@ -0,0 +1,33 @@
import * as React from 'react';
function SvgBinHalf(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M3.04 4.294a.496.496 0 01.191-.479C3.927 3.32 6.314 2 12 2s8.073 1.32 8.769 1.815a.496.496 0 01.192.479l-1.7 12.744a4 4 0 01-1.98 2.944l-.32.183a10 10 0 01-9.922 0l-.32-.183a4 4 0 01-1.98-2.944l-1.7-12.744zM3 5c2.571 2.667 15.429 2.667 18 0M11 18l3-3.5m0 0l5 2.5m-5-2.5l6-3"
stroke="currentColor"
strokeWidth={1.5}
/>
<path
d="M4.5 16l3.236-.462a.6.6 0 01.469.133L11 18l3 3M8 15.5l2.615-3.05a.6.6 0 01.84-.071L14 14.5"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBinHalf);
export default ForwardRef;

35
packages/iconoir-react/src/BinMinus.tsx Normal file
View file

@ -0,0 +1,35 @@
import * as React from 'react';
function SvgBinMinus(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M8.992 13h6"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.04 4.294a.496.496 0 01.191-.479C3.927 3.32 6.314 2 12 2s8.073 1.32 8.769 1.815a.496.496 0 01.192.479l-1.7 12.744a4 4 0 01-1.98 2.944l-.32.183a10 10 0 01-9.922 0l-.32-.183a4 4 0 01-1.98-2.944l-1.7-12.744zM3 5c2.571 2.667 15.429 2.667 18 0"
stroke="currentColor"
strokeWidth={1.5}
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBinMinus);
export default ForwardRef;

30
packages/iconoir-react/src/Bluetooth.tsx Normal file
View file

@ -0,0 +1,30 @@
import * as React from 'react';
function SvgBluetooth(
props: React.SVGProps<SVGSVGElement>,
svgRef?: React.Ref<SVGSVGElement>
) {
return (
<svg
width="1.5em"
height="1.5em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
color="currentColor"
ref={svgRef}
{...props}
>
<path
d="M6.75 8l10.5 8.5-5.5 5.5V2l5.5 5.5L6.75 16"
stroke="currentColor"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
const ForwardRef = React.forwardRef(SvgBluetooth);
export default ForwardRef;

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