Adapted react-feather's build script

This commit is contained in:
Alex Louden 2020-08-03 12:49:52 +08:00
parent 7280e08c58
commit 2132e02ba5
No known key found for this signature in database
GPG key ID: E5E90055152127FE
228 changed files with 10827 additions and 42 deletions

128
react/bin/build.js Normal file
View file

@ -0,0 +1,128 @@
/* eslint-disable import/no-extraneous-dependencies */
/* eslint-disable prefer-template */
const path = require('path')
const fs = require('fs')
const format = require('prettier-eslint')
const upperCamelCase = require('uppercamelcase')
const cheerio = require('cheerio')
const rootDir = path.join(__dirname, '..')
const iconDir = path.join(rootDir, '../src/images/icons')
const icons = fs.readdirSync(iconDir).map((name) => name.split('.')[0])
const outputDir = path.join(rootDir, 'src/icons')
console.log({ iconDir, icons, outputDir })
if (!fs.existsSync(outputDir)) {
fs.mkdirSync(outputDir)
}
const initialTypeDefinitions = `/// <reference types="react" />
import { FC, SVGAttributes } from 'react';
interface Props extends SVGAttributes<SVGElement> {
color?: string;
size?: string | number;
}
type Icon = FC<Props>;
`
fs.writeFileSync(path.join(rootDir, 'src', 'index.js'), '', 'utf-8')
fs.writeFileSync(
path.join(rootDir, 'src', 'index.d.ts'),
initialTypeDefinitions,
'utf-8'
)
const attrsToString = (attrs) => {
return Object.keys(attrs)
.map((key) => {
if (key === 'width' || key === 'height' || key === 'stroke') {
return key + '={' + attrs[key] + '}'
}
if (key === 'rest') {
return '{...rest}'
}
return key + '="' + attrs[key] + '"'
})
.join(' ')
}
const getIconContents = (path) => {
const icon = fs.readFileSync(path, 'utf8')
return cheerio.load(icon)('svg').html()
}
icons.forEach((i) => {
const sourcePath = path.join(iconDir, `${i}.svg`)
const location = path.join(outputDir, `${i}.js`)
const ComponentName = upperCamelCase(i)
// read SVG, extract whatever is inside <svg> tags
const iconContents = getIconContents(sourcePath)
const defaultAttrs = {
xmlns: 'http://www.w3.org/2000/svg',
width: 'size',
height: 'size',
viewBox: '0 0 21 21',
fill: 'none',
stroke: 'color',
strokeWidth: 1,
strokeLinecap: 'round',
strokeLinejoin: 'round',
rest: '...rest',
}
const element = `
import React, {forwardRef} from 'react';
import PropTypes from 'prop-types';
const ${ComponentName} = forwardRef(({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg ref={ref} ${attrsToString(defaultAttrs)}>
${iconContents}
</svg>
)
});
${ComponentName}.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number
]),
}
${ComponentName}.displayName = '${ComponentName}'
export default ${ComponentName}
`
const component = format({
text: element,
eslintConfig: {
extends: 'airbnb',
},
prettierOptions: {
bracketSpacing: true,
singleQuote: true,
parser: 'flow',
},
})
fs.writeFileSync(location, component, 'utf-8')
console.log('Successfully built', ComponentName)
const exportString = `export { default as ${ComponentName} } from './icons/${i}';\r\n`
fs.appendFileSync(
path.join(rootDir, 'src', 'index.js'),
exportString,
'utf-8'
)
const exportTypeString = `export const ${ComponentName}: Icon;\n`
fs.appendFileSync(
path.join(rootDir, 'src', 'index.d.ts'),
exportTypeString,
'utf-8'
)
})

View file

@ -28,7 +28,10 @@
"@babel/preset-react": "^7.0.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.7.0",
"concurrently": "^5.1.0"
"cheerio": "^1.0.0-rc.3",
"concurrently": "^5.1.0",
"prettier-eslint": "^9.0.0",
"uppercamelcase": "^3.0.0"
},
"peerDependencies": {
"react": "^16.8.6"

View file

@ -1,30 +0,0 @@
import React from 'react'
import PropTypes from 'prop-types'
const Icon = ({ width = 21, height = 21, color = '#2a2e3b' }) => (
<svg width={width} height={height} viewBox="0 0 21 21">
<g
fill="none"
fillRule="evenodd"
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
transform="matrix(-1 0 0 1 20 2)"
>
<path d="m8.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6z" />
<path
d="m3.94265851-.12029102c-1.05323083.28505997-1.86575682 1.17688618-1.86575682 2.30840383 0 1.16606183.73081563 2.21070886 1.78973019 2.50733508"
transform="matrix(.62932039 .77714596 -.77714596 .62932039 2.893856 -1.491094)"
/>
<path
d="m16.9295345-.10708618c-1.0898445.26224883-1.9419712 1.17003523-1.9419712 2.3284815 0 1.16644061.7312905 2.21138754 1.7907622 2.50762392"
transform="matrix(-.62932039 .77714596 .77714596 .62932039 24.205765 -11.545558)"
/>
<path d="m9.5 5.5v4h-3.5" />
<path d="m15 15 2 2" />
<path d="m2 15 2 2" transform="matrix(-1 0 0 1 6 0)" />
</g>
</svg>
)
export default Icon

View file

@ -0,0 +1,49 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const AlarmClock = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 1 20 2)"
>
<path d="m8.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6z"></path>
<path
d="m3.94265851-.12029102c-1.05323083.28505997-1.86575682 1.17688618-1.86575682 2.30840383 0 1.16606183.73081563 2.21070886 1.78973019 2.50733508"
transform="matrix(.62932039 .77714596 -.77714596 .62932039 2.893856 -1.491094)"
></path>
<path
d="m16.9295345-.10708618c-1.0898445.26224883-1.9419712 1.17003523-1.9419712 2.3284815 0 1.16644061.7312905 2.21138754 1.7907622 2.50762392"
transform="matrix(-.62932039 .77714596 .77714596 .62932039 24.205765 -11.545558)"
></path>
<path d="m9.5 5.5v4h-3.5"></path>
<path d="m15 15 2 2"></path>
<path d="m2 15 2 2" transform="matrix(-1 0 0 1 6 0)"></path>
</g>
</svg>
)
}
)
AlarmClock.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
AlarmClock.displayName = 'AlarmClock'
export default AlarmClock

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Archive = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 3)"
>
<path d="m1.5 4.5h14v7.9976807c0 1.1045695-.8954305 2-2 2h-10c-1.1045695 0-2-.8954305-2-2zm0-3.9777832h14c.5522847 0 1 .44771525 1 1v1.9777832c0 .55228475-.4477153 1-1 1h-14c-.55228475 0-1-.44771525-1-1v-1.9777832c0-.55228475.44771525-1 1-1z"></path>
<path d="m6.5 7.5h4"></path>
</g>
</svg>
)
}
)
Archive.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Archive.displayName = 'Archive'
export default Archive

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowDown = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(6 4)"
>
<path
d="m7.328 6.67.001 5.658-5.658-.001"
transform="matrix(-.70710678 .70710678 .70710678 .70710678 .965201 -.399799)"
></path>
<path d="m4.5.5v13"></path>
</g>
</svg>
)
}
)
ArrowDown.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowDown.displayName = 'ArrowDown'
export default ArrowDown

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowDownCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(0 1 -1 0 20 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<path
d="m11.621 6.379v4.242h-4.242"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -3.227683 7.792317)"
></path>
<path d="m8.5 4.5v8" transform="matrix(0 1 -1 0 17 0)"></path>
</g>
</svg>
)
}
)
ArrowDownCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowDownCircle.displayName = 'ArrowDownCircle'
export default ArrowDownCircle

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowLeft = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 6)"
>
<polyline
points="1.67 1.669 7.327 1.671 7.328 7.328"
transform="scale(-1 1) rotate(45 0 -6.364)"
></polyline>
<line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line>
</g>
</svg>
)
}
)
ArrowLeft.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowLeft.displayName = 'ArrowLeft'
export default ArrowLeft

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowLeftCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 1 20 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<path
d="m11.621 6.379v4.242h-4.242"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -3.227683 7.792317)"
></path>
<path d="m8.5 4.5v8" transform="matrix(0 1 -1 0 17 0)"></path>
</g>
</svg>
)
}
)
ArrowLeftCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowLeftCircle.displayName = 'ArrowLeftCircle'
export default ArrowLeftCircle

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowRight = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 6)"
>
<polyline
points="12.329 7.328 12.328 1.67 6.671 1.669"
transform="scale(1 -1) rotate(45 20.36 0)"
></polyline>
<line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line>
</g>
</svg>
)
}
)
ArrowRight.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowRight.displayName = 'ArrowRight'
export default ArrowRight

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowRightCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<path
d="m11.621 6.379v4.242h-4.242"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -3.227683 7.792317)"
></path>
<path d="m8.5 4.5v8" transform="matrix(0 1 -1 0 17 0)"></path>
</g>
</svg>
)
}
)
ArrowRightCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowRightCircle.displayName = 'ArrowRightCircle'
export default ArrowRightCircle

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowUp = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(6 3)"
>
<polyline
points="7.324 1.661 7.324 7.318 1.647 7.339"
transform="scale(1 -1) rotate(45 15.35 0)"
></polyline>
<line x1="4.5" x2="4.5" y1=".5" y2="13.5"></line>
</g>
</svg>
)
}
)
ArrowUp.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowUp.displayName = 'ArrowUp'
export default ArrowUp

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ArrowUpCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(0 -1 1 0 2 19)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<path
d="m11.621 6.379v4.242h-4.242"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -3.227683 7.792317)"
></path>
<path d="m8.5 4.5v8" transform="matrix(0 1 -1 0 17 0)"></path>
</g>
</svg>
)
}
)
ArrowUpCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ArrowUpCircle.displayName = 'ArrowUpCircle'
export default ArrowUpCircle

View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Backward = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<path
fill="none"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
d="M2.88383653,4.5350696 C6.21696198,0.535925111 9.98791618,-0.406545601 14.1966991,1.70765746 C9.87317822,1.47889363 7.0447511,3.36451171 5.71141777,7.36451171 L5.7106703,7.3629127 L7.83273811,9.48583206 L0.761670299,9.48583206 L0.761670299,2.41476425 Z"
transform="rotate(45 2.114 12.799)"
></path>
</svg>
)
}
)
Backward.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Backward.displayName = 'Backward'
export default Backward

36
react/src/icons/bag.js Normal file
View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Bag = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<path
d="m2.42575356.50254623 8.09559774-.00228582c.5209891-.0001471.9548019.39973171.9969972.91900928l.8938128 10.99973961c.0447299.5504704-.3652538 1.0329756-.9157242 1.0777056-.0269414.0021892-.0539605.0032851-.0809907.0032851h-9.83555122c-.55228475 0-1-.4477152-1-1 0-.0255993.00098299-.0511891.00294679-.076713l.84614072-10.99745378c.0400765-.52088193.4743495-.92313949.99677087-.92328699zm7.07424644 3.64272599v1c0 1.10456949-1.8954305 1.35472778-3 1.35472778s-3-.3954305-3-1.5v-1"
fill="none"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 4)"
></path>
</svg>
)
}
)
Bag.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Bag.displayName = 'Bag'
export default Bag

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Battery75 = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 6)">
<path
d="m2.5.5h10c1.1045695 0 2 .8954305 2 2v3c0 1.1045695-.8954305 2-2 2h-10c-1.1045695 0-2-.8954305-2-2v-3c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m3 2h7c.5522847 0 1 .44771525 1 1v2.04629283c0 .55228475-.4477153 1-1 1h-7c-.55228475 0-1-.44771525-1-1v-2.04629283c0-.55228475.44771525-1 1-1z"
fill="#2a2e3b"
></path>
<path
d="m16.5 2.5v3"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
</svg>
)
}
)
Battery75.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Battery75.displayName = 'Battery75'
export default Battery75

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BatteryCharging = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 4)"
>
<path d="m10 2.5 2.5000003-.00147233c1.1045687-.00182804 2.0005264.89307496 2.0011769 1.99764427.0000002.00039262.0000003.00078524-.0011772.00117786v3c0 1.1045695-.8954305 2-2 2h-2.5m-4 .0026502h-3.51261486c-1.1045695 0-2-.8954305-2-2v-3c0-1.1045695.8954305-2 2-2h2.51261486"></path>
<path d="m8.5 5.5h2.5l-3.6 6.5.1-5.5h-3l4-6z"></path>
<path d="m16.5 4.5v3"></path>
</g>
</svg>
)
}
)
BatteryCharging.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BatteryCharging.displayName = 'BatteryCharging'
export default BatteryCharging

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BatteryEmpty = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 6)"
>
<path d="m2.5.5h10c1.1045695 0 2 .8954305 2 2v3c0 1.1045695-.8954305 2-2 2h-10c-1.1045695 0-2-.8954305-2-2v-3c0-1.1045695.8954305-2 2-2z"></path>
<path d="m16.5 2.5v3"></path>
</g>
</svg>
)
}
)
BatteryEmpty.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BatteryEmpty.displayName = 'BatteryEmpty'
export default BatteryEmpty

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BatteryFull = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 6)">
<path
d="m2.5.5h10c1.1045695 0 2 .8954305 2 2v3c0 1.1045695-.8954305 2-2 2h-10c-1.1045695 0-2-.8954305-2-2v-3c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m3 2h9c.5522847 0 1 .44771525 1 1v2c0 .55228475-.4477153 1-1 1h-9c-.55228475 0-1-.44771525-1-1v-2c0-.55228475.44771525-1 1-1z"
fill="#2a2e3b"
></path>
<path
d="m16.5 2.5v3"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
</svg>
)
}
)
BatteryFull.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BatteryFull.displayName = 'BatteryFull'
export default BatteryFull

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BatteryHalf = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 6)">
<path
d="m2.5.5h10c1.1045695 0 2 .8954305 2 2v3c0 1.1045695-.8954305 2-2 2h-10c-1.1045695 0-2-.8954305-2-2v-3c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m3 2h4c.55228475 0 1 .44771525 1 1v2c0 .55228475-.44771525 1-1 1h-4c-.55228475 0-1-.44771525-1-1v-2c0-.55228475.44771525-1 1-1z"
fill="#2a2e3b"
></path>
<path
d="m16.5 2.5v3"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
</svg>
)
}
)
BatteryHalf.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BatteryHalf.displayName = 'BatteryHalf'
export default BatteryHalf

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BatteryLow = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 6)">
<path
d="m2.5.49734981h10c1.1045695 0 2 .8954305 2 2v3.00265019c0 1.1045695-.8954305 2-2 2h-10c-1.1045695 0-2-.8954305-2-2v-3.00265019c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m3 2c.55228475 0 1 .44771525 1 1v2c0 .55228475-.44771525 1-1 1s-1-.44771525-1-1v-2c0-.55228475.44771525-1 1-1z"
fill="#2a2e3b"
></path>
<path
d="m16.5 2.5v1.5 1.5"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
</svg>
)
}
)
BatteryLow.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BatteryLow.displayName = 'BatteryLow'
export default BatteryLow

36
react/src/icons/bell.js Normal file
View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Bell = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<path
d="m2.41547595 3.5h10.16904815c.9116644 0 1.6507144.73905002 1.6507144 1.65071443 0 .299182-.0813106.59273912-.2352385.84928557-.9815222 1.63587038-1.5 3.50773964-1.5 5.4154759v1.0845241c0 2.209139-1.790861 4-4 4h-2c-2.209139 0-4-1.790861-4-4v-1.0845241c0-1.90773626-.51847777-3.77960552-1.5-5.4154759-.46904747-.78174578-.2155554-1.79571405.56619038-2.26476152.25654645-.15392786.55010357-.23523848.84928557-.23523848zm2.58452405-1.5c.66666667-1 1.5-1.5 2.5-1.5s1.83333333.5 2.5 1.5"
fill="none"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 -1 18 19)"
></path>
</svg>
)
}
)
Bell.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Bell.displayName = 'Bell'
export default Bell

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BellDisabled = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 -1 18 19)"
>
<path d="m2.5 3.5h10.0845241c.9116644 0 1.6507144.73905002 1.6507144 1.65071443 0 .299182-.0813106.59273912-.2352385.84928557-.9815222 1.63587038-1.5 3.50773964-1.5 5.4154759v1.0845241c0 .2743851-.0276272.5423176-.0802516.8011674m-1.2832087 2.207002c-.7039698.6174972-1.62653961.9918306-2.6365397.9918306h-2c-2.209139 0-4-1.790861-4-4v-1.0845241c0-1.90773626-.51847777-3.77960552-1.5-5.4154759-.23818692-.39697819-.29005196-.85383979-.18103675-1.26881839"></path>
<path d="m1 1.929 13 13.071"></path>
<path d="m5 2c.66666667-1 1.5-1.5 2.5-1.5s1.83333333.5 2.5 1.5"></path>
</g>
</svg>
)
}
)
BellDisabled.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BellDisabled.displayName = 'BellDisabled'
export default BellDisabled

View file

@ -0,0 +1,47 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BellRinging = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 -1 19 19)"
>
<path d="m3.41547595 3.5h10.16904815c.9116644 0 1.6507144.73905002 1.6507144 1.65071443 0 .299182-.0813106.59273912-.2352385.84928557-.9815222 1.63587038-1.5 3.50773964-1.5 5.4154759v1.0845241c0 2.209139-1.790861 4-4 4h-2c-2.209139 0-4-1.790861-4-4v-1.0845241c0-1.90773626-.51847777-3.77960552-1.5-5.4154759-.46904747-.78174578-.2155554-1.79571405.56619038-2.26476152.25654645-.15392786.55010357-.23523848.84928557-.23523848z"></path>
<path
d="m1.93933983 14.1628827c.83283405.4997018 1.39051158.9942231 1.67303261 1.4835639.28252102.4893408.43195026 1.2195643.44828773 2.1906707"
transform="matrix(-.25881905 .96592583 .96592583 .25881905 -11.678043 8.960878)"
></path>
<path
d="m12.8509252 14.1628827c.8480897.4427672 1.413395.9088212 1.695916 1.398162.282521.4893407.4243225 1.2480316.4254044 2.2760726"
transform="matrix(.25881905 .96592583 -.96592583 .25881905 25.766123 -1.579065)"
></path>
<path d="m6 2c.66666667-1 1.5-1.5 2.5-1.5s1.8333333.5 2.5 1.5"></path>
</g>
</svg>
)
}
)
BellRinging.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BellRinging.displayName = 'BellRinging'
export default BellRinging

View file

@ -0,0 +1,47 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BellSnooze = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 1)"
>
<path
d="m2.5 9.41547595c0-1.90773631-.51847777-3.77960557-1.5-5.41547595-.46904747-.78174578-.2155554-1.79571405.56619038-2.26476152.25654645-.15392786.55010357-.23523848.84928557-.23523848h10.16904815c.9116644 0 1.6507144.73905002 1.6507144 1.65071443 0 .299182-.0813106.59273912-.2352385.84928557-.9815222 1.63587038-1.5 3.50773964-1.5 5.41547595v1.08452405c0 2.209139-1.790861 4-4 4h-2c-.80352907 0-1.55172031-.2369294-2.17852351-.644738"
transform="matrix(-1 0 0 -1 15 16)"
></path>
<path d="m7.5 4.5h2l-2 3h2"></path>
<path d="m11.5.5h3l-3 4h3"></path>
<path
d="m5 17.5c.66666667-1 1.5-1.5 2.5-1.5s1.83333333.5 2.5 1.5"
transform="matrix(-1 0 0 -1 15 33.5)"
></path>
</g>
</svg>
)
}
)
BellSnooze.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BellSnooze.displayName = 'BellSnooze'
export default BellSnooze

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BookmarkBook = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 3)"
>
<path d="m2.5.5h8c1.1045695 0 2 .8954305 2 2v10c0 1.1045695-.8954305 2-2 2h-8c-1.1045695 0-2-.8954305-2-2v-10c0-1.1045695.8954305-2 2-2z"></path>
<path d="m3.5.5h4v5.012l-2-2.012-2 2.012z"></path>
</g>
</svg>
)
}
)
BookmarkBook.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BookmarkBook.displayName = 'BookmarkBook'
export default BookmarkBook

43
react/src/icons/branch.js Normal file
View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Branch = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 1 17.335 3)"
>
<path d="m12.835.5v5h-5" transform="matrix(1 0 0 -1 0 6)"></path>
<path
d="m7.006.429v8.485l5.657 5.657"
transform="matrix(.70710678 .70710678 -.70710678 .70710678 8.183906 -4.757696)"
></path>
<path d="m.835 4.5 4-4" transform="matrix(-1 0 0 1 5.669 0)"></path>
</g>
</svg>
)
}
)
Branch.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Branch.displayName = 'Branch'
export default Branch

View file

@ -0,0 +1,47 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Browser = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 3)"
>
<path
d="m13-1h-9c-1.1045695 0-2 .8954305-2 2v12c0 1.1045695.8954305 2 2 2h9c1.1045695 0 2-.8954305 2-2v-12c0-1.1045695-.8954305-2-2-2z"
transform="matrix(0 1 -1 0 15.5 -1.5)"
></path>
<path
d="m9.99999986 3.00000002h-3c-.55228475 0-1 .44771525-1 1v9.99999998c0 .5522848.44771525 1 1 1h3c.55228474 0 1.00000004-.4477152 1.00000004-1v-9.99999998c0-.55228475-.4477153-1-1.00000004-1z"
transform="matrix(0 1 -1 0 17.5 .5)"
></path>
<path d="m6.5 3.498h8"></path>
<path d="m2.5 3.5h2"></path>
</g>
</svg>
)
}
)
Browser.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Browser.displayName = 'Browser'
export default Browser

View file

@ -0,0 +1,53 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const BrowserAlt = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 3)"
>
<path
d="m13-1h-9c-1.1045695 0-2 .8954305-2 2v12c0 1.1045695.8954305 2 2 2h9c1.1045695 0 2-.8954305 2-2v-12c0-1.1045695-.8954305-2-2-2z"
transform="matrix(0 1 -1 0 15.5 -1.5)"
></path>
<path
d="m7.99999972 5.00000002h-7c-.55228475 0-1 .44771525-1 1v2c0 .55228475.44771525 1 1 1h7c.55228475 0 1-.44771525 1-1v-2c0-.55228475-.44771525-1-1-1z"
transform="matrix(0 1 -1 0 11.5 2.5)"
></path>
<path
d="m11.9999996.99999966h-1c-.5522848 0-1.00000003.44771525-1.00000003 1v4c0 .55228475.44771523 1 1.00000003 1h1c.5522847 0 1-.44771525 1-1v-4c0-.55228475-.4477153-1-1-1z"
transform="matrix(0 1 -1 0 15.5 -7.5)"
></path>
<path
d="m12.4999997 6.50000002h-2c-.55228473 0-.99999998.44771525-.99999998 1v3.99999998c0 .5522848.44771525 1 .99999998 1h2c.5522848 0 1-.4477152 1-1v-3.99999998c0-.55228475-.4477152-1-1-1z"
transform="matrix(0 1 -1 0 21 -2)"
></path>
</g>
</svg>
)
}
)
BrowserAlt.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
BrowserAlt.displayName = 'BrowserAlt'
export default BrowserAlt

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ButtonAdd = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 4)"
>
<path
d="m10.5.5h-8c-1.1045695 0-2 .8954305-2 2v8c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2v-8c0-1.1045695-.8954305-2-2-2z"
transform="matrix(0 1 -1 0 13 0)"
></path>
<path d="m6.5 3.5v6.056"></path>
<path d="m6.5 3.5v6" transform="matrix(0 1 -1 0 13 0)"></path>
</g>
</svg>
)
}
)
ButtonAdd.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ButtonAdd.displayName = 'ButtonAdd'
export default ButtonAdd

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ButtonMinus = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(0 1 -1 0 17 4)"
>
<path d="m10.5.5h-8c-1.1045695 0-2 .8954305-2 2v8c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2v-8c0-1.1045695-.8954305-2-2-2z"></path>
<path d="m6.5 3.5v6"></path>
</g>
</svg>
)
}
)
ButtonMinus.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ButtonMinus.displayName = 'ButtonMinus'
export default ButtonMinus

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Calendar = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"></path>
<path d="m.5 4.5h16"></path>
</g>
</svg>
)
}
)
Calendar.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Calendar.displayName = 'Calendar'
export default Calendar

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarAdd = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"></path>
<path d="m.5 4.5h16"></path>
<g transform="translate(5 7)">
<path d="m3.5.5v6.056"></path>
<path d="m3.5.5v6" transform="matrix(0 1 -1 0 7 0)"></path>
</g>
</g>
</svg>
)
}
)
CalendarAdd.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarAdd.displayName = 'CalendarAdd'
export default CalendarAdd

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarDate = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path
d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v11.9903615c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-11.9903615c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m.659 4.5h15.841"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m4.81640625 11.1552734v-1.0791015h.87890625c.66894531 0 1.12304688-.39550784 1.12304688-.97167971 0-.52734375-.41503907-.92773438-1.10351563-.92773438-.71289063 0-1.15234375.36621094-1.20117187.99609375h-1.36230469c.04882812-1.29882812 1.04980469-2.17285156 2.63671875-2.17285156 1.5625 0 2.43164062.86425781 2.42675781 1.89453125-.00488281.85449219-.54199219 1.41601565-1.29882813 1.60156255v.0927734c.98144532.1416016 1.57714844.7666016 1.57714844 1.7089844 0 1.2353515-1.16210937 2.109375-2.75390625 2.109375-1.59179687 0-2.67578125-.8691407-2.73925781-2.2021485h1.41113281c.04394531.5957031.55175781.9765625 1.30859375.9765625.74707032 0 1.26953125-.4052734 1.26953125-1.015625 0-.625-.48828125-1.0107422-1.27929687-1.0107422zm6.69433595 3.0712891v-5.61035156h-.0878906l-1.72851566 1.19140625v-1.37207031l1.82128906-1.25488282h1.4697266v7.04589844z"
fill="#2a2e3b"
></path>
</g>
</svg>
)
}
)
CalendarDate.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarDate.displayName = 'CalendarDate'
export default CalendarDate

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarDay = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path
d="m2.5.5h12.0269119c1.1045695 0 2 .8954305 2 2v11.9907459c0 1.1045695-.8954305 2-2 2-.0031997 0-.0063994-.0000077-.0095991-.000023l-12.02691193-.0577246c-1.10080997-.0052835-1.99040087-.8991544-1.99040087-1.999977v-11.9330213c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m.5 4.5h16.027"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<circle cx="4.5" cy="8.5" fill="#2a2e3b" r="1"></circle>
</g>
</svg>
)
}
)
CalendarDay.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarDay.displayName = 'CalendarDay'
export default CalendarDay

View file

@ -0,0 +1,49 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarDays = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path
d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m.5 4.5h16"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<g fill="#2a2e3b">
<g>
<circle cx="8.5" cy="8.5" r="1"></circle>
<circle cx="4.5" cy="8.5" r="1"></circle>
</g>
<circle cx="4.5" cy="12.5" r="1"></circle>
</g>
</g>
</svg>
)
}
)
CalendarDays.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarDays.displayName = 'CalendarDays'
export default CalendarDays

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarLastDay = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path
d="m2.5.5h12.0269119c1.1045695 0 2 .8954305 2 2v11.9907459c0 1.1045695-.8954305 2-2 2-.0031997 0-.0063994-.0000077-.0095991-.000023l-12.02691193-.0577246c-1.10080997-.0052835-1.99040087-.8991544-1.99040087-1.999977v-11.9330213c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m.5 4.5h16.027"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<circle cx="12.5" cy="12.5" fill="#2a2e3b" r="1"></circle>
</g>
</svg>
)
}
)
CalendarLastDay.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarLastDay.displayName = 'CalendarLastDay'
export default CalendarLastDay

View file

@ -0,0 +1,54 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarMonth = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path
d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="m.5 4.5h16"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<g fill="#2a2e3b">
<g>
<circle cx="8.5" cy="8.5" r="1"></circle>
<circle cx="4.5" cy="8.5" r="1"></circle>
<circle cx="12.5" cy="8.5" r="1"></circle>
</g>
<g>
<circle cx="8.5" cy="12.5" r="1"></circle>
<circle cx="4.5" cy="12.5" r="1"></circle>
<circle cx="12.5" cy="12.5" r="1"></circle>
</g>
</g>
</g>
</svg>
)
}
)
CalendarMonth.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarMonth.displayName = 'CalendarMonth'
export default CalendarMonth

View file

@ -0,0 +1,44 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarMove = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(1 2)"
>
<path d="m1.5 8.46153846v-6.02882304c0-1.1045695.8954305-2 2-2 .00320511 0 .00641021.00000771.00961527.00002312l12.00000003.0576923c1.1008036.00529233 1.9903847.89916054 1.9903847 1.99997689v11.99995377c0 1.1045695-.8954305 2-2 2-.0032051 0-.0064102-.0000077-.0096153-.0000231l-11.99999997-.0576923c-1.10080364-.0052923-1.99038473-.8991606-1.99038473-1.9999769v-1.9326692"></path>
<path d="m1.5 4.5h16"></path>
<path
d="m9.621 8.379v4.242h-4.242"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -5.228144 12.621856)"
></path>
<path d="m5 6v9" transform="matrix(0 1 -1 0 15.5 5.5)"></path>
</g>
</svg>
)
}
)
CalendarMove.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarMove.displayName = 'CalendarMove'
export default CalendarMove

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarRemove = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"></path>
<path d="m.5 4.5h16"></path>
<path d="m3.5-2.5v6" transform="matrix(0 1 -1 0 9 7)"></path>
</g>
</svg>
)
}
)
CalendarRemove.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarRemove.displayName = 'CalendarRemove'
export default CalendarRemove

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarSplit = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"></path>
<path d="m.5 4.5h16"></path>
<path d="m8.5 4.5v12"></path>
</g>
</svg>
)
}
)
CalendarSplit.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarSplit.displayName = 'CalendarSplit'
export default CalendarSplit

View file

@ -0,0 +1,45 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CalendarWeek = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"></path>
<path d="m.5 4.5h16"></path>
<path d="m3.5 7.5v6"></path>
<path d="m5.5 7.5v6"></path>
<path d="m7.5 7.5v6"></path>
<path d="m9.5 7.5v6"></path>
<path d="m11.5 7.5v6"></path>
<path d="m13.5 7.5v6"></path>
</g>
</svg>
)
}
)
CalendarWeek.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CalendarWeek.displayName = 'CalendarWeek'
export default CalendarWeek

View file

@ -0,0 +1,47 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Capture = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path
d="m16.5.48528137v3.00587879c0 1.10227101-.8918463 1.99674656-1.9941126 1.99999133l-3.0058874.00884851"
transform="matrix(1 0 0 -1 0 5.985)"
></path>
<path d="m16.5 11.5v3c0 1.1045695-.8954305 2-2 2h-3"></path>
<path
d="m5.5 5.5-3.00588742-.00884851c-1.10226624-.00324477-1.99411258-.89772032-1.99411258-1.99999133v-3.00587879"
transform="matrix(1 0 0 -1 0 5.985)"
></path>
<path d="m5.5 16.5h-3c-1.1045695 0-2-.8954305-2-2v-3"></path>
</g>
</svg>
)
}
)
Capture.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Capture.displayName = 'Capture'
export default Capture

42
react/src/icons/cart.js Normal file
View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Cart = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(3 4)">
<path
d="m2.5.6151756h11v5.8848244c0 1.1045695-.8954305 2-2 2h-6.23763117c-1.00727706 0-1.85737301-.74909131-1.98410666-1.74836387z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path d="m12 10h2v2h-2z" fill="#2a2e3b"></path>
<path d="m5 10h2v2h-2z" fill="#2a2e3b"></path>
<g stroke="#2a2e3b" stroke-linecap="round" stroke-linejoin="round">
<path d="m.5.5h13"></path>
<path d="m3 3.5h10.5"></path>
</g>
</g>
</svg>
)
}
)
Cart.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Cart.displayName = 'Cart'
export default Cart

42
react/src/icons/chain.js Normal file
View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Chain = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 4)"
>
<path d="m5.5 7.5c.96940983 1.36718798 3.01111566 1.12727011 4.01111565 0l1.98888435-2c1.1243486-1.22807966 1.1641276-2.81388365 0-4-1.135619-1.15706921-2.86438099-1.15706947-4 0l-2 2"></path>
<path
d="m.64175661 12.3971156c.96940983 1.367188 3 1.1970433 4 .0697732l2-1.9748738c1.12434863-1.22807961 1.16412758-2.83900987 0-4.02512622-1.13561902-1.15706922-2.86438099-1.15706948-4 0l-2 2"
transform="matrix(-1 0 0 -1 8.14 18.966)"
></path>
</g>
</svg>
)
}
)
Chain.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Chain.displayName = 'Chain'
export default Chain

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChatAdd = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 3)"
>
<path d="m11.4182262 1.21376122c-.904128-.29938651-1.88845542-.46376122-2.9182262-.46376122-4.418278 0-8 3.02593755-8 6.75862069 0 1.45741942.54603279 2.80709561 1.47469581 3.91098161l-.97469581 4.5803977 3.91607376-2.4472652c1.07810761.4571647 2.29544433.7145066 3.58392624.7145066 4.418278 0 8-3.0259376 8-6.75862071 0-.68476204-.1205394-1.34573924-.3446699-1.96861327"></path>
<path d="m14.5.5v4"></path>
<path d="m14.5.5v4" transform="matrix(0 1 -1 0 17 -12)"></path>
</g>
</svg>
)
}
)
ChatAdd.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChatAdd.displayName = 'ChatAdd'
export default ChatAdd

36
react/src/icons/check.js Normal file
View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Check = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<path
d="m.5 5.5 3 3 8.028-8"
fill="none"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(5 6)"
></path>
</svg>
)
}
)
Check.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Check.displayName = 'Check'
export default Check

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CheckCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<path d="m5.5 9.5 2 2 5-5"></path>
</g>
</svg>
)
}
)
CheckCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CheckCircle.displayName = 'CheckCircle'
export default CheckCircle

View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronDown = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<path
d="m8.5.5-4 4-4-4"
fill="none"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(6 8)"
></path>
</svg>
)
}
)
ChevronDown.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronDown.displayName = 'ChevronDown'
export default ChevronDown

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronDownCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="rotate(90 8.5 10.5)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<polyline
points="9.563 6.355 9.611 10.645 5.321 10.597"
transform="scale(1 -1) rotate(-45 -13.055 0)"
></polyline>
</g>
</svg>
)
}
)
ChevronDownCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronDownCircle.displayName = 'ChevronDownCircle'
export default ChevronDownCircle

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronDownDouble = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(6 6)"
>
<path d="m8.5.5-4 4-4-4"></path>
<path d="m8.5 4.5-4 4-4-4"></path>
</g>
</svg>
)
}
)
ChevronDownDouble.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronDownDouble.displayName = 'ChevronDownDouble'
export default ChevronDownDouble

View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronLeft = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<path
d="m4.5 8.5-4-4 4-4"
fill="none"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(7 6)"
></path>
</svg>
)
}
)
ChevronLeft.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronLeft.displayName = 'ChevronLeft'
export default ChevronLeft

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronLeftCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 1 19 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<polyline
points="9.576 6.389 9.646 10.561 5.404 10.561"
transform="scale(1 -1) rotate(-45 -12.935 0)"
></polyline>
</g>
</svg>
)
}
)
ChevronLeftCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronLeftCircle.displayName = 'ChevronLeftCircle'
export default ChevronLeftCircle

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronLeftDouble = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(5 6)"
>
<path d="m8.5 8.5-4-4 4-4"></path>
<path d="m4.5 8.5-4-4 4-4"></path>
</g>
</svg>
)
}
)
ChevronLeftDouble.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronLeftDouble.displayName = 'ChevronLeftDouble'
export default ChevronLeftDouble

View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronRight = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<path
d="m.5 8.5 4-4-4-4"
fill="none"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(9 6)"
></path>
</svg>
)
}
)
ChevronRight.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronRight.displayName = 'ChevronRight'
export default ChevronRight

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronRightCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<polyline
points="9.628 6.362 9.628 10.604 5.338 10.556"
transform="scale(1 -1) rotate(-45 -12.997 0)"
></polyline>
</g>
</svg>
)
}
)
ChevronRightCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronRightCircle.displayName = 'ChevronRightCircle'
export default ChevronRightCircle

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronRightDouble = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(7 6)"
>
<path d="m.5 8.5 4-4-4-4"></path>
<path d="m4.5 8.5 4-4-4-4"></path>
</g>
</svg>
)
}
)
ChevronRightDouble.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronRightDouble.displayName = 'ChevronRightDouble'
export default ChevronRightDouble

View file

@ -0,0 +1,36 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronUp = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<polyline
fill="none"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
points="7.328 1.672 7.328 7.328 1.672 7.328"
transform="rotate(-135 9.157 7.258)"
></polyline>
</svg>
)
}
)
ChevronUp.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronUp.displayName = 'ChevronUp'
export default ChevronUp

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronUpCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="rotate(-90 10.5 8.5)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<polyline
points="9.621 6.379 9.621 10.621 5.379 10.621"
transform="scale(1 -1) rotate(-45 -13.02 0)"
></polyline>
</g>
</svg>
)
}
)
ChevronUpCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronUpCircle.displayName = 'ChevronUpCircle'
export default ChevronUpCircle

View file

@ -0,0 +1,45 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ChevronUpDouble = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(6 6)"
>
<polyline
points="7.328 5.672 7.328 11.328 1.672 11.328"
transform="rotate(-135 4.5 8.5)"
></polyline>
<polyline
points="7.328 1.672 7.328 7.328 1.672 7.328"
transform="rotate(-135 4.5 4.5)"
></polyline>
</g>
</svg>
)
}
)
ChevronUpDouble.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ChevronUpDouble.displayName = 'ChevronUpDouble'
export default ChevronUpDouble

37
react/src/icons/circle.js Normal file
View file

@ -0,0 +1,37 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Circle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<circle
cx="10.5"
cy="10.5"
fill="none"
r="8"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></circle>
</svg>
)
}
)
Circle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Circle.displayName = 'Circle'
export default Circle

46
react/src/icons/code.js Normal file
View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Code = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 3)"
>
<line x1="10.5" x2="6.5" y1=".5" y2="14.5"></line>
<polyline
points="7.328 2.672 7.328 8.328 1.672 8.328"
transform="rotate(135 4.5 5.5)"
></polyline>
<polyline
points="15.328 6.672 15.328 12.328 9.672 12.328"
transform="scale(1 -1) rotate(-45 -10.435 0)"
></polyline>
</g>
</svg>
)
}
)
Code.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Code.displayName = 'Code'
export default Code

40
react/src/icons/coffee.js Normal file
View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Coffee = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 2)"
>
<path d="m2.5 6.5h6c1.1045695 0 2 .8954305 2 2v2.5c0 2.4852814-2.01471863 4.5-4.5 4.5h-1c-2.48528137 0-4.5-2.0147186-4.5-4.5v-2.5c0-1.1045695.8954305-2 2-2zm8 2h1c1.1045695 0 2 .8954305 2 2s-.8954305 2-2 2h-1"></path>
<path d="m4.5 4.5v-4"></path>
<path d="m6.5 4.5v-2"></path>
</g>
</svg>
)
}
)
Coffee.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Coffee.displayName = 'Coffee'
export default Coffee

39
react/src/icons/coin.js Normal file
View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Coin = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 6)"
>
<path d="m.5 3.5c0-1.29949353 3.13400675-3 7-3 3.8659932 0 7 1.70050647 7 3v3c0 1.29949353-3.1340068 3-7 3-3.86599325 0-7-1.70050647-7-3 0-.64128315 0-2.35871685 0-3z"></path>
<path d="m7.5 6.48363266c3.8659932 0 7-1.60524012 7-2.985952 0-1.38071187-3.1340068-2.99768066-7-2.99768066-3.86599325 0-7 1.61696879-7 2.99768066 0 1.38071188 3.13400675 2.985952 7 2.985952z"></path>
</g>
</svg>
)
}
)
Coin.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Coin.displayName = 'Coin'
export default Coin

41
react/src/icons/coins.js Normal file
View file

@ -0,0 +1,41 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Coins = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(1 3)"
>
<path d="m17.5 8.5v3c0 1.2994935-3.1340068 3-7 3-3.86599325 0-7-1.7005065-7-3 0-.4275221 0-1.2608554 0-2.5"></path>
<path d="m3.79385803 9.25873308c.86480173 1.14823502 3.53999333 2.22489962 6.70614197 2.22489962 3.8659932 0 7-1.60524016 7-2.98595204 0-.77476061-.9867994-1.62391104-2.5360034-2.22001882"></path>
<path d="m14.5 3.5v3c0 1.29949353-3.1340068 3-7 3-3.86599325 0-7-1.70050647-7-3 0-.64128315 0-2.35871685 0-3"></path>
<path d="m7.5 6.48363266c3.8659932 0 7-1.60524012 7-2.985952 0-1.38071187-3.1340068-2.99768066-7-2.99768066-3.86599325 0-7 1.61696879-7 2.99768066 0 1.38071188 3.13400675 2.985952 7 2.985952z"></path>
</g>
</svg>
)
}
)
Coins.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Coins.displayName = 'Coins'
export default Coins

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Compass = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<polygon
points="8.5 3.5 10.5 8.5 8.5 13.5 6.5 8.5"
transform="rotate(30 8.5 8.5)"
></polygon>
</g>
</svg>
)
}
)
Compass.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Compass.displayName = 'Compass'
export default Compass

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ComponentAdd = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 2)"
>
<path
d="m.5 9v3.5c0 1.1045695.8954305 2 2 2h7c1.1045695 0 2-.8954305 2-2v-7c0-1.1045695-.8954305-2-2-2h-3.5"
transform="matrix(0 1 -1 0 15 3)"
></path>
<path d="m11.5.5v6"></path>
<path d="m11.5.5v6" transform="matrix(0 1 -1 0 15 -8)"></path>
</g>
</svg>
)
}
)
ComponentAdd.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ComponentAdd.displayName = 'ComponentAdd'
export default ComponentAdd

View file

@ -0,0 +1,53 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Contract = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path
d="m7.5.5v5.056h-5.5"
transform="matrix(1 0 0 -1 0 15.056)"
></path>
<path
d="m3.968-1.007.064 9.964"
transform="matrix(.70710678 .70710678 -.70710678 .70710678 3.982322 7.335823)"
></path>
<path
d="m7.512.5v5.5h-5.012"
transform="matrix(0 1 -1 0 15.5 0)"
></path>
<path
d="m4.01-.954-.008 9.908"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 7.338903 4.001757)"
></path>
</g>
</svg>
)
}
)
Contract.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Contract.displayName = 'Contract'
export default Contract

43
react/src/icons/create.js Normal file
View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Create = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 2)"
>
<path d="m7 2.5h-4.5c-1.1045695 0-2 .8954305-2 2v9.0003682c0 1.1045695.8954305 2 2 2h10c1.1045695 0 2-.8954305 2-2v-4.5003682"></path>
<path
d="m9.49086518-.60570641c.79784342.01307433 1.43777452.66357797 1.43777452 1.46152846v9.87574095l-1.41421359 2.8284271-1.41421356-2.8284271-.04115759-9.92287518c-.00322702-.77801908.62486604-1.41134419 1.40288513-1.41457122.00964205-.00003999.01928425.00001901.02892509.00017699z"
transform="matrix(.70710678 .70710678 -.70710678 .70710678 7.360659 -4.816202)"
></path>
<path d="m12.5 3.5.953 1"></path>
</g>
</svg>
)
}
)
Create.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Create.displayName = 'Create'
export default Create

View file

@ -0,0 +1,37 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CreditCard = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 5)">
<path
d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v7c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-7c0-1.1045695.8954305-2 2-2z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path d="m0 4h17v2h-17z" fill="#2a2e3b"></path>
</g>
</svg>
)
}
)
CreditCard.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CreditCard.displayName = 'CreditCard'
export default CreditCard

39
react/src/icons/cross.js Normal file
View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Cross = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(5 5)"
>
<path d="m.5 10.5 10-10"></path>
<path d="m10.5 10.5-10-10z"></path>
</g>
</svg>
)
}
)
Cross.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Cross.displayName = 'Cross'
export default Cross

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const CrossCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<circle cx="8.5" cy="8.5" r="8"></circle>
<g transform="matrix(0 1 -1 0 17 0)">
<path d="m5.5 11.5 6-6"></path>
<path d="m5.5 5.5 6 6"></path>
</g>
</g>
</svg>
)
}
)
CrossCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
CrossCircle.displayName = 'CrossCircle'
export default CrossCircle

View file

@ -0,0 +1,55 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Crosshair = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<path
d="m16.5.5v3c0 1.1045695-.8954305 2-2 2h-3"
transform="matrix(1 0 0 -1 0 6)"
></path>
<path
d="m7.086 9.914 2.828-2.828"
transform="matrix(.70710678 -.70710678 .70710678 .70710678 -3.520815 8.5)"
></path>
<path
d="m9.91421356 9.91421356-2.82842712-2.82842712z"
transform="matrix(.70710678 -.70710678 .70710678 .70710678 -3.520815 8.5)"
></path>
<path d="m16.5 11.5v3c0 1.1045695-.8954305 2-2 2h-3"></path>
<path
d="m5.5 5.5h-3c-1.1045695 0-2-.8954305-2-2v-3"
transform="matrix(1 0 0 -1 0 6)"
></path>
<path d="m5.5 16.5h-3c-1.1045695 0-2-.8954305-2-2v-3"></path>
</g>
</svg>
)
}
)
Crosshair.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Crosshair.displayName = 'Crosshair'
export default Crosshair

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Cylinder = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(5 2)"
>
<path d="m.5 3.35294118c0-1.29949353 2-2.85294118 5-2.85294118s5 1.55344765 5 2.85294118v10.29411762c0 1.2994936-2 2.8529412-5 2.8529412s-5-1.5534476-5-2.8529412c0-.6412831 0-9.65283447 0-10.29411762z"></path>
<path d="m.5 3.5c0 1.38071187 2 3 5 3s5-1.61928813 5-3"></path>
</g>
</svg>
)
}
)
Cylinder.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Cylinder.displayName = 'Cylinder'
export default Cylinder

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Database = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 2)"
>
<path d="m.5 3.20588235c0-1.29949353 2.5-2.74110534 6-2.70588235s6 1.55344765 6 2.85294118v10.29411762c0 1.2994936-2.5 2.8529412-6 2.8529412s-6-1.7005065-6-3c0-.6412832 0-9.65283449 0-10.29411765z"></path>
<path d="m.5 3.5c0 1.38071187 2 3 6 3s6-1.63689962 6-3.0176115m-12 5.0176115c0 1.38071187 2 3 6 3s6-1.63689962 6-3.0176115"></path>
</g>
</svg>
)
}
)
Database.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Database.displayName = 'Database'
export default Database

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Diamond = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 4)"
>
<path d="m13.5 0 3 4-8 10-8-10 3.009-4z"></path>
<path d="m.5 4h16"></path>
<path d="m5.5 4 3 10"></path>
<path d="m11.5 4-3 10"></path>
<path d="m3.509 0 1.991 4 3-4 3 4 2-4"></path>
</g>
</svg>
)
}
)
Diamond.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Diamond.displayName = 'Diamond'
export default Diamond

38
react/src/icons/disc.js Normal file
View file

@ -0,0 +1,38 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Disc = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="10.5" cy="10.5" r="8"></circle>
<circle cx="10.5" cy="10.5" r="2.5"></circle>
</g>
</svg>
)
}
)
Disc.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Disc.displayName = 'Disc'
export default Disc

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Display = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 3)"
>
<path d="m2 .5h11c1.1045695 0 2 .8954305 2 2v6.04882185c0 1.1045695-.8954305 1.99999995-2 1.99999995-.0025044 0-.0050088-.0000047-.0075132-.0000141l-10.99999997-.0413227c-1.10162878-.0041384-1.99248683-.89834933-1.99248683-1.99998589v-6.00749911c0-1.1045695.8954305-2 2-2z"></path>
<path d="m2.464 12.5h10.036"></path>
<path d="m4.5 14.5h6"></path>
</g>
</svg>
)
}
)
Display.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Display.displayName = 'Display'
export default Display

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const DisplayAlt = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 3)"
>
<path d="m2 4.5h11c1.1045695 0 2 .8954305 2 2v6.0488218c0 1.1045695-.8954305 2-2 2-.0025044 0-.0050088-.0000047-.0075132-.0000141l-10.99999997-.0413227c-1.10162878-.0041384-1.99248683-.8983493-1.99248683-1.9999859v-6.0074991c0-1.1045695.8954305-2 2-2z"></path>
<path d="m2.464 2.5h10.036"></path>
<path d="m4.5.5h6"></path>
</g>
</svg>
)
}
)
DisplayAlt.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
DisplayAlt.displayName = 'DisplayAlt'
export default DisplayAlt

View file

@ -0,0 +1,42 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Document = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 3)"
>
<path d="m12.5 12.5v-7l-5-5h-5c-1.1045695 0-2 .8954305-2 2v10c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2z"></path>
<path d="m2.5 7.5h5"></path>
<path d="m2.5 9.5h7"></path>
<path d="m2.5 11.5h3"></path>
<path d="m7.5.5v3c0 1.1045695.8954305 2 2 2h3"></path>
</g>
</svg>
)
}
)
Document.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Document.displayName = 'Document'
export default Document

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Download = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 3)"
>
<path
d="m9.221 4.716.165 5.821-5.792-.135"
transform="matrix(-.70710678 .70710678 .70710678 .70710678 5.685139 -2.354861)"
></path>
<path d="m6.5.5v11"></path>
<path d="m.5 14.5h12"></path>
</g>
</svg>
)
}
)
Download.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Download.displayName = 'Download'
export default Download

View file

@ -0,0 +1,43 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const DownloadAlt = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 3)"
>
<path
d="m10.334 5.685-5.641-.016-.016 5.673"
transform="matrix(.70710678 -.70710678 -.70710678 -.70710678 8.212726 19.827274)"
></path>
<path d="m7.522.521v11.979"></path>
<path d="m.5 9v4.5c0 1.1045695.8954305 2 2 2h10c1.1045695 0 2-.8954305 2-2v-4.5"></path>
</g>
</svg>
)
}
)
DownloadAlt.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
DownloadAlt.displayName = 'DownloadAlt'
export default DownloadAlt

39
react/src/icons/drag.js Normal file
View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Drag = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m4.5 7.5h12"></path>
<path d="m4.498 10.5h11.997"></path>
<path d="m4.5 13.5h11.995"></path>
</g>
</svg>
)
}
)
Drag.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Drag.displayName = 'Drag'
export default Drag

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const DragCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="10.5" cy="10.5" r="8"></circle>
<path d="m6.5 8.5h8"></path>
<path d="m6.5 10.5h8"></path>
<path d="m6.5 12.5h8"></path>
</g>
</svg>
)
}
)
DragCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
DragCircle.displayName = 'DragCircle'
export default DragCircle

46
react/src/icons/enter.js Normal file
View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Enter = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 3)"
>
<path
d="m8.621 5.379v4.242h-4.242"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -3.399612 8.207388)"
></path>
<path d="m5 3v9" transform="matrix(0 1 -1 0 12.5 2.5)"></path>
<path
d="m5.02090034 1.47909966h-2.5079176c-1.10147263 0-1.99561512.89060276-1.99998426 1.99206672l-.03154408 7.95228492c-.00438376 1.1045608.88748784 2.0035361 1.99204865 2.0079176.00000078 0 .00000156 0 .00000235-.0000024l10.0291813.0397707c1.1045608.0043801 2.0035351-.8874925 2.0079152-1.9920533.0000105-.0026437.0000157-.0052873.0000157-.007931v-7.99205324c0-1.1045695-.8954305-2-2-2h-2.4897173"
transform="matrix(0 1 1 0 .02 -.02)"
></path>
</g>
</svg>
)
}
)
Enter.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Enter.displayName = 'Enter'
export default Enter

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const EnterAlt = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 1 19 3)"
>
<path
d="m9.634 5.384-.025 4.267h-4.243"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -3.11902 7.52998)"
></path>
<path d="m5.5 2.5v10" transform="matrix(0 1 -1 0 13 2)"></path>
<path
d="m5.9959184 1.5040816h-2.45924862c-1.10138927 0-1.99549695.89047297-1.9999834 1.99185311l-.03258783 7.99999999c-.00449941 1.1045603.88727618 2.0036309 1.99183651 2.0081303.00271562.0000111.00543126.0000166.00814689.0000166h9.99183645c1.1045695 0 2-.8954305 2-2v-8c0-1.1045695-.8954305-2-2-2h-2.5"
transform="matrix(0 1 1 0 .996 -.996)"
></path>
</g>
</svg>
)
}
)
EnterAlt.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
EnterAlt.displayName = 'EnterAlt'
export default EnterAlt

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ExitLeft = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(-1 0 0 1 18 3)"
>
<path
d="m12.717 5.379-.068 4.175-4.175.067"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -2.199921 5.311079)"
></path>
<path d="m9 3v9" transform="matrix(0 1 -1 0 16.5 -1.5)"></path>
<path
d="m-1.74806976 2.74806976.0022166 7.50105294c.00091744 1.1043385.89625231 1.9994088 2.00059101 1.9999999h9.99438475c1.1045695 0 2-.8954305 2-2v-7.50105284"
transform="matrix(0 1 -1 0 12.749 2.249)"
></path>
</g>
</svg>
)
}
)
ExitLeft.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ExitLeft.displayName = 'ExitLeft'
export default ExitLeft

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ExitRight = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4 3)"
>
<path
d="m12.717 5.379-.068 4.175-4.175.067"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 -2.199921 5.311079)"
></path>
<path d="m9 3v9" transform="matrix(0 1 -1 0 16.5 -1.5)"></path>
<path
d="m-1.74806976 2.74806976.0022166 7.50105294c.00091744 1.1043385.89625231 1.9994088 2.00059101 1.9999999h9.99438475c1.1045695 0 2-.8954305 2-2v-7.50105284"
transform="matrix(0 1 -1 0 12.749 2.249)"
></path>
</g>
</svg>
)
}
)
ExitRight.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ExitRight.displayName = 'ExitRight'
export default ExitRight

59
react/src/icons/expand.js Normal file
View file

@ -0,0 +1,59 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Expand = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(2 2)"
>
<polyline
points="16.5 .522 16.5 5.5 11 5.487"
transform="matrix(1 0 0 -1 0 6.022)"
></polyline>
<line
x1="13.533"
x2="13.467"
y1="-.734"
y2="7.685"
transform="rotate(45 13.5 3.476)"
></line>
<polyline
points="6 11.507 .5 11.5 .5 16.523"
transform="matrix(1 0 0 -1 0 28.023)"
></polyline>
<line
x1="3.5"
x2="3.5"
y1="9.257"
y2="17.743"
transform="rotate(45 3.5 13.5)"
></line>
</g>
</svg>
)
}
)
Expand.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Expand.displayName = 'Expand'
export default Expand

View file

@ -0,0 +1,54 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ExpandHeight = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2A2E3B"
stroke-linecap="round"
stroke-linejoin="round"
transform="rotate(-90 11.5 9.5)"
>
<line
x1="14.243"
x2="5.757"
y1="3.757"
y2="12.243"
transform="rotate(45 10 8)"
></line>
<polyline
points="11.988 4 16 8 11.988 12"
transform="matrix(1 0 0 -1 0 16)"
></polyline>
<polyline
points="3.988 4 8 8 3.988 12"
transform="rotate(-180 5.994 8)"
></polyline>
<line x1="1" x2="1" y2="16"></line>
<line x1="19" x2="19" y2="16"></line>
</g>
</svg>
)
}
)
ExpandHeight.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ExpandHeight.displayName = 'ExpandHeight'
export default ExpandHeight

View file

@ -0,0 +1,51 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const ExpandWidth = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(1 2)"
>
<path
d="m9.45.814v5.657h-5.657"
transform="matrix(-.70710678 .70710678 -.70710678 -.70710678 14.756959 6.39283)"
></path>
<path
d="m5.197-.948v12.028"
transform="matrix(0 1 1 0 4.447762 3.302301)"
></path>
<path
d="m6.167.136-.04 5.697h-5.656"
transform="matrix(.70710678 .70710678 .70710678 -.70710678 7.043131 8.291412)"
></path>
<path d="m.5.5v16.021"></path>
<path d="m18.5.5v16.021"></path>
</g>
</svg>
)
}
)
ExpandWidth.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
ExpandWidth.displayName = 'ExpandWidth'
export default ExpandWidth

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const FaceDelighted = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<circle
cx="8.5"
cy="8.5"
r="8"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></circle>
<circle cx="6" cy="6" fill="#2a2e3b" r="1"></circle>
<circle cx="11" cy="6" fill="#2a2e3b" r="1"></circle>
<path
d="m5 10c.33294678 2.3333333 1.49961344 3.5 3.5 3.5 2.0003866 0 3.1670532-1.1666667 3.5-3.5z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
</svg>
)
}
)
FaceDelighted.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
FaceDelighted.displayName = 'FaceDelighted'
export default FaceDelighted

View file

@ -0,0 +1,46 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const FaceHappy = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<circle
cx="8.5"
cy="8.5"
r="8"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></circle>
<circle cx="6" cy="6" fill="#2a2e3b" r="1"></circle>
<circle cx="11" cy="6" fill="#2a2e3b" r="1"></circle>
<path
d="m5 10c.93619792 1 2.10286458 1.5 3.5 1.5s2.5638021-.5 3.5-1.5"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
</svg>
)
}
)
FaceHappy.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
FaceHappy.displayName = 'FaceHappy'
export default FaceHappy

View file

@ -0,0 +1,47 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const FaceNeutral = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<circle
cx="8.5"
cy="8.5"
r="8"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></circle>
<circle cx="6" cy="6" fill="#2a2e3b" r="1"></circle>
<circle cx="11" cy="6" fill="#2a2e3b" r="1"></circle>
<path
d="m5.5 10.5h6"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(1 0 0 -1 0 21)"
></path>
</g>
</svg>
)
}
)
FaceNeutral.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
FaceNeutral.displayName = 'FaceNeutral'
export default FaceNeutral

View file

@ -0,0 +1,45 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const FaceSad = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path
d="m8.5 16.5c4.418278 0 8-3.581722 8-8s-3.581722-8-8-8-8 3.581722-8 8 3.581722 8 8 8z"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<circle cx="6" cy="6" fill="#2a2e3b" r="1"></circle>
<circle cx="11" cy="6" fill="#2a2e3b" r="1"></circle>
<path
d="m5 10c.93619792 1 2.10286458 1.5 3.5 1.5s2.5638021-.5 3.5-1.5"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="matrix(1 0 0 -1 0 21.5)"
></path>
</g>
</svg>
)
}
)
FaceSad.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
FaceSad.displayName = 'FaceSad'
export default FaceSad

39
react/src/icons/filter.js Normal file
View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Filter = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m4.5 7.5h12"></path>
<path d="m6.5 10.5h8"></path>
<path d="m8.5 13.5h4"></path>
</g>
</svg>
)
}
)
Filter.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Filter.displayName = 'Filter'
export default Filter

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const FilterCircle = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="10.5" cy="10.5" r="8"></circle>
<path d="m6.5 8.5h8"></path>
<path d="m8.5 10.5h4"></path>
<path d="m9.5 12.5h2"></path>
</g>
</svg>
)
}
)
FilterCircle.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
FilterCircle.displayName = 'FilterCircle'
export default FilterCircle

View file

@ -0,0 +1,41 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const Fingerprint = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(4.5 2.5)"
>
<path d="m12 10.03c0 2.7448552-1.2554932 5.97-6 5.97-.75780542 0-1.42660143-.0822778-2.01548904-.2317346m-1.76100565-.7815476c-1.68909404-1.1706539-2.22350531-3.1659055-2.22350531-4.9567178v-4.03c0-1.56622031.65466451-2.97953554 1.70527792-3.98123005m1.67130335-1.35397567c.77973587-.42395337 1.6734516-.66479428 2.62341873-.66479428 1.75280799 0 3.49283909.72275393 4.5 2m1.2058722 1.22085393c.1906672.55804827.2941278 1.15651492.2941278 1.77914607 0-.66666667 0 .33333333 0 3"></path>
<path d="m2.5 13.015c-.32893023-.6677284-.5-1.4021207-.5-2.1464703v-1.8685297-3c0-2.209139 1.790861-4 4-4s4 1.790861 4 4v4.03"></path>
<path d="m6 14c-1.33333333-.6666667-2-1.6566667-2-2.97v-5.03c0-1.1045695.8954305-2 2-2s2 .8954305 2 2v4.03c0 .6666667.33333333 1 1 1s1-.3333333 1-1"></path>
<path d="m6 6v4.03c0 1.98 1 2.97 3 2.97"></path>
</g>
</svg>
)
}
)
Fingerprint.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
Fingerprint.displayName = 'Fingerprint'
export default Fingerprint

View file

@ -0,0 +1,40 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const FolderAdd = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 4)"
>
<path d="m.5 1.5v9c0 1.1045695.8954305 2 2 2h10c1.1045695 0 2-.8954305 2-2v-6.00280762c.000802-1.1045695-.8946285-2-1.999198-2-.0002674 0-.0005348.00000006-.0008018.00080218l-5.0000002.00200544-2-2h-4c-.55228475 0-1 .44771525-1 1z"></path>
<path d="m5.5 7.5h4"></path>
<path d="m7.5 9.556v-4.056"></path>
</g>
</svg>
)
}
)
FolderAdd.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
FolderAdd.displayName = 'FolderAdd'
export default FolderAdd

View file

@ -0,0 +1,39 @@
import React, { forwardRef } from 'react'
import PropTypes from 'prop-types'
const FolderClosed = forwardRef(
({ color = 'currentColor', size = 21, ...rest }, ref) => {
return (
<svg
ref={ref}
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 21 21"
fill="none"
stroke={color}
strokeWidth="1"
strokeLinecap="round"
strokeLinejoin="round"
{...rest}
>
<g
fill="none"
fill-rule="evenodd"
stroke="#2a2e3b"
stroke-linecap="round"
stroke-linejoin="round"
transform="translate(3 4)"
>
<path d="m.5 1.5v9c0 1.1045695.8954305 2 2 2h10c1.1045695 0 2-.8954305 2-2v-6.00280762c.000802-1.1045695-.8946285-2-1.999198-2-.0002674 0-.0005348.00000006-.0008018.00080218l-5.0000002.00200544-2-2h-4c-.55228475 0-1 .44771525-1 1z"></path>
<path d="m.5 2.5h7"></path>
</g>
</svg>
)
}
)
FolderClosed.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
}
FolderClosed.displayName = 'FolderClosed'
export default FolderClosed

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