ershisan99/flashcards-example-project
1
0
Fork 0
mirror of https://github.com/ershisan99/flashcards-example-project.git synced 2025-12-16 12:33:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

gen icons, add favorites

Browse Source
This commit is contained in:
Andres
2024-05-30 20:10:03 +02:00
parent 70227b3e46
commit 4e25dad292
215 changed files with 10446 additions and 8344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.eslintignore Normal file
View File

@@ -0,0 +1 @@
/src/assets/icons/components/

3
package.json
View File

@@ -13,7 +13,8 @@
"lint:file": "eslint --fix", "lint:file": "eslint --fix",
"storybook": "storybook dev -p 6006", "storybook": "storybook dev -p 6006",
"sb": "storybook dev -p 6006", "sb": "storybook dev -p 6006",
"build-storybook": "storybook build" "build-storybook": "storybook build",
"generate": "npx @svgr/cli --out-dir src/assets/icons/components --jsx-runtime automatic --typescript --ref --memo --icon --replace-attr-values \"#000\"=\"currentcolor\" -- src/assets/icons/svgs && npm run format && npm run lint"
}, },
"dependencies": { "dependencies": {
"@fontsource/roboto": "^5.0.8", "@fontsource/roboto": "^5.0.8",

14686
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

38
src/assets/icons/close.tsx
View File

@@ -1,38 +0,0 @@
import { Ref, SVGProps, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'24'}
ref={ref}
viewBox={'0 0 24 24'}
width={'24'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<svg
fill={'none'}
height={'24'}
viewBox={'0 0 24 24'}
width={'24'}
xmlns={'http://www.w3.org/2000/svg'}
>
<g clipPath={'url(#clip0_9883_2381)'}>
<path
d={
'M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z'
}
fill={'white'}
/>
</g>
<defs>
<clipPath id={'clip0_9883_2381'}>
<rect fill={'white'} height={'24'} width={'24'} />
</clipPath>
</defs>
</svg>
</svg>
)
const ForwardRef = forwardRef(SvgComponent)
export default memo(ForwardRef)

0
src/assets/icons/camera.tsx → src/assets/icons/components-manual/camera.tsx
View File

0
src/assets/icons/check.tsx → src/assets/icons/components-manual/check.tsx
View File

0
src/assets/icons/chevron-up.tsx → src/assets/icons/components-manual/chevron-up.tsx
View File

0
src/assets/icons/edit.tsx → src/assets/icons/components-manual/edit.tsx
View File

9
src/assets/icons/components-manual/index.ts Normal file
View File

@@ -0,0 +1,9 @@
export { default as Camera } from './camera'
export { default as Check } from './check'
export { default as ChevronUp } from './chevron-up'
export { default as Edit } from './edit'
export { default as KeyboardArrowLeft } from './keyboard-arrow-left'
export { default as KeyboardArrowRight } from './keyboard-arrow-right'
export { default as Logo } from './logo'
export { default as Logout } from './logout'
export { default as VisibilityOff } from './visibility-off'

0
src/assets/icons/keyboard-arrow-left.tsx → src/assets/icons/components-manual/keyboard-arrow-left.tsx
View File

0
src/assets/icons/keyboard-arrow-right.tsx → src/assets/icons/components-manual/keyboard-arrow-right.tsx
View File

0
src/assets/icons/logo.tsx → src/assets/icons/components-manual/logo.tsx
View File

0
src/assets/icons/logout.tsx → src/assets/icons/components-manual/logout.tsx
View File

0
src/assets/icons/visibility-off.tsx → src/assets/icons/components-manual/visibility-off.tsx
View File

31
src/assets/icons/components/ArrowBackOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowBackOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-back-outline_svg__a)'}>
<path
d={
'M19 11H7.14l3.63-4.36a1.001 1.001 0 0 0-1.54-1.28l-5 6a1 1 0 0 0-.09.15c0 .05 0 .08-.07.13A1 1 0 0 0 4 12a1 1 0 0 0 .07.36c0 .05 0 .08.07.13q.039.078.09.15l5 6A1 1 0 0 0 10 19a1 1 0 0 0 .77-1.64L7.14 13H19a1 1 0 0 0 0-2'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-back-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowBackOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ArrowForwardOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowForwardOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-forward-outline_svg__a)'}>
<path
d={
'M5 13h11.86l-3.63 4.36a1 1 0 1 0 1.54 1.28l5-6q.051-.072.09-.15c0-.05.05-.08.07-.13A1 1 0 0 0 20 12a1 1 0 0 0-.07-.36c0-.05-.05-.08-.07-.13a1 1 0 0 0-.09-.15l-5-6a1 1 0 0 0-1.41-.13 1 1 0 0 0-.13 1.41L16.86 11H5a1 1 0 0 0 0 2'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-forward-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowForwardOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ArrowIosBack.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowIosBack = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-ios-back_svg__a)'}>
<path
d={
'M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1.001 1.001 0 1 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-ios-back_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowIosBack)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ArrowIosBackOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowIosBackOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-ios-back-outline_svg__a)'}>
<path
d={
'M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1.001 1.001 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-ios-back-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowIosBackOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ArrowIosDownOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowIosDownOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-ios-Down-outline_svg__a)'}>
<path
d={
'M5.514 9.458a1 1 0 0 1 1.64-.77l5.36 4.48 5.37-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.15 1.46l-6 4.83a1 1 0 0 1-1.27 0l-6-5a1 1 0 0 1-.36-.83'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-ios-Down-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowIosDownOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ArrowIosForward.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowIosForward = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-ios-forward_svg__a)'}>
<path
d={
'M10 19a1 1 0 0 1-.77-1.64L13.71 12 9.39 6.63a1 1 0 0 1 .15-1.41 1 1 0 0 1 1.46.15l4.83 6a1 1 0 0 1 0 1.27l-5 6A1 1 0 0 1 10 19'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-ios-forward_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowIosForward)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ArrowIosForwardOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowIosForwardOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-ios-forward-outline_svg__a)'}>
<path
d={
'M10 19a1 1 0 0 1-.77-1.64L13.71 12 9.39 6.63a1 1 0 0 1 .15-1.41 1 1 0 0 1 1.46.15l4.83 6a1 1 0 0 1 0 1.27l-5 6A1 1 0 0 1 10 19'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-ios-forward-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowIosForwardOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ArrowIosUp.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgArrowIosUp = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#arrow-ios-Up_svg__a)'}>
<path
d={
'M19.542 14.514a1.001 1.001 0 0 1-1.64.77l-5.36-4.48-5.37 4.32a1 1 0 0 1-1.41-.15 1 1 0 0 1 .15-1.46l6-4.83a1 1 0 0 1 1.27 0l6 5a1 1 0 0 1 .36.83'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'arrow-ios-Up_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgArrowIosUp)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/Block.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgBlock = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#Block_svg__a)'}>
<path
d={'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16'}
fill={'currentcolor'}
/>
<path d={'m7.043 19.362 10-15'} stroke={'currentcolor'} strokeWidth={2.3} />
</g>
<defs>
<clipPath id={'Block_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgBlock)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Bookmark.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgBookmark = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#bookmark_svg__a)'}>
<path
d={
'M6 21a1 1 0 0 1-.863-.496A1 1 0 0 1 5 20V5.33A2.28 2.28 0 0 1 7.2 3h9.6A2.28 2.28 0 0 1 19 5.33V20a1 1 0 0 1-1.5.86l-5.67-3.21-5.33 3.2A1 1 0 0 1 6 21'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'bookmark_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgBookmark)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/BookmarkOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgBookmarkOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#bookmark-outline_svg__a)'}>
<path
d={
'M6.09 21.06a1 1 0 0 1-1-1L4.94 5.4a2.26 2.26 0 0 1 2.18-2.35L16.71 3a2.27 2.27 0 0 1 2.23 2.31l.14 14.66a1 1 0 0 1-.49.87 1 1 0 0 1-1 0l-5.7-3.16-5.29 3.23a1.2 1.2 0 0 1-.51.15m5.76-5.55c.174 0 .345.041.5.12l4.71 2.61-.12-12.95c0-.2-.13-.34-.21-.33l-9.6.09c-.08 0-.19.13-.19.33l.12 12.9 4.28-2.63a1.06 1.06 0 0 1 .51-.14'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'bookmark-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgBookmarkOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Calendar.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgCalendar = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#calendar_svg__a)'}>
<path
d={
'M18 4h-1V3a1 1 0 0 0-2 0v1H9V3a1 1 0 0 0-2 0v1H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3M8 17a1 1 0 1 1 0-2 1 1 0 0 1 0 2m8 0h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2m3-6H5V7a1 1 0 0 1 1-1h1v1a1 1 0 0 0 2 0V6h6v1a1 1 0 0 0 2 0V6h1a1 1 0 0 1 1 1z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'calendar_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgCalendar)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/CalendarOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgCalendarOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#calendar-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M18 4h-1V3a1 1 0 0 0-2 0v1H9V3a1 1 0 0 0-2 0v1H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3M6 6h1v1a1 1 0 0 0 2 0V6h6v1a1 1 0 0 0 2 0V6h1a1 1 0 0 1 1 1v4H5V7a1 1 0 0 1 1-1m12 14H6a1 1 0 0 1-1-1v-6h14v6a1 1 0 0 1-1 1'
}
/>
<path d={'M8 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2M16 15h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2'} />
</g>
<defs>
<clipPath id={'calendar-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgCalendarOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Close.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgClose = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#close_svg__a)'}>
<path
d={
'm13.41 12 4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42l4.3 4.29-4.3 4.29a1 1 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219l4.29-4.3 4.29 4.3a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'close_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgClose)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/CloseOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgCloseOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#close-outline_svg__a)'}>
<path
d={
'm13.41 12 4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42l4.3 4.29-4.3 4.29a1 1 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219l4.29-4.3 4.29 4.3a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'close-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgCloseOutline)
const Memo = memo(ForwardRef)
export default Memo

35
src/assets/icons/components/ColorPaletteOutline.tsx Normal file
View File

@@ -0,0 +1,35 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgColorPaletteOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#color-palette-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M19.54 5.08A10.6 10.6 0 0 0 11.91 2a10 10 0 1 0-.05 20 2.58 2.58 0 0 0 2.53-1.89 2.52 2.52 0 0 0-.57-2.28.5.5 0 0 1 .37-.83h1.65A6.15 6.15 0 0 0 22 11.33a8.48 8.48 0 0 0-2.46-6.25M15.88 15h-1.65a2.49 2.49 0 0 0-1.87 4.15.49.49 0 0 1 .12.49c-.05.21-.28.34-.59.36a8 8 0 0 1-7.82-9.11A8.1 8.1 0 0 1 11.92 4H12a8.47 8.47 0 0 1 6.1 2.48 6.5 6.5 0 0 1 1.9 4.77A4.17 4.17 0 0 1 15.88 15'
}
/>
<path
d={
'M12 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M15.25 7.2a1.5 1.5 0 1 0 1.501 2.598A1.5 1.5 0 0 0 15.25 7.2M8.75 7.2a1.5 1.5 0 1 0-1.498 2.6A1.5 1.5 0 0 0 8.75 7.2M6.16 11.26a1.5 1.5 0 1 0 2.08.4 1.49 1.49 0 0 0-2.08-.4'
}
/>
</g>
<defs>
<clipPath id={'color-palette-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgColorPaletteOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Copy.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgCopy = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#copy_svg__a)'}>
<path
d={
'M18 9h-3V5.67A2.68 2.68 0 0 0 12.33 3H5.67A2.68 2.68 0 0 0 3 5.67v6.66A2.68 2.68 0 0 0 5.67 15H9v3a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3m-9 3v1H5.67a.67.67 0 0 1-.67-.67V5.67A.67.67 0 0 1 5.67 5h6.66a.67.67 0 0 1 .67.67V9h-1a3 3 0 0 0-3 3'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'copy_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgCopy)
const Memo = memo(ForwardRef)
export default Memo

35
src/assets/icons/components/CopyOutline.tsx Normal file
View File

@@ -0,0 +1,35 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgCopyOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#copy-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M18 21h-6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3m-6-10a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z'
}
/>
<path
d={
'M9.73 15H5.67A2.68 2.68 0 0 1 3 12.33V5.67A2.68 2.68 0 0 1 5.67 3h6.66A2.68 2.68 0 0 1 15 5.67V9.4h-2V5.67a.67.67 0 0 0-.67-.67H5.67a.67.67 0 0 0-.67.67v6.66a.67.67 0 0 0 .67.67h4.06z'
}
/>
</g>
<defs>
<clipPath id={'copy-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgCopyOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/CreditCard.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgCreditCard = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#credit-card_svg__a)'}>
<path
d={
'M19 5H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3m-8 10H7a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2m6 0h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2m3-6H4V8a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'credit-card_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgCreditCard)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/CreditCardOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgCreditCardOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#credit-card-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M19 5H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3M4 8a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v1H4zm16 8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-5h16z'
}
/>
<path d={'M7 15h4a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2M15 15h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2'} />
</g>
<defs>
<clipPath id={'credit-card-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgCreditCardOutline)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/Edit2.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEdit2 = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#edit-2_svg__a)'} fill={'currentcolor'}>
<path
d={
'M19 20H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2M5 18h.09l4.17-.38a2 2 0 0 0 1.21-.57l9-9a1.92 1.92 0 0 0-.07-2.71L16.66 2.6A2 2 0 0 0 14 2.53l-9 9a2 2 0 0 0-.57 1.21L4 16.91A1 1 0 0 0 5 18M15.27 4 18 6.73l-2 1.95L13.32 6z'
}
/>
</g>
<defs>
<clipPath id={'edit-2_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEdit2)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/Edit2Outline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEdit2Outline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#edit-2-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M19 20H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2M5 18h.09l4.17-.38a2 2 0 0 0 1.21-.57l9-9a1.92 1.92 0 0 0-.07-2.71L16.66 2.6A2 2 0 0 0 14 2.53l-9 9a2 2 0 0 0-.57 1.21L4 16.91A1 1 0 0 0 5 18M15.27 4 18 6.73l-2 1.95L13.32 6zm-8.9 8.91L12 7.32l2.7 2.7-5.6 5.6-3 .28z'
}
/>
</g>
<defs>
<clipPath id={'edit-2-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEdit2Outline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Email.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEmail = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#email_svg__a)'}>
<path
d={
'M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3m0 2-6.5 4.47a1 1 0 0 1-1 0L5 6z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'email_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEmail)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/EmailOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEmailOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#email-outline_svg__a)'}>
<path
d={
'M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3m-.67 2L12 10.75 5.67 6zM19 18H5a1 1 0 0 1-1-1V7.25l7.4 5.55a1 1 0 0 0 1.2 0L20 7.25V17a1 1 0 0 1-1 1'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'email-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEmailOutline)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/Expand.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgExpand = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#expand_svg__a)'} fill={'currentcolor'}>
<path
d={
'M20 5a1 1 0 0 0-1-1h-5a1 1 0 1 0 0 2h2.57l-3.28 3.29a1 1 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L18 7.42V10a1 1 0 0 0 2 0zM10.71 13.29a1 1 0 0 0-1.42 0L6 16.57V14a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1h5a1 1 0 0 0 0-2H7.42l3.29-3.29a1 1 0 0 0 0-1.42'
}
/>
</g>
<defs>
<clipPath id={'expand_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgExpand)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/ExpandOutline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgExpandOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#expand-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M20 5a1 1 0 0 0-1-1h-5a1 1 0 1 0 0 2h2.57l-3.28 3.29a1 1 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L18 7.42V10a1 1 0 0 0 2 0zM10.71 13.29a1 1 0 0 0-1.42 0L6 16.57V14a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1h5a1 1 0 0 0 0-2H7.42l3.29-3.29a1 1 0 0 0 0-1.42'
}
/>
</g>
<defs>
<clipPath id={'expand-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgExpandOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Eye.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEye = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#eye_svg__a)'} fill={'currentcolor'}>
<path d={'M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'} />
<path
d={
'M21.87 11.5c-.64-1.11-4.16-6.68-10.14-6.5-5.53.14-8.73 5-9.6 6.5a1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25c5.53-.14 8.74-5 9.6-6.5a1 1 0 0 0 0-1m-9.87 4a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7'
}
/>
</g>
<defs>
<clipPath id={'eye_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEye)
const Memo = memo(ForwardRef)
export default Memo

35
src/assets/icons/components/EyeOff.tsx Normal file
View File

@@ -0,0 +1,35 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEyeOff = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#eye-off_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M15.29 18.12 14 16.78l-.07-.07-1.27-1.27A3.501 3.501 0 0 1 8.5 12a4 4 0 0 1 .06-.61l-2-2L5 7.87a15.9 15.9 0 0 0-2.87 3.63 1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67zM8.59 5.76l2.8 2.8A4 4 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5 4 4 0 0 1-.06.61l2.68 2.68.84.84a15.9 15.9 0 0 0 2.91-3.63 1 1 0 0 0 0-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67z'
}
/>
<path
d={
'M20.71 19.29 19.41 18l-2-2-9.52-9.53L6.42 5 4.71 3.29a1.004 1.004 0 1 0-1.42 1.42L5.53 7l1.75 1.7 7.31 7.3.07.07L16 17.41l.59.59 2.7 2.71a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095'
}
/>
</g>
<defs>
<clipPath id={'eye-off_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEyeOff)
const Memo = memo(ForwardRef)
export default Memo

35
src/assets/icons/components/EyeOffOutline.tsx Normal file
View File

@@ -0,0 +1,35 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEyeOffOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#eye-off-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M4.71 3.29a1.004 1.004 0 1 0-1.42 1.42l5.63 5.63a3.5 3.5 0 0 0 4.74 4.74l5.63 5.63a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095zM12 13.5a1.5 1.5 0 0 1-1.5-1.5v-.07l1.56 1.56z'
}
/>
<path
d={
'M12.22 17c-4.3.1-7.12-3.59-8-5 .626-1 1.38-1.914 2.24-2.72L5 7.87a15.9 15.9 0 0 0-2.87 3.63 1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67l-1.58-1.58a7.7 7.7 0 0 1-1.7.25M21.87 11.5c-.64-1.11-4.17-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67l1.58 1.58a7.7 7.7 0 0 1 1.7-.25c4.29-.11 7.11 3.59 8 5a13.7 13.7 0 0 1-2.29 2.72L19 16.13a15.9 15.9 0 0 0 2.91-3.63 1 1 0 0 0-.04-1'
}
/>
</g>
<defs>
<clipPath id={'eye-off-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEyeOffOutline)
const Memo = memo(ForwardRef)
export default Memo

33
src/assets/icons/components/EyeOutline.tsx Normal file
View File

@@ -0,0 +1,33 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgEyeOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#eye-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M21.87 11.5c-.64-1.11-4.16-6.68-10.14-6.5-5.53.14-8.73 5-9.6 6.5a1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25c5.53-.14 8.74-5 9.6-6.5a1 1 0 0 0 0-1M12.22 17c-4.31.1-7.12-3.59-8-5 1-1.61 3.61-4.9 7.61-5 4.29-.11 7.11 3.59 8 5-1.03 1.61-3.61 4.9-7.61 5'
}
/>
<path
d={'M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'}
/>
</g>
<defs>
<clipPath id={'eye-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgEyeOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/FunnelOutline1.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgFunnelOutline1 = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#funnel-outline_1_svg__a)'}>
<path
d={
'M13.9 22a1 1 0 0 1-.6-.2l-4-3.05a1 1 0 0 1-.39-.8v-3.27l-4.8-9.22A1 1 0 0 1 5 4h14a1 1 0 0 1 .86.49 1 1 0 0 1 0 1l-5 9.21V21a1 1 0 0 1-.55.9 1 1 0 0 1-.41.1m-3-4.54 2 1.53v-4.55A1 1 0 0 1 13 14l4.3-8H6.64l4.13 8a1 1 0 0 1 .11.46z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'funnel-outline_1_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgFunnelOutline1)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Heart.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgHeart = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#heart_svg__a)'}>
<path
d={
'M12 21a1 1 0 0 1-.71-.29l-7.77-7.78a5.26 5.26 0 0 1 0-7.4 5.24 5.24 0 0 1 7.4 0L12 6.61l1.08-1.08a5.24 5.24 0 0 1 7.4 0 5.26 5.26 0 0 1 0 7.4l-7.77 7.78A1 1 0 0 1 12 21'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'heart_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgHeart)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/HeartOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgHeartOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#heart-outline_svg__a)'}>
<path
d={
'M12 21a1 1 0 0 1-.71-.29l-7.77-7.78a5.26 5.26 0 0 1 0-7.4 5.24 5.24 0 0 1 7.4 0L12 6.61l1.08-1.08a5.24 5.24 0 0 1 7.4 0 5.26 5.26 0 0 1 0 7.4l-7.77 7.78A1 1 0 0 1 12 21M7.22 6a3.2 3.2 0 0 0-2.28.94 3.24 3.24 0 0 0 0 4.57L12 18.58l7.06-7.07a3.24 3.24 0 0 0 0-4.57 3.32 3.32 0 0 0-4.56 0l-1.79 1.8a1 1 0 0 1-1.42 0L9.5 6.94A3.2 3.2 0 0 0 7.22 6'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'heart-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgHeartOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Home.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgHome = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#home_svg__a)'} fill={'currentcolor'}>
<path d={'M14 14h-4v7h4z'} />
<path
d={
'M20.42 10.18 12.71 2.3a1 1 0 0 0-1.42 0l-7.71 7.89A2 2 0 0 0 3 11.62V20a2 2 0 0 0 1.89 2H8v-9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v9h3.11A2 2 0 0 0 21 20v-8.38a2.07 2.07 0 0 0-.58-1.44'
}
/>
</g>
<defs>
<clipPath id={'home_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgHome)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/HomeOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgHomeOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#home-outline_svg__a)'}>
<path
d={
'M20.42 10.18 12.71 2.3a1 1 0 0 0-1.42 0l-7.71 7.89A2 2 0 0 0 3 11.62V20a2 2 0 0 0 1.89 2h14.22A2 2 0 0 0 21 20v-8.38a2.07 2.07 0 0 0-.58-1.44M10 20v-6h4v6zm9 0h-3v-7a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v7H5v-8.42l7-7.15 7 7.19z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'home-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgHomeOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Image.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgImage = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#image_svg__a)'} fill={'currentcolor'}>
<path
d={
'M18 3H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3M6 5h12a1 1 0 0 1 1 1v8.36l-3.2-2.73a2.77 2.77 0 0 0-3.52 0L5 17.7V6a1 1 0 0 1 1-1'
}
/>
<path d={'M8 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'} />
</g>
<defs>
<clipPath id={'image_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgImage)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/ImageOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgImageOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#image-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M18 3H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3M6 5h12a1 1 0 0 1 1 1v8.36l-3.2-2.73a2.77 2.77 0 0 0-3.52 0L5 17.7V6a1 1 0 0 1 1-1m12 14H6.56l7-5.84a.78.78 0 0 1 .93 0L19 17v1a1 1 0 0 1-1 1'
}
/>
<path d={'M8 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'} />
</g>
<defs>
<clipPath id={'image-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgImageOutline)
const Memo = memo(ForwardRef)
export default Memo

40
src/assets/icons/components/Layers.tsx Normal file
View File

@@ -0,0 +1,40 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgLayers = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#layers_svg__a)'} fill={'currentcolor'}>
<path
d={
'm3.24 7.29 8.52 4.63a.51.51 0 0 0 .48 0l8.52-4.63a.44.44 0 0 0-.05-.81L12.19 3a.5.5 0 0 0-.38 0L3.29 6.48a.44.44 0 0 0-.05.81'
}
/>
<path
d={
'm20.71 10.66-1.83-.78-6.64 3.61a.51.51 0 0 1-.48 0L5.12 9.88l-1.83.78a.48.48 0 0 0 0 .85l8.52 4.9a.46.46 0 0 0 .48 0l8.52-4.9a.48.48 0 0 0-.1-.85'
}
/>
<path
d={
'm20.71 15.1-1.56-.68-6.91 3.76a.51.51 0 0 1-.48 0l-6.91-3.76-1.56.68a.49.49 0 0 0 0 .87l8.52 5a.51.51 0 0 0 .48 0l8.52-5a.49.49 0 0 0-.1-.87'
}
/>
</g>
<defs>
<clipPath id={'layers_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgLayers)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/LayersOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgLayersOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#layers-outline_svg__a)'}>
<path
d={
'M21 11.35a1 1 0 0 0-.61-.86l-2.15-.92 2.26-1.3a1 1 0 0 0 .5-.92 1 1 0 0 0-.61-.86l-8-3.41a1 1 0 0 0-.78 0l-8 3.41a1 1 0 0 0-.61.86 1 1 0 0 0 .5.92l2.26 1.3-2.15.92a1 1 0 0 0-.61.86 1 1 0 0 0 .5.92l2.26 1.3-2.15.92a1 1 0 0 0-.61.86 1 1 0 0 0 .5.92l8 4.6a1 1 0 0 0 1 0l8-4.6a1 1 0 0 0 .5-.92 1 1 0 0 0-.61-.86l-2.15-.92 2.26-1.3a1 1 0 0 0 .5-.92m-9-6.26 5.76 2.45L12 10.85 6.24 7.54zm-.5 7.78a1 1 0 0 0 1 0l3.57-2 1.69.72L12 14.85l-5.76-3.31 1.69-.72zm6.26 2.67L12 18.85l-5.76-3.31 1.69-.72 3.57 2.05a1 1 0 0 0 1 0l3.57-2.05z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'layers-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgLayersOutline)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/LogOut.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgLogOut = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#log-out_svg__a)'} fill={'currentcolor'}>
<path
d={
'M7 6a1 1 0 0 0 0-2H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2H6V6zM20.82 11.42l-2.82-4a1 1 0 1 0-1.63 1.16L18.09 11H10a1 1 0 0 0 0 2h8l-1.8 2.4a1 1 0 0 0 1.6 1.2l3-4a1 1 0 0 0 .02-1.18'
}
/>
</g>
<defs>
<clipPath id={'log-out_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgLogOut)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/LogOutOutline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgLogOutOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#log-out-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M7 6a1 1 0 0 0 0-2H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2H6V6zM20.82 11.42l-2.82-4a1 1 0 1 0-1.63 1.16L18.09 11H10a1 1 0 0 0 0 2h8l-1.8 2.4a1 1 0 0 0 1.6 1.2l3-4a1 1 0 0 0 .02-1.18'
}
/>
</g>
<defs>
<clipPath id={'log-out-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgLogOutOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Maximize.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMaximize = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#maximize_svg__a)'}>
<path
d={
'm20.71 19.29-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095M13 12h-1v1a1 1 0 0 1-2 0v-1H9a1 1 0 0 1 0-2h1V9a1 1 0 0 1 2 0v1h1a1 1 0 0 1 0 2'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'maximize_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMaximize)
const Memo = memo(ForwardRef)
export default Memo

33
src/assets/icons/components/MaximizeOutline.tsx Normal file
View File

@@ -0,0 +1,33 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMaximizeOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#maximize-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'm20.71 19.29-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095M5 11a6 6 0 1 1 12 0 6 6 0 0 1-12 0'
}
/>
<path
d={'M13 10h-1V9a1 1 0 0 0-2 0v1H9a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2'}
/>
</g>
<defs>
<clipPath id={'maximize-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMaximizeOutline)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/MenuOutline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMenuOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#menu-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M20.05 11H3.95a.95.95 0 0 0-.95.95v.1c0 .525.425.95.95.95h16.1a.95.95 0 0 0 .95-.95v-.1a.95.95 0 0 0-.95-.95M20.05 16H3.95a.95.95 0 0 0-.95.95v.1c0 .525.425.95.95.95h16.1a.95.95 0 0 0 .95-.95v-.1a.95.95 0 0 0-.95-.95M20.05 6H3.95a.95.95 0 0 0-.95.95v.1c0 .525.425.95.95.95h16.1a.95.95 0 0 0 .95-.95v-.1a.95.95 0 0 0-.95-.95'
}
/>
</g>
<defs>
<clipPath id={'menu-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMenuOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/MessageCircle.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMessageCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#message-circle_svg__a)'}>
<path
d={
'M19.07 4.93a10 10 0 0 0-16.28 11c.096.199.127.422.09.64L2 20.8a1 1 0 0 0 .605 1.13q.19.075.395.07h.2l4.28-.86a1.26 1.26 0 0 1 .64.09 10 10 0 0 0 11-16.28zM8 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2m4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2m4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'message-circle_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMessageCircle)
const Memo = memo(ForwardRef)
export default Memo

35
src/assets/icons/components/MessageCircleOutline.tsx Normal file
View File

@@ -0,0 +1,35 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMessageCircleOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#message-circle-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2'
}
/>
<path
d={
'M19.07 4.93a10 10 0 0 0-16.28 11c.096.199.127.422.09.64L2 20.8a1 1 0 0 0 .605 1.13q.19.075.395.07h.2l4.28-.86a1.26 1.26 0 0 1 .64.09 10 10 0 0 0 11-16.28zm.83 8.36a8 8 0 0 1-11 6.08 3.3 3.3 0 0 0-1.25-.26 3.4 3.4 0 0 0-.56.05l-2.82.57.57-2.82a3.1 3.1 0 0 0-.21-1.81 8 8 0 0 1 9.827-10.72 8 8 0 0 1 5.443 8.91'
}
/>
</g>
<defs>
<clipPath id={'message-circle-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMessageCircleOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Mic.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMic = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#mic_svg__a)'} fill={'currentcolor'}>
<path d={'M12 15a4 4 0 0 0 4-4V6a4 4 0 1 0-8 0v5a4 4 0 0 0 4 4'} />
<path
d={
'M19 11a1 1 0 0 0-2 0 5 5 0 1 1-10 0 1 1 0 1 0-2 0 7 7 0 0 0 6 6.92V20H8.89a.89.89 0 0 0-.89.89v.22a.89.89 0 0 0 .89.89h6.22a.89.89 0 0 0 .89-.89v-.22a.89.89 0 0 0-.89-.89H13v-2.08A7 7 0 0 0 19 11'
}
/>
</g>
<defs>
<clipPath id={'mic_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMic)
const Memo = memo(ForwardRef)
export default Memo

35
src/assets/icons/components/MicOutline.tsx Normal file
View File

@@ -0,0 +1,35 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMicOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#mic-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 15a4 4 0 0 0 4-4V6a4 4 0 1 0-8 0v5a4 4 0 0 0 4 4m-2-9a2 2 0 1 1 4 0v5a2 2 0 0 1-4 0z'
}
/>
<path
d={
'M19 11a1 1 0 0 0-2 0 5 5 0 1 1-10 0 1 1 0 1 0-2 0 7 7 0 0 0 6 6.92V20H8.89a.89.89 0 0 0-.89.89v.22a.89.89 0 0 0 .89.89h6.22a.89.89 0 0 0 .89-.89v-.22a.89.89 0 0 0-.89-.89H13v-2.08A7 7 0 0 0 19 11'
}
/>
</g>
<defs>
<clipPath id={'mic-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMicOutline)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/MoreHorizontal.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMoreHorizontal = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#more-horizontal_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4M19 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4M5 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4'
}
/>
</g>
<defs>
<clipPath id={'more-horizontal_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMoreHorizontal)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/MoreHorizontalOutline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMoreHorizontalOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#more-horizontal-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4M19 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4M5 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4'
}
/>
</g>
<defs>
<clipPath id={'more-horizontal-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMoreHorizontalOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/MoreVerticalOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgMoreVerticalOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<circle cx={12} cy={12} r={8.5} stroke={'currentcolor'} />
<g clipPath={'url(#more-vertical-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M12 9.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2M12 16.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2'
}
/>
</g>
<defs>
<clipPath id={'more-vertical-outline_svg__a'}>
<path d={'M6 6h12v12H6z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgMoreVerticalOutline)
const Memo = memo(ForwardRef)
export default Memo

37
src/assets/icons/components/Paid.tsx Normal file
View File

@@ -0,0 +1,37 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPaid = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<path
d={
'M11.365.521a1 1 0 0 1 1.27 0l2.14 1.758a1 1 0 0 0 .694.225l2.765-.164a1 1 0 0 1 1.026.746l.699 2.68a1 1 0 0 0 .429.59L22.72 7.85a1 1 0 0 1 .392 1.207l-1.01 2.58a1 1 0 0 0 0 .729l1.01 2.579a1 1 0 0 1-.392 1.207l-2.333 1.492a1 1 0 0 0-.429.59l-.698 2.68a1 1 0 0 1-1.027.747l-2.765-.164a1 1 0 0 0-.694.225l-2.14 1.758a1 1 0 0 1-1.27 0l-2.14-1.758a1 1 0 0 0-.694-.225l-2.765.164a1 1 0 0 1-1.027-.746l-.698-2.68a1 1 0 0 0-.429-.59L1.28 16.15a1 1 0 0 1-.392-1.207l1.01-2.58a1 1 0 0 0 0-.729L.887 9.056a1 1 0 0 1 .392-1.207l2.333-1.492a1 1 0 0 0 .429-.59l.698-2.68a1 1 0 0 1 1.027-.747l2.765.164a1 1 0 0 0 .694-.225z'
}
fill={'#397DF6'}
/>
<g clipPath={'url(#Paid_svg__a)'} fill={'#fff'}>
<path
d={
'M15.08 8.14a.667.667 0 0 0-.94.113l-4.667 6-2.286-2.786a.668.668 0 1 0-1.04.833l2.78 3.453a.67.67 0 0 0 .52.247.67.67 0 0 0 .553-.253l5.22-6.667a.667.667 0 0 0-.14-.94M18.413 8.14a.666.666 0 0 0-.94.113l-4.666 6-.407-.5-.84 1.08.733.914a.67.67 0 0 0 1.04-.007l5.22-6.667a.666.666 0 0 0-.14-.933'
}
/>
<path d={'m9.807 12.707.86-1.08-.134-.16a.664.664 0 1 0-1.053.806z'} />
</g>
<defs>
<clipPath id={'Paid_svg__a'}>
<path d={'M4 4h16v16H4z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPaid)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PaperPlane.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPaperPlane = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#paper-plane_svg__a)'}>
<path
d={
'M21 4a1.3 1.3 0 0 0-.06-.27v-.09a1 1 0 0 0-.2-.3 1 1 0 0 0-.29-.19h-.09a.9.9 0 0 0-.31-.15H20a1 1 0 0 0-.3 0l-18 6a1 1 0 0 0 0 1.9l8.53 2.84 2.84 8.53a1 1 0 0 0 1.9 0l6-18q.033-.133.03-.27m-4.7 2.29-5.57 5.57L5.16 10zM14 18.84l-1.86-5.57 5.57-5.57z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'paper-plane_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPaperPlane)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PaperPlaneOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPaperPlaneOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#paper-plane-outline_svg__a)'}>
<path
d={
'M21 4a1.3 1.3 0 0 0-.06-.27v-.09a1 1 0 0 0-.2-.3 1 1 0 0 0-.29-.19h-.09a.9.9 0 0 0-.31-.15H20a1 1 0 0 0-.3 0l-18 6a1 1 0 0 0 0 1.9l8.53 2.84 2.84 8.53a1 1 0 0 0 1.9 0l6-18q.033-.133.03-.27m-4.7 2.29-5.57 5.57L5.16 10zM14 18.84l-1.86-5.57 5.57-5.57z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'paper-plane-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPaperPlaneOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PauseCircle.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPauseCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#pause-circle_svg__a)'}>
<path
d={
'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m-2 13a1 1 0 1 1-2 0V9a1 1 0 0 1 2 0zm6 0a1 1 0 0 1-2 0V9a1 1 0 0 1 2 0z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'pause-circle_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPauseCircle)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PauseCircleOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPauseCircleOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#pause-circle-outline_svg__a)'} fill={'currentcolor'}>
<path d={'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16.001A8 8 0 0 1 12 20'} />
<path
d={
'M15 8a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1M9 8a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1'
}
/>
</g>
<defs>
<clipPath id={'pause-circle-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPauseCircleOutline)
const Memo = memo(ForwardRef)
export default Memo

28
src/assets/icons/components/Person.tsx Normal file
View File

@@ -0,0 +1,28 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPerson = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#person_svg__a)'} fill={'currentcolor'}>
<path
d={'M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M18 21a1 1 0 0 0 1-1 7 7 0 1 0-14 0 1 1 0 0 0 1 1z'}
/>
</g>
<defs>
<clipPath id={'person_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPerson)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/PersonAdd.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPersonAdd = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#person-add_svg__a)'} fill={'currentcolor'}>
<path
d={
'M21 6h-1V5a1 1 0 0 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 2 0V8h1a1 1 0 1 0 0-2M10 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M16 21a1 1 0 0 0 1-1 7 7 0 1 0-14 0 1 1 0 0 0 1 1'
}
/>
</g>
<defs>
<clipPath id={'person-add_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPersonAdd)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/PersonAddOutline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPersonAddOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#person-add-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M21 6h-1V5a1 1 0 0 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 2 0V8h1a1 1 0 1 0 0-2M10 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4M10 13a7 7 0 0 0-7 7 1 1 0 1 0 2 0 5 5 0 1 1 10 0 1 1 0 0 0 2 0 7 7 0 0 0-7-7'
}
/>
</g>
<defs>
<clipPath id={'person-add-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPersonAddOutline)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/PersonOutline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPersonOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#person-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4M12 13a7 7 0 0 0-7 7 1 1 0 1 0 2 0 5 5 0 1 1 10 0 1 1 0 0 0 2 0 7 7 0 0 0-7-7'
}
/>
</g>
<defs>
<clipPath id={'person-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPersonOutline)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/PersonRemove.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPersonRemove = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#person-remove_svg__a)'} fill={'currentcolor'}>
<path
d={
'M21 6h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M10 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M16 21a1 1 0 0 0 1-1 7 7 0 1 0-14 0 1 1 0 0 0 1 1'
}
/>
</g>
<defs>
<clipPath id={'person-remove_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPersonRemove)
const Memo = memo(ForwardRef)
export default Memo

30
src/assets/icons/components/PersonRemoveOutline.tsx Normal file
View File

@@ -0,0 +1,30 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPersonRemoveOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#person-remove-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M21 6h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M10 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4M10 13a7 7 0 0 0-7 7 1 1 0 1 0 2 0 5 5 0 1 1 10 0 1 1 0 0 0 2 0 7 7 0 0 0-7-7'
}
/>
</g>
<defs>
<clipPath id={'person-remove-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPersonRemoveOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Pin.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPin = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#pin_svg__a)'} fill={'currentcolor'}>
<path d={'M12 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'} />
<path
d={
'M12 2a8 8 0 0 0-8 7.92c0 5.48 7.05 11.58 7.35 11.84a1 1 0 0 0 1.3 0C13 21.5 20 15.4 20 9.92A8 8 0 0 0 12 2m0 11a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7'
}
/>
</g>
<defs>
<clipPath id={'pin_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPin)
const Memo = memo(ForwardRef)
export default Memo

33
src/assets/icons/components/PinOutline.tsx Normal file
View File

@@ -0,0 +1,33 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPinOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#pin-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M12 2a8 8 0 0 0-8 7.92c0 5.48 7.05 11.58 7.35 11.84a1 1 0 0 0 1.3 0C13 21.5 20 15.4 20 9.92A8 8 0 0 0 12 2m0 17.65c-1.67-1.59-6-6-6-9.73a6 6 0 1 1 12 0c0 3.7-4.33 8.14-6 9.73'
}
/>
<path
d={'M12 6a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'}
/>
</g>
<defs>
<clipPath id={'pin-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPinOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PlayCircle.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPlayCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#play-circle_svg__a)'} fill={'currentcolor'}>
<path d={'m11.5 14.6 2.81-2.6-2.81-2.6z'} />
<path
d={
'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m4 11.18-3.64 3.37a1.74 1.74 0 0 1-1.16.45c-.238 0-.473-.052-.69-.15a1.6 1.6 0 0 1-1-1.48V8.63a1.6 1.6 0 0 1 1-1.48 1.7 1.7 0 0 1 1.85.3L16 10.82a1.6 1.6 0 0 1 0 2.36'
}
/>
</g>
<defs>
<clipPath id={'play-circle_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPlayCircle)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PlayCircleOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPlayCircleOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#play-circle-outline_svg__a)'} fill={'currentcolor'}>
<path d={'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16.001A8 8 0 0 1 12 20'} />
<path
d={
'M12.34 7.45a1.7 1.7 0 0 0-1.85-.3 1.6 1.6 0 0 0-1 1.48v6.74a1.6 1.6 0 0 0 1 1.48c.217.098.452.15.69.15a1.74 1.74 0 0 0 1.16-.45L16 13.18a1.6 1.6 0 0 0 0-2.36zm-.84 7.15V9.4l2.81 2.6z'
}
/>
</g>
<defs>
<clipPath id={'play-circle-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPlayCircleOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PlusCircle.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPlusCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#plus-circle_svg__a)'}>
<path
d={
'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m3 11h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 0 1 0-2h2V9a1 1 0 0 1 2 0v2h2a1 1 0 0 1 0 2'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'plus-circle_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPlusCircle)
const Memo = memo(ForwardRef)
export default Memo

29
src/assets/icons/components/PlusCircleOutline.tsx Normal file
View File

@@ -0,0 +1,29 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPlusCircleOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#plus-circle-outline_svg__a)'} fill={'currentcolor'}>
<path d={'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16'} />
<path
d={'M15 11h-2V9a1 1 0 0 0-2 0v2H9a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2'}
/>
</g>
<defs>
<clipPath id={'plus-circle-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPlusCircleOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/PlusSquare.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPlusSquare = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#plus-square_svg__a)'}>
<path
d={
'M18 3H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3m-3 10h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 0 1 0-2h2V9a1 1 0 0 1 2 0v2h2a1 1 0 0 1 0 2'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'plus-square_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPlusSquare)
const Memo = memo(ForwardRef)
export default Memo

33
src/assets/icons/components/PlusSquareOutline.tsx Normal file
View File

@@ -0,0 +1,33 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgPlusSquareOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#plus-square-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M18 3H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3m1 15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z'
}
/>
<path
d={'M15 11h-2V9a1 1 0 0 0-2 0v2H9a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2'}
/>
</g>
<defs>
<clipPath id={'plus-square-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgPlusSquareOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/RadioButtonChecked.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgRadioButtonChecked = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#radio_button_checked_svg__a)'}>
<path
d={
'M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'radio_button_checked_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgRadioButtonChecked)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/RadioButtonUnchecked.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgRadioButtonUnchecked = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#radio_button_unchecked_svg__a)'}>
<path
d={
'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'radio_button_unchecked_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgRadioButtonUnchecked)
const Memo = memo(ForwardRef)
export default Memo

42
src/assets/icons/components/RecaptchaLogo1.tsx Normal file
View File

@@ -0,0 +1,42 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgRecaptchaLogo1 = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<path
d={
'M18.72 9.93a7 7 0 0 0-.007-.288V4.204L17.21 5.707a6.7 6.7 0 0 0-5.2-2.468 6.7 6.7 0 0 0-5.346 2.655l2.465 2.49c.241-.447.584-.83.998-1.12.43-.336 1.04-.61 1.883-.61q.152 0 .238.034a3.25 3.25 0 0 1 2.484 1.496L12.988 9.93c2.21-.01 4.706-.014 5.732 0'
}
fill={'#1C3AA9'}
/>
<path
d={
'M11.971 3.24q-.144 0-.288.006H6.245L7.748 4.75a6.7 6.7 0 0 0-2.468 5.2 6.7 6.7 0 0 0 2.655 5.345l2.49-2.464a3.3 3.3 0 0 1-1.12-.999c-.336-.43-.61-1.04-.61-1.883q0-.152.034-.238a3.25 3.25 0 0 1 1.496-2.484l1.745 1.745c-.01-2.21-.014-4.706 0-5.732'
}
fill={'#4285F4'}
/>
<path
d={
'M5.28 9.949q0 .144.007.288v5.438l1.504-1.503a6.7 6.7 0 0 0 5.2 2.468 6.7 6.7 0 0 0 5.345-2.655l-2.464-2.49c-.242.447-.585.83-.999 1.12-.43.336-1.04.61-1.883.61a.7.7 0 0 1-.238-.034 3.25 3.25 0 0 1-2.484-1.496l1.744-1.745c-2.21.01-4.705.014-5.731 0'
}
fill={'#ABABAB'}
/>
<path
d={
'M6.412 19.238q-.245 0-.44.093a.9.9 0 0 0-.329.26q-.133.17-.205.41-.07.24-.07.535v.569q0 .297.07.536.072.24.203.408a.9.9 0 0 0 .736.351q.238 0 .418-.07a.8.8 0 0 0 .492-.522q.069-.187.08-.427h-.39q-.015.185-.051.315a.6.6 0 0 1-.106.214.4.4 0 0 1-.177.122.8.8 0 0 1-.266.038.53.53 0 0 1-.288-.074.6.6 0 0 1-.192-.207 1 1 0 0 1-.106-.306 2 2 0 0 1-.032-.378v-.573q0-.218.038-.395a1 1 0 0 1 .12-.303.56.56 0 0 1 .495-.262.6.6 0 0 1 .244.043.4.4 0 0 1 .169.126.6.6 0 0 1 .103.216q.036.13.049.313h.39a1.5 1.5 0 0 0-.077-.442.9.9 0 0 0-.189-.323.8.8 0 0 0-.293-.199 1.1 1.1 0 0 0-.396-.068m9.545 0q-.246 0-.44.093a.9.9 0 0 0-.33.26q-.133.17-.204.41t-.07.535v.569q0 .297.07.536t.202.408a.9.9 0 0 0 .736.351q.24 0 .418-.07a.8.8 0 0 0 .493-.522q.068-.187.08-.427h-.39a2 2 0 0 1-.052.315.6.6 0 0 1-.105.214.4.4 0 0 1-.178.122.8.8 0 0 1-.266.038.53.53 0 0 1-.288-.074.6.6 0 0 1-.192-.207 1 1 0 0 1-.106-.306 2 2 0 0 1-.031-.378v-.573q0-.218.038-.395a1 1 0 0 1 .12-.303.56.56 0 0 1 .495-.262.6.6 0 0 1 .243.043.4.4 0 0 1 .169.126q.068.085.104.216.035.13.048.313h.391a1.5 1.5 0 0 0-.078-.442.9.9 0 0 0-.188-.323.8.8 0 0 0-.294-.199 1.1 1.1 0 0 0-.395-.068m-7.317.043-.991 3.077h.397l.24-.803h1.039l.243.803h.397l-.993-3.077zm1.744 0v3.077h.386v-1.205h.594q.223 0 .393-.061a.745.745 0 0 0 .465-.473q.062-.176.062-.398 0-.205-.062-.376a.783.783 0 0 0-.465-.494 1 1 0 0 0-.393-.07zm2.195 0v.334h.808v2.743h.387v-2.743h.809v-.334zm4.855 0v3.077h.387v-1.423h1.238v1.423h.39V19.28h-.39v1.323h-1.238V19.28zm3.48 0-.99 3.077h.397l.239-.803h1.04l.243.803h.397l-.993-3.077zm-10.144.334h.594q.142 0 .241.05a.46.46 0 0 1 .165.136.5.5 0 0 1 .095.196q.032.11.032.228 0 .132-.032.241a.5.5 0 0 1-.095.188.4.4 0 0 1-.165.123.6.6 0 0 1-.24.044h-.595zm-1.965.207.42 1.399h-.838zm12.275 0 .42 1.399h-.839zm-18.205.207a.43.43 0 0 0-.252.074.6.6 0 0 0-.173.2l-.006-.232H2.08v2.287h.374v-1.636a.54.54 0 0 1 .15-.23.37.37 0 0 1 .252-.085 1 1 0 0 1 .169.015l-.002-.364-.028-.008-.038-.01-.044-.007zm1.257 0a.9.9 0 0 0-.315.057.7.7 0 0 0-.27.188 1 1 0 0 0-.188.338 1.6 1.6 0 0 0-.072.51v.257q0 .262.061.455.062.192.176.319a.7.7 0 0 0 .28.186q.166.06.37.061a1.1 1.1 0 0 0 .474-.106.73.73 0 0 0 .268-.236l-.194-.237a.687.687 0 0 1-.216.188.6.6 0 0 1-.31.072.49.49 0 0 1-.4-.167q-.137-.167-.137-.535v-.053h1.276v-.217a2.2 2.2 0 0 0-.044-.463.9.9 0 0 0-.141-.338.6.6 0 0 0-.25-.207.86.86 0 0 0-.368-.072m0 .321q.123 0 .203.044.08.045.127.125a.6.6 0 0 1 .07.193q.022.11.03.242v.051h-.9q.007-.192.046-.319a.6.6 0 0 1 .099-.2.34.34 0 0 1 .146-.106.5.5 0 0 1 .18-.03'
}
fill={'#A6A6A6'}
/>
</svg>
)
const ForwardRef = forwardRef(SvgRecaptchaLogo1)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Search.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgSearch = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#search_svg__a)'}>
<path
d={
'm20.71 19.29-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095M5 11a6 6 0 1 1 12 0 6 6 0 0 1-12 0'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'search_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgSearch)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/SearchOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgSearchOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#search-outline_svg__a)'}>
<path
d={
'm20.71 19.29-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095M5 11a6 6 0 1 1 12 0 6 6 0 0 1-12 0'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'search-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgSearchOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Settings.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgSettings = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#settings_svg__a)'} fill={'currentcolor'}>
<path d={'M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'} />
<path
d={
'M21.89 10.32 21.1 7.8a2.26 2.26 0 0 0-2.88-1.51l-.34.11a1.74 1.74 0 0 1-1.59-.26l-.11-.08a1.76 1.76 0 0 1-.69-1.43v-.28a2.37 2.37 0 0 0-.68-1.68 2.26 2.26 0 0 0-1.6-.67h-2.55a2.32 2.32 0 0 0-2.29 2.33v.24a1.94 1.94 0 0 1-.73 1.51l-.13.1a1.93 1.93 0 0 1-1.78.29 2.14 2.14 0 0 0-1.68.12 2.18 2.18 0 0 0-1.12 1.33l-.82 2.6a2.34 2.34 0 0 0 1.48 2.94h.16a1.83 1.83 0 0 1 1.12 1.22l.06.16a2.06 2.06 0 0 1-.23 1.86 2.37 2.37 0 0 0 .49 3.3l2.07 1.57a2.25 2.25 0 0 0 1.35.43A2 2 0 0 0 9 22a2.25 2.25 0 0 0 1.47-1l.23-.33a1.8 1.8 0 0 1 1.43-.77 1.75 1.75 0 0 1 1.5.78l.12.17a2.24 2.24 0 0 0 3.22.53L19 19.86a2.38 2.38 0 0 0 .5-3.23l-.26-.38A2 2 0 0 1 19 14.6a1.89 1.89 0 0 1 1.21-1.28l.2-.07a2.36 2.36 0 0 0 1.48-2.93M12 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7'
}
/>
</g>
<defs>
<clipPath id={'settings_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgSettings)
const Memo = memo(ForwardRef)
export default Memo

33
src/assets/icons/components/SettingsOutline.tsx Normal file
View File

@@ -0,0 +1,33 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgSettingsOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#settings-outline_svg__a)'} fill={'currentcolor'}>
<path
d={
'M8.61 22a2.25 2.25 0 0 1-1.35-.46L5.19 20a2.37 2.37 0 0 1-.49-3.22 2.06 2.06 0 0 0 .23-1.86l-.06-.16a1.83 1.83 0 0 0-1.12-1.22h-.16a2.34 2.34 0 0 1-1.48-2.94L2.93 8a2.18 2.18 0 0 1 1.948-1.642c.288-.02.578.017.852.112a1.93 1.93 0 0 0 1.78-.29l.13-.1a1.94 1.94 0 0 0 .73-1.51v-.24A2.32 2.32 0 0 1 10.66 2h2.55a2.26 2.26 0 0 1 1.6.67 2.37 2.37 0 0 1 .68 1.68v.28a1.76 1.76 0 0 0 .69 1.43l.11.08a1.74 1.74 0 0 0 1.59.26l.34-.11A2.26 2.26 0 0 1 21.1 7.8l.79 2.52a2.36 2.36 0 0 1-1.46 2.93l-.2.07A1.89 1.89 0 0 0 19 14.6a2 2 0 0 0 .25 1.65l.26.38a2.38 2.38 0 0 1-.5 3.23L17 21.41a2.24 2.24 0 0 1-3.22-.53l-.12-.17a1.75 1.75 0 0 0-1.5-.78 1.8 1.8 0 0 0-1.43.77l-.23.33A2.25 2.25 0 0 1 9 22a2 2 0 0 1-.39 0M4.4 11.62a3.83 3.83 0 0 1 2.38 2.5v.12a4 4 0 0 1-.46 3.62.38.38 0 0 0 0 .51L8.47 20a.25.25 0 0 0 .37-.07l.23-.33a3.77 3.77 0 0 1 6.2 0l.12.18a.3.3 0 0 0 .18.12.25.25 0 0 0 .19-.05l2.06-1.56a.36.36 0 0 0 .07-.49l-.26-.38A4 4 0 0 1 17.1 14a3.92 3.92 0 0 1 2.49-2.61l.2-.07a.34.34 0 0 0 .19-.44l-.78-2.49a.35.35 0 0 0-.2-.19.21.21 0 0 0-.19 0l-.34.11a3.74 3.74 0 0 1-3.43-.57L15 7.65a3.76 3.76 0 0 1-1.49-3v-.31a.37.37 0 0 0-.1-.26.3.3 0 0 0-.21-.08h-2.54a.31.31 0 0 0-.29.33v.25a3.9 3.9 0 0 1-1.52 3.09l-.13.1a3.91 3.91 0 0 1-3.63.59.22.22 0 0 0-.14 0 .28.28 0 0 0-.12.15L4 11.12a.36.36 0 0 0 .22.45z'
}
/>
<path
d={'M12 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7m0-5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3'}
/>
</g>
<defs>
<clipPath id={'settings-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgSettingsOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Star.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgStar = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#star_svg__a)'}>
<path
d={
'M17.56 21a1 1 0 0 1-.46-.11L12 18.22l-5.1 2.67a1 1 0 0 1-1.45-1.06l1-5.63-4.12-4a1 1 0 0 1-.25-1 1 1 0 0 1 .81-.68l5.7-.83 2.51-5.13a1 1 0 0 1 1.8 0l2.54 5.12 5.7.83a1 1 0 0 1 .81.68 1 1 0 0 1-.25 1l-4.12 4 1 5.63a1 1 0 0 1-.4 1 1 1 0 0 1-.62.18'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'star_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgStar)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/StarOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgStarOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#star-outline_svg__a)'}>
<path
d={
'M17.56 21a1 1 0 0 1-.46-.11L12 18.22l-5.1 2.67a1 1 0 0 1-1.45-1.06l1-5.63-4.12-4a1 1 0 0 1-.25-1 1 1 0 0 1 .81-.68l5.7-.83 2.51-5.13a1 1 0 0 1 1.8 0l2.54 5.12 5.7.83a1 1 0 0 1 .81.68 1 1 0 0 1-.25 1l-4.12 4 1 5.63a1 1 0 0 1-.4 1 1 1 0 0 1-.62.18M12 16.1a.9.9 0 0 1 .46.11l3.77 2-.72-4.21a1 1 0 0 1 .29-.89l3-2.93-4.2-.62a1 1 0 0 1-.71-.56L12 5.25 10.11 9a1 1 0 0 1-.75.54l-4.2.62 3 2.93a1 1 0 0 1 .29.89l-.72 4.16 3.77-2a.9.9 0 0 1 .5-.04'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'star-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgStarOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/Trash.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgTrash = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#trash_svg__a)'}>
<path
d={
'M21 6h-5V4.33A2.42 2.42 0 0 0 13.5 2h-3A2.42 2.42 0 0 0 8 4.33V6H3a1 1 0 0 0 0 2h1v11a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8h1a1 1 0 1 0 0-2M10 4.33c0-.16.21-.33.5-.33h3c.29 0 .5.17.5.33V6h-4z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'trash_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgTrash)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/TrashOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgTrashOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#trash-outline_svg__a)'}>
<path
d={
'M21 6h-5V4.33A2.42 2.42 0 0 0 13.5 2h-3A2.42 2.42 0 0 0 8 4.33V6H3a1 1 0 0 0 0 2h1v11a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8h1a1 1 0 1 0 0-2M10 4.33c0-.16.21-.33.5-.33h3c.29 0 .5.17.5.33V6h-4zM18 19a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8h12z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'trash-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgTrashOutline)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/TrendingUp.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgTrendingUp = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#trending-up_svg__a)'}>
<path
d={
'M21 7q.015-.105 0-.21a.6.6 0 0 0-.05-.17 1 1 0 0 0-.09-.14.8.8 0 0 0-.14-.17l-.12-.07a.7.7 0 0 0-.19-.1h-.2A.7.7 0 0 0 20 6h-5a1 1 0 1 0 0 2h2.83l-4 4.71-4.32-2.57a1 1 0 0 0-1.28.22l-5 6A1 1 0 0 0 4 18a1 1 0 0 0 .77-.36l4.45-5.34 4.27 2.56a1 1 0 0 0 1.27-.21L19 9.7V12a1 1 0 0 0 2 0z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'trending-up_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgTrendingUp)
const Memo = memo(ForwardRef)
export default Memo

31
src/assets/icons/components/TrendingUpOutline.tsx Normal file
View File

@@ -0,0 +1,31 @@
import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgTrendingUpOutline = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'1em'}
ref={ref}
viewBox={'0 0 24 24'}
width={'1em'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#trending-up-outline_svg__a)'}>
<path
d={
'M21 7q.015-.105 0-.21a.6.6 0 0 0-.05-.17 1 1 0 0 0-.09-.14.8.8 0 0 0-.14-.17l-.12-.07a.7.7 0 0 0-.19-.1h-.2A.7.7 0 0 0 20 6h-5a1 1 0 1 0 0 2h2.83l-4 4.71-4.32-2.57a1 1 0 0 0-1.28.22l-5 6A1 1 0 0 0 4 18a1 1 0 0 0 .77-.36l4.45-5.34 4.27 2.56a1 1 0 0 0 1.27-.21L19 9.7V12a1 1 0 0 0 2 0z'
}
fill={'currentcolor'}
/>
</g>
<defs>
<clipPath id={'trending-up-outline_svg__a'}>
<path d={'M0 0h24v24H0z'} fill={'#fff'} />
</clipPath>
</defs>
</svg>
)
const ForwardRef = forwardRef(SvgTrendingUpOutline)
const Memo = memo(ForwardRef)
export default Memo

82
src/assets/icons/components/index.ts Normal file
View File

@@ -0,0 +1,82 @@
export { default as ArrowBackOutline } from './ArrowBackOutline'
export { default as ArrowForwardOutline } from './ArrowForwardOutline'
export { default as ArrowIosBack } from './ArrowIosBack'
export { default as ArrowIosBackOutline } from './ArrowIosBackOutline'
export { default as ArrowIosDownOutline } from './ArrowIosDownOutline'
export { default as ArrowIosForward } from './ArrowIosForward'
export { default as ArrowIosForwardOutline } from './ArrowIosForwardOutline'
export { default as ArrowIosUp } from './ArrowIosUp'
export { default as Block } from './Block'
export { default as Bookmark } from './Bookmark'
export { default as BookmarkOutline } from './BookmarkOutline'
export { default as Calendar } from './Calendar'
export { default as CalendarOutline } from './CalendarOutline'
export { default as Close } from './Close'
export { default as CloseOutline } from './CloseOutline'
export { default as ColorPaletteOutline } from './ColorPaletteOutline'
export { default as Copy } from './Copy'
export { default as CopyOutline } from './CopyOutline'
export { default as CreditCard } from './CreditCard'
export { default as CreditCardOutline } from './CreditCardOutline'
export { default as Edit2 } from './Edit2'
export { default as Edit2Outline } from './Edit2Outline'
export { default as Email } from './Email'
export { default as EmailOutline } from './EmailOutline'
export { default as Expand } from './Expand'
export { default as ExpandOutline } from './ExpandOutline'
export { default as Eye } from './Eye'
export { default as EyeOff } from './EyeOff'
export { default as EyeOffOutline } from './EyeOffOutline'
export { default as EyeOutline } from './EyeOutline'
export { default as FunnelOutline1 } from './FunnelOutline1'
export { default as Heart } from './Heart'
export { default as HeartOutline } from './HeartOutline'
export { default as Home } from './Home'
export { default as HomeOutline } from './HomeOutline'
export { default as Image } from './Image'
export { default as ImageOutline } from './ImageOutline'
export { default as Layers } from './Layers'
export { default as LayersOutline } from './LayersOutline'
export { default as LogOut } from './LogOut'
export { default as LogOutOutline } from './LogOutOutline'
export { default as Maximize } from './Maximize'
export { default as MaximizeOutline } from './MaximizeOutline'
export { default as MenuOutline } from './MenuOutline'
export { default as MessageCircle } from './MessageCircle'
export { default as MessageCircleOutline } from './MessageCircleOutline'
export { default as Mic } from './Mic'
export { default as MicOutline } from './MicOutline'
export { default as MoreHorizontal } from './MoreHorizontal'
export { default as MoreHorizontalOutline } from './MoreHorizontalOutline'
export { default as MoreVerticalOutline } from './MoreVerticalOutline'
export { default as Paid } from './Paid'
export { default as PaperPlane } from './PaperPlane'
export { default as PaperPlaneOutline } from './PaperPlaneOutline'
export { default as PauseCircle } from './PauseCircle'
export { default as PauseCircleOutline } from './PauseCircleOutline'
export { default as Person } from './Person'
export { default as PersonAdd } from './PersonAdd'
export { default as PersonAddOutline } from './PersonAddOutline'
export { default as PersonOutline } from './PersonOutline'
export { default as PersonRemove } from './PersonRemove'
export { default as PersonRemoveOutline } from './PersonRemoveOutline'
export { default as Pin } from './Pin'
export { default as PinOutline } from './PinOutline'
export { default as PlayCircle } from './PlayCircle'
export { default as PlayCircleOutline } from './PlayCircleOutline'
export { default as PlusCircle } from './PlusCircle'
export { default as PlusCircleOutline } from './PlusCircleOutline'
export { default as PlusSquare } from './PlusSquare'
export { default as PlusSquareOutline } from './PlusSquareOutline'
export { default as RadioButtonChecked } from './RadioButtonChecked'
export { default as RadioButtonUnchecked } from './RadioButtonUnchecked'
export { default as Search } from './Search'
export { default as SearchOutline } from './SearchOutline'
export { default as Settings } from './Settings'
export { default as SettingsOutline } from './SettingsOutline'
export { default as Star } from './Star'
export { default as StarOutline } from './StarOutline'
export { default as Trash } from './Trash'
export { default as TrashOutline } from './TrashOutline'
export { default as TrendingUp } from './TrendingUp'
export { default as TrendingUpOutline } from './TrendingUpOutline'

33
src/assets/icons/edit-2-outline.tsx
View File

@@ -1,33 +0,0 @@
import { SVGProps } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>) => (
<svg
fill={'none'}
height={'16'}
viewBox={'0 0 16 16'}
width={'16'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<g clipPath={'url(#clip0_28366_3239)'}>
<path
d={
'M12.6666 13.3334H3.33329C3.15648 13.3334 2.98691 13.4036 2.86189 13.5286C2.73686 13.6537 2.66663 13.8232 2.66663 14C2.66663 14.1769 2.73686 14.3464 2.86189 14.4714C2.98691 14.5965 3.15648 14.6667 3.33329 14.6667H12.6666C12.8434 14.6667 13.013 14.5965 13.138 14.4714C13.2631 14.3464 13.3333 14.1769 13.3333 14C13.3333 13.8232 13.2631 13.6537 13.138 13.5286C13.013 13.4036 12.8434 13.3334 12.6666 13.3334Z'
}
fill={'white'}
/>
<path
d={
'M3.33329 12H3.39329L6.17329 11.7467C6.47782 11.7163 6.76264 11.5821 6.97995 11.3667L12.98 5.36665C13.2128 5.12063 13.3387 4.79233 13.3299 4.45368C13.3212 4.11503 13.1786 3.79366 12.9333 3.55999L11.1066 1.73332C10.8682 1.50938 10.5558 1.38089 10.2288 1.37229C9.90187 1.36368 9.58314 1.47557 9.33329 1.68665L3.33329 7.68665C3.1178 7.90396 2.98362 8.18879 2.95329 8.49332L2.66662 11.2733C2.65764 11.371 2.67031 11.4694 2.70373 11.5616C2.73715 11.6538 2.79049 11.7374 2.85995 11.8067C2.92225 11.8684 2.99612 11.9173 3.07735 11.9505C3.15857 11.9837 3.24555 12.0005 3.33329 12ZM10.18 2.66665L12 4.48665L10.6666 5.78665L8.87995 3.99999L10.18 2.66665ZM4.24662 8.60665L7.99995 4.87999L9.79995 6.67999L6.06662 10.4133L4.06662 10.6L4.24662 8.60665Z'
}
fill={'white'}
/>
</g>
<defs>
<clipPath id={'clip0_28366_3239'}>
<rect fill={'white'} height={'16'} width={'16'} />
</clipPath>
</defs>
</svg>
)
export default SvgComponent

101
src/assets/icons/email.tsx
View File

@@ -1,101 +0,0 @@
import { Ref, SVGProps, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={96}
ref={ref}
viewBox={'0 0 96 96'}
width={96}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<path
d={
'M95.5 48c0 26.234-21.266 47.5-47.5 47.5C21.767 95.5.5 74.234.5 48 .5 21.767 21.767.5 48 .5 74.234.5 95.5 21.767 95.5 48z'
}
fill={'#8C61FF'}
fillOpacity={0.05}
stroke={'#BEA6FF'}
/>
<path
d={
'M77.889 54.454a.651.651 0 0 1-.643-.643v-9.24a.643.643 0 0 1 1.285 0v9.25a.643.643 0 0 1-.641.633zM77.889 41.777a.643.643 0 0 1-.643-.643V39.24a.643.643 0 0 1 1.285 0v1.903a.634.634 0 0 1-.641.634zM25.786 32.503h-3.559a.668.668 0 0 1 0-1.335h3.56a.667.667 0 0 1 0 1.335z'
}
fill={'#BEA6FF'}
/>
<path
d={
'M24.007 34.282a.668.668 0 0 1-.667-.667v-3.559a.668.668 0 0 1 1.335 0v3.56c0 .367-.3.666-.668.666zM36.857 73.714a.857.857 0 1 1 0 1.715.857.857 0 0 1 0-1.715zM31.714 73.714a.857.857 0 1 1 0 1.715.857.857 0 0 1 0-1.715zM26.571 73.714a.857.857 0 1 1 0 1.715.857.857 0 0 1 0-1.715z'
}
fill={'#BEA6FF'}
/>
<path d={'M47.864 23.242l-24.1 19.799 24.1 19.808 24.1-19.808-24.1-19.8z'} fill={'#333'} />
<path
d={
'M47.865 63.544a.667.667 0 0 1-.417-.195l-24.1-19.808a.698.698 0 0 1-.183-.833.725.725 0 0 1 .183-.242l24.1-19.799a.695.695 0 0 1 .926 0l24.1 19.799a.725.725 0 0 1 .25.537.695.695 0 0 1-.25.538l-24.1 19.808a.668.668 0 0 1-.51.195zM24.859 43.04l23.006 18.91L70.87 43.04l-23.006-18.9-23.006 18.9z'
}
fill={'#BEA6FF'}
/>
<path d={'M65.013 28.803H30.717v40.784h34.296V28.803z'} fill={'#333'} />
<path d={'M55.41 40.853l-11.716 9.63v19.104h21.319V40.853H55.41z'} fill={'#333'} />
<path
d={
'M65.059 70.282H30.763a.704.704 0 0 1-.695-.695V28.803a.695.695 0 0 1 .695-.677H65.06a.695.695 0 0 1 .695.696v40.784a.705.705 0 0 1-.695.676zM31.412 68.91h32.905V29.517H31.412V68.91z'
}
fill={'#BEA6FF'}
/>
<path
d={
'M58.987 35.06H48.17a.695.695 0 0 1 0-1.39h10.817a.696.696 0 0 1 0 1.39zM44.463 35.06h-7.721a.696.696 0 0 1 0-1.39h7.72a.696.696 0 0 1 0 1.39zM58.987 39.694h-7.11a.695.695 0 0 1 0-1.39h7.11a.695.695 0 1 1 0 1.39zM48.17 39.694H36.742a.695.695 0 0 1 0-1.39H48.17a.695.695 0 1 1 0 1.39zM58.988 44.329H46.317a.696.696 0 0 1 0-1.39h12.67a.696.696 0 0 1 0 1.39zM42.609 44.329h-5.867a.696.696 0 0 1 0-1.39h5.867a.696.696 0 0 1 0 1.39zM58.987 48.964h-6.182a.695.695 0 0 1 0-1.39h6.182a.695.695 0 1 1 0 1.39zM49.097 48.964H36.742a.695.695 0 0 1 0-1.39h12.355a.695.695 0 1 1 0 1.39zM54.047 53.598H41.682a.695.695 0 1 1 0-1.39h12.365a.695.695 0 1 1 0 1.39z'
}
fill={'#BEA6FF'}
/>
<path
d={
'M23.765 43.04v26.547l16.147-13.273L23.765 43.04zM55.818 56.314l16.146 13.273V43.04L55.818 56.315z'
}
fill={'#333'}
/>
<path
d={'M47.864 62.849l-7.952-6.535-16.147 13.273h48.2L55.816 56.314l-7.953 6.535z'}
fill={'#333'}
/>
<path
d={
'M28.4 50.493v15.284l9.297-7.637-9.297-7.647zM63.196 57.88l8.768 7.212V50.678l-8.768 7.202z'
}
fill={'#333'}
/>
<path
d={
'M23.765 70.282a.67.67 0 0 1-.296-.074.686.686 0 0 1-.399-.62V43.04a.685.685 0 0 1 .399-.62.695.695 0 0 1 .741.083l16.147 13.273a.704.704 0 0 1 0 1.075L24.21 70.115a.686.686 0 0 1-.445.167zm.695-25.768v23.6l14.358-11.8-14.358-11.8z'
}
fill={'#BEA6FF'}
/>
<path
d={'M60.424 60.095l-10.15 8.343-7.08-5.821-8.473 6.97h37.243l-11.54-9.492z'}
fill={'#333'}
/>
<path
d={
'M71.964 70.282a.686.686 0 0 1-.445-.167L55.373 56.861a.703.703 0 0 1 0-1.076l16.174-13.282a.696.696 0 0 1 .742-.084.687.687 0 0 1 .398.621v26.547a.686.686 0 0 1-.398.621.668.668 0 0 1-.325.074zM56.911 56.314l14.358 11.8v-23.6l-14.358 11.8z'
}
fill={'#BEA6FF'}
/>
<path
d={
'M71.964 70.282h-48.2a.704.704 0 0 1-.657-.463.705.705 0 0 1 .213-.77l16.147-13.273a.695.695 0 0 1 .927 0l7.508 6.173 7.508-6.174a.695.695 0 0 1 .927 0L72.483 69.05a.705.705 0 0 1 .213.77.704.704 0 0 1-.732.463zm-46.262-1.371h44.325L55.79 57.212l-7.508 6.173a.695.695 0 0 1-.927 0l-7.508-6.173L25.702 68.91zM46.358 75.36h-3.56a.668.668 0 0 1 0-1.335h3.56a.668.668 0 0 1 0 1.335z'
}
fill={'#BEA6FF'}
/>
<path
d={
'M44.579 77.14a.668.668 0 0 1-.668-.668v-3.559a.668.668 0 0 1 1.335 0v3.56a.667.667 0 0 1-.667.666z'
}
fill={'#BEA6FF'}
/>
</svg>
)
const ForwardRef = forwardRef(SvgComponent)
export default memo(ForwardRef)

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