mirror of
https://github.com/iconoir-icons/iconoir
synced 2024-05-09 09:56:41 +02:00
Introduce iconoir-react-native package, unify build script
This commit is contained in:
Pascal Jufer
parent
d2b7169773
commit
cfa7bc44b4
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
node_modules/
|
||||
dist/
|
||||
189
bin/build.js
Normal file
189
bin/build.js
Normal file
|
|
@ -0,0 +1,189 @@
|
|||
import path from 'path';
|
||||
import os from 'os';
|
||||
import { promises as fs } from 'fs';
|
||||
import execa from 'execa';
|
||||
import { Listr } from 'listr2';
|
||||
import { fileURLToPath } from 'url';
|
||||
import { dirname } from 'path';
|
||||
|
||||
// Paths
|
||||
const __dirname = dirname(fileURLToPath(import.meta.url));
|
||||
const rootDir = path.join(__dirname, '..');
|
||||
const iconoirIconsDir = path.join(rootDir, 'icons');
|
||||
|
||||
// Icon files with incompatible names
|
||||
const incompatibleNames = {
|
||||
'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',
|
||||
};
|
||||
|
||||
// Targets for building icons
|
||||
const targets = {
|
||||
'iconoir-react': 'packages/iconoir-react',
|
||||
'iconoir-react-native': 'packages/iconoir-react-native',
|
||||
};
|
||||
|
||||
// Get targets from command line arguments
|
||||
// (build all targets if no arguments)
|
||||
const args = process.argv.slice(2);
|
||||
const cliTargets = [];
|
||||
args.forEach((target) => {
|
||||
if (target in targets) {
|
||||
cliTargets.push(target);
|
||||
} else {
|
||||
console.error(`Target '${target}' doesn't exist!\n\nPossible targets are:`);
|
||||
for (const [targetName] of Object.entries(targets)) {
|
||||
console.log(`- ${targetName}`);
|
||||
}
|
||||
process.exit(1);
|
||||
}
|
||||
});
|
||||
|
||||
// Build tasks
|
||||
const tasks = new Listr(
|
||||
[
|
||||
{
|
||||
title: 'Creating temporary directory',
|
||||
task: async (ctx) => {
|
||||
try {
|
||||
ctx.tmpDir = await fs.mkdtemp(path.join(os.tmpdir(), 'iconoir-'));
|
||||
} catch (err) {
|
||||
ctx.skip = true;
|
||||
throw new Error(err.message);
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Fetching icon files',
|
||||
skip: (ctx) => ctx.skip,
|
||||
task: async (ctx) => {
|
||||
try {
|
||||
ctx.iconoirIconsFiles = await fs.readdir(iconoirIconsDir);
|
||||
} catch (err) {
|
||||
ctx.skip = true;
|
||||
throw new Error(err.message);
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Copying icon files to temporary directory, while renaming icons with incompatible names',
|
||||
skip: (ctx) => ctx.skip,
|
||||
task: async (ctx) => {
|
||||
try {
|
||||
const promises = ctx.iconoirIconsFiles.map((file) => {
|
||||
const srcFilePath = path.join(iconoirIconsDir, file);
|
||||
const iconName = file.split('.')[0];
|
||||
const dstFileName =
|
||||
iconName in incompatibleNames
|
||||
? incompatibleNames[iconName]
|
||||
: iconName;
|
||||
const dstFilePath = path.join(ctx.tmpDir, `${dstFileName}.svg`);
|
||||
|
||||
return fs.copyFile(srcFilePath, dstFilePath);
|
||||
});
|
||||
return Promise.all(promises).catch((err) => {
|
||||
ctx.skip = true;
|
||||
throw new Error(err.message);
|
||||
});
|
||||
} catch (err) {
|
||||
ctx.skip = true;
|
||||
throw new Error(err.message);
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Generating icons',
|
||||
skip: (ctx) => ctx.skip,
|
||||
task: (_, task) => {
|
||||
const tasks = Object.entries(targets)
|
||||
.filter(
|
||||
([targetName]) =>
|
||||
cliTargets.length === 0 || cliTargets.includes(targetName)
|
||||
)
|
||||
.map(([targetName, targetDir]) => {
|
||||
const builtIconsDir = path.join(rootDir, targetDir, 'src');
|
||||
return {
|
||||
title: targetName,
|
||||
task: (_, task) =>
|
||||
task.newListr(
|
||||
[
|
||||
{
|
||||
title: 'Cleaning target directory',
|
||||
task: async (ctx) => {
|
||||
try {
|
||||
const files = await fs.readdir(builtIconsDir);
|
||||
const promises = files.map((file) => {
|
||||
return fs.unlink(path.join(builtIconsDir, file));
|
||||
});
|
||||
return Promise.all(promises).catch((err) => {
|
||||
ctx[targetName] = { skip: true };
|
||||
throw new Error(err.message);
|
||||
});
|
||||
} catch (err) {
|
||||
ctx[targetName] = { skip: true };
|
||||
throw new Error(err.message);
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Generating icons',
|
||||
skip: (ctx) => ctx[targetName] && ctx[targetName].skip,
|
||||
task: async (ctx) => {
|
||||
try {
|
||||
await execa(
|
||||
'svgr',
|
||||
[
|
||||
'--config-file',
|
||||
path.join(targetDir, '.svgrrc.json'),
|
||||
'--prettier-config',
|
||||
path.join(rootDir, '.prettierrc.json'),
|
||||
'--out-dir',
|
||||
builtIconsDir,
|
||||
ctx.tmpDir,
|
||||
],
|
||||
{ preferLocal: true }
|
||||
);
|
||||
} catch (err) {
|
||||
throw new Error(err.message);
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
{ concurrent: false, exitOnError: false }
|
||||
),
|
||||
};
|
||||
});
|
||||
return task.newListr(tasks, {
|
||||
concurrent: true,
|
||||
rendererOptions: { collapse: false },
|
||||
});
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Removing temporary directory',
|
||||
skip: (ctx) => !ctx.tmpDir,
|
||||
task: async (ctx) => {
|
||||
try {
|
||||
await fs.rm(ctx.tmpDir, { recursive: true });
|
||||
} catch (err) {
|
||||
throw new Error(err.message);
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
{
|
||||
concurrent: false,
|
||||
exitOnError: false,
|
||||
rendererOptions: { showErrorMessage: false },
|
||||
}
|
||||
);
|
||||
|
||||
await tasks.run();
|
||||
1772
package-lock.json
generated
Normal file
1772
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
13
package.json
Normal file
13
package.json
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{
|
||||
"name": "iconoir",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"build": "node ./bin/build.js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@svgr/cli": "^5.5.0",
|
||||
"execa": "^5.1.1",
|
||||
"listr2": "^3.10.0"
|
||||
}
|
||||
}
|
||||
2
packages/iconoir-react-native/.npmignore
Normal file
2
packages/iconoir-react-native/.npmignore
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
*
|
||||
!dist
|
||||
24
packages/iconoir-react-native/.svgrrc.json
Normal file
24
packages/iconoir-react-native/.svgrrc.json
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"icon": true,
|
||||
"ref": true,
|
||||
"typescript": true,
|
||||
"native": true,
|
||||
"svgProps": {
|
||||
"width": "1.5em",
|
||||
"height": "1.5em",
|
||||
"color": "currentColor"
|
||||
},
|
||||
"jsx": {
|
||||
"babelConfig": {
|
||||
"plugins": [
|
||||
[
|
||||
"@svgr/babel-plugin-remove-jsx-attribute",
|
||||
{
|
||||
"elements":["Svg"],
|
||||
"attributes":["xmlns"]
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
38
packages/iconoir-react-native/CHANGELOG.md
Normal file
38
packages/iconoir-react-native/CHANGELOG.md
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
# Changelog
|
||||
|
||||
All notable changes to the [iconoir-react](https://www.npmjs.com/package/iconoir-react)
|
||||
npm package will be documented in this file.
|
||||
|
||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
||||
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||
|
||||
|
||||
## [2.0.0] - 2021-06-01
|
||||
|
||||
A massive thank you to [@paescuj](https://github.com/paescuj) for making all of the changes
|
||||
for this update.
|
||||
|
||||
### Added
|
||||
- All default SVG properties are now valid component props.
|
||||
|
||||
### Changed
|
||||
- Updated `iconoir-react` to use iconoir `v4.3.1`.
|
||||
- `Cell4x4` component changed to `Cell4X4`.
|
||||
- `Display4k` component changed to `Display4K`.
|
||||
- `Medal1st` component changed to `Medal1St`.
|
||||
|
||||
### Removed
|
||||
- `size` prop has been removed. Instead, the `height` and `width` props should be used
|
||||
to fit in line with native SVG properties.
|
||||
- `Icon` type has been removed due to type autogeneration from using `tsup`.
|
||||
- `IconProps` type has been removed due to type autogeneration from using `tsup`.
|
||||
|
||||
|
||||
## [1.1.0] - 2021-05-22
|
||||
### Changed
|
||||
- Updated `iconoir-react` to use iconoir `v4.3.0`.
|
||||
|
||||
|
||||
## [1.0.0] - 2021-05-19
|
||||
### Added
|
||||
- Initial release of `iconoir-react` to npm. Based on iconoir `v4.2.2`.
|
||||
21
packages/iconoir-react-native/LICENSE
Normal file
21
packages/iconoir-react-native/LICENSE
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2021 Daniel Martin
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
64
packages/iconoir-react-native/README.md
Normal file
64
packages/iconoir-react-native/README.md
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
## React Iconoir Icons
|
||||
|
||||
|
||||
|
||||
|
||||
Iconoir is an open source library with 900+ SVG Icons. No premium icons, no email sign-up, no newsletters. You can browse the full suite of icons at [iconoir.com](https://iconoir.com/).
|
||||
|
||||
`iconoir-react` is an open source package that exports these icons as React.js components that can be used in all of your React projects.
|
||||
|
||||
**Based on Iconoir Icons ```v4.3.1```.**
|
||||
|
||||
### Installation
|
||||
|
||||
```
|
||||
yarn add iconoir-react
|
||||
```
|
||||
or
|
||||
```
|
||||
npm i iconoir-react
|
||||
```
|
||||
|
||||
### Usage
|
||||
|
||||
```javascript
|
||||
import React from 'react';
|
||||
import { Iconoir } from 'iconoir-react';
|
||||
|
||||
const App = () => {
|
||||
return <Iconoir />
|
||||
};
|
||||
|
||||
export default App;
|
||||
```
|
||||
|
||||
Icons can take any standard SVG properties as optional props, e.g.
|
||||
```javascript
|
||||
<Iconoir color="red" height={36} width={36} />
|
||||
```
|
||||
Default values for the most common props are given below:
|
||||
|
||||
| Prop name | Default value |
|
||||
|-------------|----------------|
|
||||
| color | "currentColor" |
|
||||
| width | "1.5em" |
|
||||
| height | "1.5em" |
|
||||
| strokeWidth | 1.5 |
|
||||
| fill | "none" |
|
||||
|
||||
|
||||
### Icon names
|
||||
|
||||
For the most part, the React components are named as PascalCase variations of their reference names (i.e. `add-circle-outline` becomes `AddCircleOutline`). However, some names have been altered slightly either because they start with numerical digits, which would lead to invalid React component names, or because they are organisations which use PascalCase in their brand names, such as `GitHub`. The altered names are as follows:
|
||||
|
||||
| Iconoir Name | React Component |
|
||||
|------------------|-----------------|
|
||||
| `1st-medal` | `Medal1St` |
|
||||
| `4k-display` | `Display4K` |
|
||||
| `4x4-cell` | `Cell4X4` |
|
||||
| `github` | `GitHub` |
|
||||
| `github-outline` | `GitHubOutline` |
|
||||
| `gitlab-full` | `GitLabFull` |
|
||||
| `linkedin` | `LinkedIn` |
|
||||
| `tiktok` | `TikTok` |
|
||||
| `youtube` | `YouTube` |
|
||||
1074
packages/iconoir-react-native/package-lock.json
generated
Normal file
1074
packages/iconoir-react-native/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
41
packages/iconoir-react-native/package.json
Normal file
41
packages/iconoir-react-native/package.json
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
{
|
||||
"name": "iconoir-react-native",
|
||||
"version": "2.0.0",
|
||||
"description": "React Native library for Iconoir icon set",
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/esm/index.js",
|
||||
"types": "dist/index.d.ts",
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"scripts": {
|
||||
"dist": "tsup"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/lucaburgio/iconoir.git"
|
||||
},
|
||||
"keywords": [
|
||||
"icons",
|
||||
"svg",
|
||||
"library"
|
||||
],
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/lucaburgio/iconoir/issues"
|
||||
},
|
||||
"homepage": "https://github.com/lucaburgio/iconoir#readme",
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.6 || ^17",
|
||||
"react-native": ">=0.50.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/runtime": "^7.14.0",
|
||||
"@types/react": "^17.0.9",
|
||||
"react": "^17.0.2",
|
||||
"react-native-svg": "^12.1.1",
|
||||
"tsup": "^4.11.2",
|
||||
"typescript": "^4.3.2"
|
||||
},
|
||||
"dependencies": {}
|
||||
}
|
||||
37
packages/iconoir-react-native/src/Accessibility.tsx
Normal file
37
packages/iconoir-react-native/src/Accessibility.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAccessibility(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AccessibilitySign.tsx
Normal file
30
packages/iconoir-react-native/src/AccessibilitySign.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAccessibilitySign(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
41
packages/iconoir-react-native/src/AccessibilityTech.tsx
Normal file
41
packages/iconoir-react-native/src/AccessibilityTech.tsx
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAccessibilityTech(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/Activity.tsx
Normal file
30
packages/iconoir-react-native/src/Activity.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgActivity(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddCircledOutline.tsx
Normal file
30
packages/iconoir-react-native/src/AddCircledOutline.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddCircledOutline(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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(SvgAddCircledOutline);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/AddDatabaseScript.tsx
Normal file
30
packages/iconoir-react-native/src/AddDatabaseScript.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddDatabaseScript(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddFolder.tsx
Normal file
30
packages/iconoir-react-native/src/AddFolder.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddFolder(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
70
packages/iconoir-react-native/src/AddFrame.tsx
Normal file
70
packages/iconoir-react-native/src/AddFrame.tsx
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddFrame(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAddFrame);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/AddHexagon.tsx
Normal file
30
packages/iconoir-react-native/src/AddHexagon.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddHexagon(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddKeyframe.tsx
Normal file
30
packages/iconoir-react-native/src/AddKeyframe.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddKeyframe(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddKeyframeAlt.tsx
Normal file
30
packages/iconoir-react-native/src/AddKeyframeAlt.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddKeyframeAlt(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
42
packages/iconoir-react-native/src/AddKeyframes.tsx
Normal file
42
packages/iconoir-react-native/src/AddKeyframes.tsx
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddKeyframes(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddLens.tsx
Normal file
30
packages/iconoir-react-native/src/AddLens.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddLens(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
37
packages/iconoir-react-native/src/AddPage.tsx
Normal file
37
packages/iconoir-react-native/src/AddPage.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddPage(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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 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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAddPage);
|
||||
export default ForwardRef;
|
||||
41
packages/iconoir-react-native/src/AddPinAlt.tsx
Normal file
41
packages/iconoir-react-native/src/AddPinAlt.tsx
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddPinAlt(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddSelection.tsx
Normal file
30
packages/iconoir-react-native/src/AddSelection.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddSelection(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddSquare.tsx
Normal file
30
packages/iconoir-react-native/src/AddSquare.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddSquare(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddToCart.tsx
Normal file
30
packages/iconoir-react-native/src/AddToCart.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddToCart(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AddUser.tsx
Normal file
30
packages/iconoir-react-native/src/AddUser.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAddUser(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/Airplane.tsx
Normal file
30
packages/iconoir-react-native/src/Airplane.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAirplane(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
39
packages/iconoir-react-native/src/AirplaneHelix.tsx
Normal file
39
packages/iconoir-react-native/src/AirplaneHelix.tsx
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAirplaneHelix(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
39
packages/iconoir-react-native/src/AirplaneHelix45Deg.tsx
Normal file
39
packages/iconoir-react-native/src/AirplaneHelix45Deg.tsx
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAirplaneHelix45Deg(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AirplaneOff.tsx
Normal file
30
packages/iconoir-react-native/src/AirplaneOff.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAirplaneOff(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
47
packages/iconoir-react-native/src/AirplaneRotation.tsx
Normal file
47
packages/iconoir-react-native/src/AirplaneRotation.tsx
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAirplaneRotation(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
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"
|
||||
strokeMiterlimit={1.5}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAirplaneRotation);
|
||||
export default ForwardRef;
|
||||
34
packages/iconoir-react-native/src/Airplay.tsx
Normal file
34
packages/iconoir-react-native/src/Airplay.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAirplay(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
36
packages/iconoir-react-native/src/Alarm.tsx
Normal file
36
packages/iconoir-react-native/src/Alarm.tsx
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlarm(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
37
packages/iconoir-react-native/src/Album.tsx
Normal file
37
packages/iconoir-react-native/src/Album.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlbum(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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 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"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAlbum);
|
||||
export default ForwardRef;
|
||||
38
packages/iconoir-react-native/src/AlbumCarousel.tsx
Normal file
38
packages/iconoir-react-native/src/AlbumCarousel.tsx
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlbumCarousel(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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 6v12" stroke="currentColor" 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"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAlbumCarousel);
|
||||
export default ForwardRef;
|
||||
42
packages/iconoir-react-native/src/AlbumList.tsx
Normal file
42
packages/iconoir-react-native/src/AlbumList.tsx
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlbumList(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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-.6V8"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAlbumList);
|
||||
export default ForwardRef;
|
||||
42
packages/iconoir-react-native/src/AlbumOpen.tsx
Normal file
42
packages/iconoir-react-native/src/AlbumOpen.tsx
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlbumOpen(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
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 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"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAlbumOpen);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/AlignBottomBox.tsx
Normal file
30
packages/iconoir-react-native/src/AlignBottomBox.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignBottomBox(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AlignCenter.tsx
Normal file
30
packages/iconoir-react-native/src/AlignCenter.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignCenter(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AlignJustify.tsx
Normal file
30
packages/iconoir-react-native/src/AlignJustify.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignJustify(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AlignLeft.tsx
Normal file
30
packages/iconoir-react-native/src/AlignLeft.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignLeft(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AlignLeftBox.tsx
Normal file
30
packages/iconoir-react-native/src/AlignLeftBox.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignLeftBox(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AlignRight.tsx
Normal file
30
packages/iconoir-react-native/src/AlignRight.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignRight(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AlignRightBox.tsx
Normal file
30
packages/iconoir-react-native/src/AlignRightBox.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignRightBox(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AlignTopBox.tsx
Normal file
30
packages/iconoir-react-native/src/AlignTopBox.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAlignTopBox(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
37
packages/iconoir-react-native/src/Antenna.tsx
Normal file
37
packages/iconoir-react-native/src/Antenna.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAntenna(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
37
packages/iconoir-react-native/src/AntennaOff.tsx
Normal file
37
packages/iconoir-react-native/src/AntennaOff.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAntennaOff(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
37
packages/iconoir-react-native/src/AntennaSignal.tsx
Normal file
37
packages/iconoir-react-native/src/AntennaSignal.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAntennaSignal(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
34
packages/iconoir-react-native/src/AntennaSignalRounded.tsx
Normal file
34
packages/iconoir-react-native/src/AntennaSignalRounded.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAntennaSignalRounded(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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(SvgAntennaSignalRounded);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/AppNotification.tsx
Normal file
30
packages/iconoir-react-native/src/AppNotification.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAppNotification(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
34
packages/iconoir-react-native/src/Apple.tsx
Normal file
34
packages/iconoir-react-native/src/Apple.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgApple(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
41
packages/iconoir-react-native/src/AppleHalf.tsx
Normal file
41
packages/iconoir-react-native/src/AppleHalf.tsx
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAppleHalf(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
41
packages/iconoir-react-native/src/AppleHalfAlt.tsx
Normal file
41
packages/iconoir-react-native/src/AppleHalfAlt.tsx
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAppleHalfAlt(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AppleImac2021.tsx
Normal file
30
packages/iconoir-react-native/src/AppleImac2021.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAppleImac2021(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AppleImac2021Side.tsx
Normal file
30
packages/iconoir-react-native/src/AppleImac2021Side.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAppleImac2021Side(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AppleSwift.tsx
Normal file
30
packages/iconoir-react-native/src/AppleSwift.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAppleSwift(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
34
packages/iconoir-react-native/src/ArSymbol.tsx
Normal file
34
packages/iconoir-react-native/src/ArSymbol.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArSymbol(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/Archery.tsx
Normal file
30
packages/iconoir-react-native/src/Archery.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArchery(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
34
packages/iconoir-react-native/src/Archive.tsx
Normal file
34
packages/iconoir-react-native/src/Archive.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArchive(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/AreaSearch.tsx
Normal file
30
packages/iconoir-react-native/src/AreaSearch.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAreaSearch(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/ArrowArchery.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowArchery.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowArchery(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/ArrowDown.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowDown.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowDown(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/ArrowDownCircled.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowDownCircled.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowDownCircled(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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(SvgArrowDownCircled);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/ArrowLeft.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowLeft.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowLeft(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/ArrowLeftCircled.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowLeftCircled.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowLeftCircled(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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(SvgArrowLeftCircled);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/ArrowRight.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowRight.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowRight(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/ArrowRightCircled.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowRightCircled.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowRightCircled(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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(SvgArrowRightCircled);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/ArrowSeparate.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowSeparate.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowSeparate(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/ArrowSeparateVertical.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowSeparateVertical.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowSeparateVertical(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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;
|
||||
30
packages/iconoir-react-native/src/ArrowUnion.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowUnion.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowUnion(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M17.5 8L14 11.5l3.5 3.5M6 8l3.5 3.5L6 15"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgArrowUnion);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/ArrowUnionVertical.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowUnionVertical.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowUnionVertical(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgArrowUnionVertical);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/ArrowUp.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowUp.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowUp(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M12.25 18.5V6m0 0l6 6m-6-6l-6 6"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgArrowUp);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/ArrowUpCircled.tsx
Normal file
30
packages/iconoir-react-native/src/ArrowUpCircled.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgArrowUpCircled(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgArrowUpCircled);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/Asana.tsx
Normal file
30
packages/iconoir-react-native/src/Asana.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAsana(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAsana);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/Attachment.tsx
Normal file
30
packages/iconoir-react-native/src/Attachment.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAttachment(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAttachment);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/AutoFlash.tsx
Normal file
30
packages/iconoir-react-native/src/AutoFlash.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgAutoFlash(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgAutoFlash);
|
||||
export default ForwardRef;
|
||||
29
packages/iconoir-react-native/src/Bag.tsx
Normal file
29
packages/iconoir-react-native/src/Bag.tsx
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBag(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
/>
|
||||
<Path d="M7 8V6a2 2 0 012-2h6a2 2 0 012 2v2" stroke="currentColor" />
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBag);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/BasketBall.tsx
Normal file
30
packages/iconoir-react-native/src/BasketBall.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBasketBall(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBasketBall);
|
||||
export default ForwardRef;
|
||||
37
packages/iconoir-react-native/src/BasketBallAlt.tsx
Normal file
37
packages/iconoir-react-native/src/BasketBallAlt.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, G, Path, Defs, ClipPath } from 'react-native-svg';
|
||||
|
||||
function SvgBasketBallAlt(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<G
|
||||
clipPath="url(#basket-ball-alt_svg__clip0)"
|
||||
stroke="currentColor"
|
||||
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;
|
||||
34
packages/iconoir-react-native/src/BasketballField.tsx
Normal file
34
packages/iconoir-react-native/src/BasketballField.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBasketballField(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
/>
|
||||
<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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBasketballField);
|
||||
export default ForwardRef;
|
||||
38
packages/iconoir-react-native/src/Battery25.tsx
Normal file
38
packages/iconoir-react-native/src/Battery25.tsx
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBattery25(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M23 10v4"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBattery25);
|
||||
export default ForwardRef;
|
||||
38
packages/iconoir-react-native/src/Battery50.tsx
Normal file
38
packages/iconoir-react-native/src/Battery50.tsx
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBattery50(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M23 10v4"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBattery50);
|
||||
export default ForwardRef;
|
||||
38
packages/iconoir-react-native/src/Battery75.tsx
Normal file
38
packages/iconoir-react-native/src/Battery75.tsx
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBattery75(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M23 10v4"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBattery75);
|
||||
export default ForwardRef;
|
||||
40
packages/iconoir-react-native/src/BatteryCharging.tsx
Normal file
40
packages/iconoir-react-native/src/BatteryCharging.tsx
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBatteryCharging(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M23 10v4"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
/>
|
||||
<Path
|
||||
d="M10.167 9L8.5 12h4l-1.667 3"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBatteryCharging);
|
||||
export default ForwardRef;
|
||||
34
packages/iconoir-react-native/src/BatteryEmpty.tsx
Normal file
34
packages/iconoir-react-native/src/BatteryEmpty.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBatteryEmpty(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M23 10v4"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBatteryEmpty);
|
||||
export default ForwardRef;
|
||||
38
packages/iconoir-react-native/src/BatteryFull.tsx
Normal file
38
packages/iconoir-react-native/src/BatteryFull.tsx
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBatteryFull(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M23 10v4"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBatteryFull);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/BatteryIndicator.tsx
Normal file
30
packages/iconoir-react-native/src/BatteryIndicator.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBatteryIndicator(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBatteryIndicator);
|
||||
export default ForwardRef;
|
||||
40
packages/iconoir-react-native/src/BatteryWarning.tsx
Normal file
40
packages/iconoir-react-native/src/BatteryWarning.tsx
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBatteryWarning(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
color="currentColor"
|
||||
ref={svgRef}
|
||||
{...props}
|
||||
>
|
||||
<Path
|
||||
d="M23 10v4"
|
||||
stroke="currentColor"
|
||||
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"
|
||||
/>
|
||||
<Path
|
||||
d="M10.5 9v2M10.5 15.01l.01-.011"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBatteryWarning);
|
||||
export default ForwardRef;
|
||||
29
packages/iconoir-react-native/src/BeachBag.tsx
Normal file
29
packages/iconoir-react-native/src/BeachBag.tsx
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBeachBag(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
/>
|
||||
<Path d="M8 9V5a2 2 0 012-2h4a2 2 0 012 2v4" stroke="currentColor" />
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBeachBag);
|
||||
export default ForwardRef;
|
||||
28
packages/iconoir-react-native/src/BeachBagBig.tsx
Normal file
28
packages/iconoir-react-native/src/BeachBagBig.tsx
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBeachBagBig(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBeachBagBig);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/Bell.tsx
Normal file
30
packages/iconoir-react-native/src/Bell.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBell(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBell);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/BellNotification.tsx
Normal file
30
packages/iconoir-react-native/src/BellNotification.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBellNotification(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBellNotification);
|
||||
export default ForwardRef;
|
||||
30
packages/iconoir-react-native/src/BellOff.tsx
Normal file
30
packages/iconoir-react-native/src/BellOff.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBellOff(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBellOff);
|
||||
export default ForwardRef;
|
||||
42
packages/iconoir-react-native/src/Bicycle.tsx
Normal file
42
packages/iconoir-react-native/src/Bicycle.tsx
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBicycle(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
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"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<Path
|
||||
d="M19 19a4 4 0 100-8 4 4 0 000 8z"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBicycle);
|
||||
export default ForwardRef;
|
||||
28
packages/iconoir-react-native/src/Bin.tsx
Normal file
28
packages/iconoir-react-native/src/Bin.tsx
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
import * as React from 'react';
|
||||
import Svg, { SvgProps, Path } from 'react-native-svg';
|
||||
|
||||
function SvgBin(
|
||||
props: SvgProps,
|
||||
svgRef?: React.Ref<React.Component<SvgProps>>
|
||||
) {
|
||||
return (
|
||||
<Svg
|
||||
width="1.5em"
|
||||
height="1.5em"
|
||||
strokeWidth={1.5}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
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"
|
||||
/>
|
||||
</Svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ForwardRef = React.forwardRef(SvgBin);
|
||||
export default ForwardRef;
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue