zk/bishengWeb
Public Access
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
This commit is contained in:
zhangkai
2024-06-05 14:27:06 +08:00
commit b825dcd4d5
730 changed files with 100244 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/bs-icons/addTo/AddTo.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg viewBox="-300 -350 1624 1624" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10603" width="28" height="28">
<path
d="M170.666667 938.666667h512v-85.333334H170.666667V341.333333H85.333333v512c0 47.061333 38.272 85.333333 85.333334 85.333334z"
p-id="10604" fill="currentColor"></path>
<path
d="M853.333333 85.333333H341.333333c-47.061333 0-85.333333 38.272-85.333333 85.333334v512c0 47.061333 38.272 85.333333 85.333333 85.333333h512c47.061333 0 85.333333-38.272 85.333334-85.333333V170.666667c0-47.061333-38.272-85.333333-85.333334-85.333334z m-85.333333 384h-128v128h-85.333333v-128h-128V384h128V256h85.333333v128h128v85.333333z"
p-id="10605" fill="currentColor"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 730 B

10
src/components/bs-icons/addTo/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as AddTo } from "./AddTo.svg";
export const AddToIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-400 ' + (className || '')
return <AddTo ref={ref} {...props} className={_className} />;
});

5
src/components/bs-icons/application/Application.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g id="&#229;&#186;&#148;&#231;&#148;&#168;_application-one 1">
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M20.007 6.70985C20.3125 6.88952 20.5 7.21742 20.5 7.57179V16.4279C20.5 16.7823 20.3125 17.1102 20.007 17.2899L12.507 21.7017C12.1941 21.8858 11.8059 21.8858 11.493 21.7017L3.99297 17.2899C3.68754 17.1102 3.5 16.7823 3.5 16.4279V7.57179C3.5 7.21742 3.68755 6.88951 3.99299 6.70985L11.493 2.29822C11.8059 2.11414 12.1941 2.11414 12.507 2.29822L20.007 6.70985ZM8.53052 8.65109L7.68285 8.12057L6.62181 9.81591L7.46948 10.3464L11 12.556V16.5V17.5H13V16.5V12.5521L16.5277 10.3467L17.3756 9.81659L16.3154 8.12073L15.4674 8.65083L11.9969 10.8205L8.53052 8.65109Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 821 B

9
src/components/bs-icons/application/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Application } from "./Application.svg";
export const ApplicationIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <Application ref={ref} {...props} className={className || ''}/>;
});

5
src/components/bs-icons/assistant/icon.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="8" y="7" width="8" height="2" rx="1" fill="white" />
<rect x="5" y="11" width="14" height="2" rx="1" fill="white" />
<rect x="8" y="15" width="8" height="2" rx="1" fill="white" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 303 B

9
src/components/bs-icons/assistant/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Assistant } from "./icon.svg";
export const AssistantIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Assistant ref={ref} {...props} />;
});

10
src/components/bs-icons/avatar/Avatar.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3.5" y="2.75" width="1.58824" height="1.05882" rx="0.529412" fill="white"/>
<rect x="5.61768" y="2.75" width="5.29412" height="1.05882" rx="0.529412" fill="white"/>
<rect x="4.02942" y="4.60303" width="8.47059" height="1.05882" rx="0.529412" fill="white"/>
<rect x="4.02942" y="6.45581" width="6.35294" height="1.05882" rx="0.529412" fill="white"/>
<rect x="4.02942" y="8.30884" width="7.41176" height="1.05882" rx="0.529412" fill="white"/>
<rect x="4.02942" y="10.1619" width="8.47059" height="1.05882" rx="0.529412" fill="white"/>
<rect x="3.5" y="12.0146" width="5.29412" height="1.05882" rx="0.529412" fill="white"/>
<rect x="9.32355" y="12.0146" width="1.58824" height="1.05882" rx="0.529412" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 825 B

9
src/components/bs-icons/avatar/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Avatar } from "./Avatar.svg";
export const AvatarIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Avatar ref={ref} {...props} />;
});

5
src/components/bs-icons/bookOpen/BookOpen.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 563">
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M2 2C1.44772 2 1 2.44772 1 3V16C1 16.5523 1.44772 17 2 17H7.5C7.5 18.1046 8.39543 19 9.5 19H10.5C11.6046 19 12.5 18.1046 12.5 17H18C18.5523 17 19 16.5523 19 16V3C19 2.44772 18.5523 2 18 2H12C10.8954 2 10 2.89543 10 4C10 2.89543 9.10457 2 8 2H2ZM3.5 3.5C3.22386 3.5 3 3.72386 3 4V13C3 13.2761 3.22386 13.5 3.5 13.5H8.5C8.77614 13.5 9 13.2761 9 13V4C9 3.72386 8.77614 3.5 8.5 3.5H3.5ZM17 4C17 3.72386 16.7761 3.5 16.5 3.5H11.5C11.2239 3.5 11 3.72386 11 4V13C11 13.2761 11.2239 13.5 11.5 13.5H16.5C16.7761 13.5 17 13.2761 17 13V4Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 738 B

9
src/components/bs-icons/bookOpen/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as BookOpen } from "./BookOpen.svg";
export const BookOpenIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
return <BookOpen ref={ref} {...props} className={className || ''} />;
});

6
src/components/bs-icons/clear/Clear.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg t="1712461252856" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4260"
width="22" height="22">
<path stroke-width="12" stroke-linejoin="round"
d="M448 256h128V128H448v128z m192-128v128h192a64 64 0 0 1 64 64v128a64 64 0 0 1-54.976 63.36l44.544 311.616a64 64 0 0 1-63.36 73.024H201.792a64 64 0 0 1-63.36-73.024L183.04 511.36A64 64 0 0 1 128 448V320a64 64 0 0 1 64-64h192V128a64 64 0 0 1 64-64h128a64 64 0 0 1 64 64z m136.512 320H832V320H192v128h584.512z m0 64H247.488l-45.696 320H320v-128h64v128h96v-128h64v128H640v-128h64v128h118.208l-45.696-320z"
fill="currentColor" fill-opacity=".9" p-id="4261"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 685 B

9
src/components/bs-icons/clear/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Clear } from "./Clear.svg";
export const ClearIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Clear ref={ref} {...props} />;
});

11
src/components/bs-icons/del/Del.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g id="Group 468">
<g id="Group 466">
<rect id="Rectangle 221" x="8" y="9" width="12" height="1.71429" rx="0.857143" fill="#9CA3BA" />
<rect id="Rectangle 222" x="11.4285" y="7" width="5.14286" height="1.71429" rx="0.857143" fill="#9CA3BA" />
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd"
d="M9 12C9 11.4477 9.44772 11 10 11H18C18.5523 11 19 11.4477 19 12V19C19 20.1046 18.1046 21 17 21H11C9.89543 21 9 20.1046 9 19V12ZM12.7143 14C13.1877 14 13.5714 14.3838 13.5714 14.8571V17.1429C13.5714 17.6162 13.1877 18 12.7143 18C12.2409 18 11.8572 17.6162 11.8572 17.1429V14.8571C11.8572 14.3838 12.2409 14 12.7143 14ZM16.1429 14.8571C16.1429 14.3838 15.7591 14 15.2857 14C14.8123 14 14.4286 14.3838 14.4286 14.8571V17.1429C14.4286 17.6162 14.8123 18 15.2857 18C15.7591 18 16.1429 17.6162 16.1429 17.1429V14.8571Z"
fill="#9CA3BA" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

9
src/components/bs-icons/del/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Del } from "./Del.svg";
export const DelIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Del ref={ref} {...props} />;
});

3
src/components/bs-icons/en/En.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.61375 12.536H9.09375V15H2.05375V3.8H9.01375V6.264H4.61375V8.12H8.61375V10.552H4.61375V12.536ZM15.1461 6.776C16.7621 6.776 18.1381 7.928 18.1381 10.088V15H15.7381V10.44C15.7381 9.448 15.1141 8.984 14.3461 8.984C13.4661 8.984 12.8581 9.496 12.8581 10.632V15H10.4581V7H12.8581V7.752C13.2901 7.16 14.0901 6.776 15.1461 6.776Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 453 B

9
src/components/bs-icons/en/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as En } from "./En.svg";
export const EnIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <En ref={ref} {...props} className={className || ''}/>;
});

7
src/components/bs-icons/form/Form.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 21L21 17L25 21" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round" />
<path d="M21 17V25.5" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round" />
<path
d="M14.6667 24H10C8.89543 24 8 23.1046 8 22L8 10C8 8.89543 8.89543 8 10 8L23 8C24.1046 8 25 8.89543 25 10V14.6667"
stroke="currentColor" stroke-width="2.5" stroke-linejoin="round" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 506 B

9
src/components/bs-icons/form/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Form } from "./Form.svg";
export const FormIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Form ref={ref} {...props} />;
});

5
src/components/bs-icons/github/Github.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 686">
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M9.9702 0C4.45694 0 0 4.4898 0 10.0443C0 14.4843 2.85571 18.2427 6.81735 19.5729C7.31265 19.6729 7.49408 19.3567 7.49408 19.0908C7.49408 18.858 7.47775 18.0598 7.47775 17.2282C4.70429 17.8269 4.12673 16.0308 4.12673 16.0308C3.68102 14.8667 3.02061 14.5676 3.02061 14.5676C2.11286 13.9522 3.08673 13.9522 3.08673 13.9522C4.09367 14.0188 4.62204 14.9833 4.62204 14.9833C5.51327 16.5131 6.94939 16.0808 7.52714 15.8147C7.60959 15.1661 7.87388 14.7171 8.15449 14.4678C5.94245 14.2349 3.6151 13.3702 3.6151 9.51204C3.6151 8.41449 4.01102 7.51653 4.63837 6.81816C4.53939 6.56878 4.19265 5.53755 4.73755 4.15735C4.73755 4.15735 5.57939 3.89122 7.47755 5.18837C8.29022 4.9685 9.12832 4.85666 9.9702 4.85571C10.812 4.85571 11.6702 4.97225 12.4627 5.18837C14.361 3.89122 15.2029 4.15735 15.2029 4.15735C15.7478 5.53755 15.4008 6.56878 15.3018 6.81816C15.9457 7.51653 16.3253 8.41449 16.3253 9.51204C16.3253 13.3702 13.998 14.2182 11.7694 14.4678C12.1327 14.7837 12.4461 15.3822 12.4461 16.3302C12.4461 17.6771 12.4298 18.7582 12.4298 19.0906C12.4298 19.3567 12.6114 19.6729 13.1065 19.5731C17.0682 18.2424 19.9239 14.4843 19.9239 10.0443C19.9402 4.4898 15.4669 0 9.9702 0Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

9
src/components/bs-icons/github/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Github } from "./Github.svg";
export const GithubIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <Github ref={ref} {...props} className={className || ''}/>;
});

6
src/components/bs-icons/go/Go.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 537">
<path id="Vector 9" d="M0 7H22" stroke="currentColor" stroke-width="2" />
<path id="Vector 10" d="M16 1L22 7L16 13" stroke="currentColor" stroke-width="2" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 308 B

10
src/components/bs-icons/go/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as Go } from "./Go.svg";
export const GoIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <Go ref={ref} {...props} className={_className} />;
});

7
src/components/bs-icons/knowledge/Knowledge.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g id="Group 455">
<path id="Subtract" d="M12 6.88284C12 6.37851 12.3755 5.95311 12.876 5.89056L18.876 5.14056C19.4728 5.06595 20 5.53134 20 6.13284V15.9356C20 16.5124 19.5133 16.9696 18.9376 16.9337L12.9376 16.5587C12.4106 16.5257 12 16.0887 12 15.5606V6.88284Z" fill="currentColor"/>
<path id="Vector 13" d="M7 19L11.3896 18.5123C11.463 18.5041 11.537 18.5041 11.6104 18.5123L16 19" stroke="currentColor" stroke-width="2"/>
<path id="Rectangle 216" d="M3 6.13278C3 5.53128 3.52718 5.0659 4.12403 5.1405L10.124 5.8905C10.6245 5.95306 11 6.37846 11 6.88278V15.5605C11 16.0886 10.5894 16.5257 10.0624 16.5586L4.06238 16.9336C3.48668 16.9696 3 16.5124 3 15.9355V6.13278Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 808 B

9
src/components/bs-icons/knowledge/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Knowledge } from "./Knowledge.svg";
export const KnowledgeIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <Knowledge ref={ref} {...props} className={className || ''}/>;
});

5
src/components/bs-icons/loading/Load.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

10
src/components/bs-icons/loading/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as Load } from "./Load.svg";
import { cname } from "../../bs-ui/utils";
export const LoadIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
return <Load ref={ref} {...props} className={cname('text-gray-50 animate-spin', className)} />;
});

5
src/components/bs-icons/model/Model.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g id="Group 453">
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M4.10899 4.54601C4 4.75992 4 5.03995 4 5.6V18.4C4 18.9601 4 19.2401 4.10899 19.454C4.20487 19.6422 4.35785 19.7951 4.54601 19.891C4.75992 20 5.03995 20 5.6 20H18.4C18.9601 20 19.2401 20 19.454 19.891C19.6422 19.7951 19.7951 19.6422 19.891 19.454C20 19.2401 20 18.9601 20 18.4V5.6C20 5.03995 20 4.75992 19.891 4.54601C19.7951 4.35785 19.6422 4.20487 19.454 4.10899C19.2401 4 18.9601 4 18.4 4H5.6C5.03995 4 4.75992 4 4.54601 4.10899C4.35785 4.20487 4.20487 4.35785 4.10899 4.54601ZM7 9H6V11H7H11V14V15H12H17H18V13H17H13V10V9H12H7Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 750 B

9
src/components/bs-icons/model/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Model } from "./Model.svg";
export const ModelIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <Model ref={ref} {...props} className={className || ''}/>;
});

5
src/components/bs-icons/moon/Moon.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 685">
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M15.9999 12.4436C15.2691 12.7868 14.453 12.9786 13.5921 12.9786C10.4599 12.9786 7.92064 10.4394 7.92064 7.30713C7.92064 5.87881 8.44864 4.57381 9.3201 3.57666C6.05253 3.90943 3.50293 6.66933 3.50293 10.0247C3.50293 13.6045 6.40489 16.5064 9.98464 16.5064C12.7093 16.5064 15.0413 14.8253 15.9999 12.4436Z" fill="#111111"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 512 B

9
src/components/bs-icons/moon/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Moon } from "./Moon.svg";
export const MoonIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <Moon ref={ref} {...props} className={className || ''}/>;
});

11
src/components/bs-icons/moveOne/MoveOne.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="1">
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd"
d="M11.6667 10.667L17.5001 11.8337L15.7501 13.0003L17.5001 14.7503L15.7501 16.5003L14.0001 14.7503L12.8334 16.5003L11.6667 10.667Z"
fill="currentColor" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round"
stroke-linejoin="round" />
<path id="Vector_2"
d="M17.5 8.16667V4.33333C17.5 3.8731 17.1269 3.5 16.6667 3.5H3.33333C2.8731 3.5 2.5 3.8731 2.5 4.33333V15.6667C2.5 16.1269 2.8731 16.5 3.33333 16.5H8.75"
stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 777 B

10
src/components/bs-icons/moveOne/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as MoveOne } from "./MoveOne.svg";
export const MoveOneIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <MoveOne ref={ref} {...props} className={_className} />;
});

6
src/components/bs-icons/newApplication/NewApplication.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 684">
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M19 13C19 12.4477 18.5523 12 18 12C17.4477 12 17 12.4477 17 13V15H15C14.4477 15 14 15.4477 14 16C14 16.5523 14.4477 17 15 17H17V19C17 19.5523 17.4477 20 18 20C18.5523 20 19 19.5523 19 19V17H21C21.5523 17 22 16.5523 22 16C22 15.4477 21.5523 15 21 15H19V13Z" fill="white"/>
<path id="Subtract" d="M11.6 7H12.4C14.1132 7 15.2777 7.00156 16.1779 7.0751C17.0548 7.14674 17.5032 7.27659 17.816 7.43597C18.5686 7.81947 19.1805 8.43139 19.564 9.18404C19.7234 9.49684 19.8533 9.94524 19.9249 10.8221C19.9303 10.8882 19.9353 10.9558 19.94 11.025C19.9765 11.5666 20.4151 12 20.958 12C21.5198 12 21.9759 11.5369 21.941 10.9762C21.8684 9.81207 21.7066 8.98376 21.346 8.27606C20.7708 7.14708 19.8529 6.2292 18.7239 5.65396C17.4405 5 15.7603 5 12.4 5H11.6C8.23969 5 6.55953 5 5.27606 5.65396C4.14708 6.2292 3.2292 7.14708 2.65396 8.27606C2 9.55953 2 11.2397 2 14.6C2 17.5823 4.41766 20 7.4 20H12C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18H7.4C5.52223 18 4 16.4778 4 14.6C4 12.8868 4.00156 11.7223 4.0751 10.8221C4.14674 9.94524 4.27659 9.49684 4.43597 9.18404C4.81947 8.43139 5.43139 7.81947 6.18404 7.43597C6.49684 7.27659 6.94524 7.14674 7.82208 7.0751C8.72225 7.00156 9.88684 7 11.6 7Z" fill="white"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

9
src/components/bs-icons/newApplication/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as NewApplication } from "./NewApplication.svg";
export const NewApplicationIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <NewApplication ref={ref} {...props} className={className || ''}/>;
});

6
src/components/bs-icons/office/Word.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg t="1712722099816" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="10708" width="28" height="28">
<path
d="M558.501954 753.91623v-94.292861l-8.106626-136.105987H490.662293l-54.61306 136.105987c-11.519942 30.719846-23.039885 62.719686-34.133163 94.292861l4.69331-94.292861 5.119975-135.679322H336.636397v298.665173H426.662613l49.066422-127.99936c8.533291-22.61322 16.213252-46.933099 23.893214-69.546319v69.546319l3.83998 127.99936H597.328427l104.106146-298.665173H631.461589l-42.666453 135.679322c-8.959955 30.719846-18.773239 61.866357-27.733195 94.292861z m264.532011 197.972344H200.103746V72.106306H511.99552v239.785468A72.959635 72.959635 0 0 0 584.101826 383.99808h238.932139zM582.821833 110.506114l200.958995 201.812324h-200.958995z m291.83854 191.145711L597.328427 21.333227a76.799616 76.799616 0 0 0-14.506594-11.519943l-4.266646-2.133322h-2.986652A71.679642 71.679642 0 0 0 546.128683 0H200.957075A72.959635 72.959635 0 0 0 127.99744 72.106306v879.782268A72.959635 72.959635 0 0 0 200.957075 1023.99488h622.930219A71.252977 71.252977 0 0 0 895.9936 951.888574V352.424905a71.252977 71.252977 0 0 0-21.333227-50.77308z"
fill="currentColor" p-id="10709"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

10
src/components/bs-icons/office/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as Word } from "./Word.svg";
export const WordIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <Word ref={ref} {...props} className={_className} />;
});

7
src/components/bs-icons/plus/Plus.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 478">
<rect id="Rectangle 227" width="24" height="24" rx="4" fill="currentColor" />
<rect id="Rectangle 180" x="6" y="11" width="12" height="2" rx="1" fill="white" />
<rect id="Rectangle 228" x="13" y="6" width="12" height="2" rx="1" transform="rotate(90 13 6)" fill="white" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 431 B

10
src/components/bs-icons/plus/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as Plus } from "./Plus.svg";
export const PlusIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <Plus ref={ref} {...props} className={_className} />;
});

10
src/components/bs-icons/plusBox/PlusBox-dark.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 542">
<path id="Rectangle 247" d="M0 4C0 3.44772 0.447715 3 1 3H18C21.3137 3 24 5.68629 24 9V15C24 18.3137 21.3137 21 18 21H6C2.68629 21 0 18.3137 0 15V4Z" fill="white"/>
<g id="Group 540">
<g id="Group 414">
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M13 11V8H11L11 11H8V13H11L11 16H13V13H16V11H13Z" fill="#111111"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 466 B

10
src/components/bs-icons/plusBox/PlusBox.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 541">
<path id="Rectangle 247" d="M0 4C0 3.44772 0.447715 3 1 3H18C21.3137 3 24 5.68629 24 9V15C24 18.3137 21.3137 21 18 21H6C2.68629 21 0 18.3137 0 15V4Z" fill="#111111"/>
<g id="Group 540">
<g id="Group 414">
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M13 11V8H11L11 11H8V13H11L11 16H13V13H16V11H13Z" fill="white"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 466 B

19
src/components/bs-icons/plusBox/index.tsx Normal file
View File

@@ -0,0 +1,19 @@
import React, { forwardRef } from "react";
import { ReactComponent as PlusBox } from "./PlusBox.svg";
import { ReactComponent as PlusBoxDark } from "./PlusBox-dark.svg";
export const PlusBoxIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <PlusBox ref={ref} {...props} className={_className} />;
});
export const PlusBoxIconDark = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <PlusBoxDark ref={ref} {...props} className={_className} />;
});

3
src/components/bs-icons/questionMark/QuestionMark.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7.34628 6.3059C6.74302 6.77216 6.06529 7.29598 6.19142 8.2389H7.55642C7.47183 7.50934 8.01276 7.0992 8.57076 6.67611C9.12103 6.25887 9.68792 5.82905 9.68792 5.0679C9.68792 3.6714 8.57492 2.9574 7.05242 2.9574C5.92892 2.9574 5.00492 3.4719 4.33292 4.2489L5.19392 5.0364C5.70842 4.5009 6.23342 4.2069 6.87392 4.2069C7.70342 4.2069 8.20742 4.5639 8.20742 5.2044C8.20742 5.64033 7.7977 5.957 7.34628 6.3059ZM5.94992 10.1079C5.94992 10.6539 6.33842 11.0424 6.88442 11.0424C7.40942 11.0424 7.80842 10.6539 7.80842 10.1079C7.80842 9.5619 7.40942 9.1839 6.88442 9.1839C6.34892 9.1839 5.94992 9.5619 5.94992 10.1079Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 910 B

10
src/components/bs-icons/questionMark/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as QuestionMark } from "./QuestionMark.svg";
export const QuestionMarkIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <QuestionMark ref={ref} {...props} className={_className} />;
});

8
src/components/bs-icons/quit/Quit-dark.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 542">
<g id="Group 417">
<path id="Rectangle 186" d="M10 5H7.2C6.0799 5 5.51984 5 5.09202 5.21799C4.71569 5.40973 4.40973 5.71569 4.21799 6.09202C4 6.51984 4 7.07989 4 8.2V15.8C4 16.9201 4 17.4802 4.21799 17.908C4.40973 18.2843 4.71569 18.5903 5.09202 18.782C5.51984 19 6.07989 19 7.2 19H10" stroke="white" stroke-width="2"/>
<path id="Vector 1" d="M10 12H17.5M15 8L19 12L15 16" stroke="white" stroke-width="2" stroke-linejoin="round"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 563 B

8
src/components/bs-icons/quit/Quit.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 542">
<g id="Group 417">
<path id="Rectangle 186" d="M10 5H7.2C6.0799 5 5.51984 5 5.09202 5.21799C4.71569 5.40973 4.40973 5.71569 4.21799 6.09202C4 6.51984 4 7.07989 4 8.2V15.8C4 16.9201 4 17.4802 4.21799 17.908C4.40973 18.2843 4.71569 18.5903 5.09202 18.782C5.51984 19 6.07989 19 7.2 19H10" stroke="black" stroke-width="2"/>
<path id="Vector 1" d="M10 12H17.5M15 8L19 12L15 16" stroke="black" stroke-width="2" stroke-linejoin="round"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 563 B

17
src/components/bs-icons/quit/index.tsx Normal file
View File

@@ -0,0 +1,17 @@
import React, { forwardRef } from "react";
import { ReactComponent as Quit } from "./Quit.svg";
import { ReactComponent as QuitDark } from "./Quit-dark.svg";
export const QuitIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <Quit ref={ref} {...props} className={className || ''}/>;
});
export const QuitIconDark = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <QuitDark ref={ref} {...props} className={className || ''}/>;
});

6
src/components/bs-icons/save/icon.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg t="1713787641158" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="15223" width="16" height="16">
<path
d="M704 128l192 192v512a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h512z m-64 64H384v96h256V192z m64 26.496V352H320V192H192v640h128V512h384v320h128V346.496l-128-128zM640 832V576H384v256h256z"
fill="currentColor" p-id="15224"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 433 B

10
src/components/bs-icons/save/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as Save } from "./icon.svg";
export const SaveIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-0 ' + (className || '')
return <Save ref={ref} {...props} className={_className} />;
});

8
src/components/bs-icons/search/Search.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 459">
<g id="Group 458">
<circle id="Ellipse 10" cx="9" cy="9" r="6" stroke="black" stroke-width="2" />
<path id="Vector 4" d="M13 13L17 17" stroke="black" stroke-width="2" stroke-linejoin="round" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 373 B

9
src/components/bs-icons/search/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Search } from "./Search.svg";
export const SearchIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Search ref={ref} {...props} />;
});

4
src/components/bs-icons/send/Send.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 10L26 16L20 22" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round" />
<path d="M6 16L26 16" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 297 B

9
src/components/bs-icons/send/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Send } from "./Send.svg";
export const SendIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Send ref={ref} {...props} />;
});

19
src/components/bs-icons/setting/Setting.svg Normal file
View File

@@ -0,0 +1,19 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 469">
<g id="&#232;&#174;&#190;&#231;&#189;&#174;_setting-two 1" clip-path="url(#clip0_372_1603)">
<g id="Subtract">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.19588 18.6224C9.98319 19.4405 10.9775 20.0579 12.0945 20.3905C12.3523 19.584 13.1079 19.0001 13.9999 19.0001C14.8919 19.0001 15.6475 19.584 15.9053 20.3905C17.0224 20.0579 18.0167 19.4405 18.804 18.6224C18.5103 18.2743 18.3333 17.8245 18.3333 17.3334C18.3333 16.2288 19.2287 15.3334 20.3333 15.3334C20.4001 15.3334 20.4661 15.3367 20.5313 15.3431C20.62 14.9093 20.6666 14.4601 20.6666 14.0001C20.6666 13.3032 20.5597 12.6313 20.3613 11.9999L20.3333 12.0001C19.2287 12.0001 18.3333 11.1046 18.3333 10.0001C18.3333 9.68296 18.4071 9.38312 18.5384 9.11673C17.7674 8.39986 16.8264 7.86336 15.7826 7.5744C15.4518 8.22275 14.7777 8.66673 13.9999 8.66673C13.2222 8.66673 12.5481 8.22275 12.2173 7.5744C11.1734 7.86336 10.2324 8.39986 9.46145 9.11673C9.59279 9.38312 9.66659 9.68296 9.66659 10.0001C9.66659 11.1046 8.77116 12.0001 7.66659 12.0001L7.63852 11.9999C7.44018 12.6313 7.33325 13.3032 7.33325 14.0001C7.33325 14.4601 7.37985 14.9093 7.46858 15.3431C7.53372 15.3367 7.59977 15.3334 7.66659 15.3334C8.77116 15.3334 9.66659 16.2288 9.66659 17.3334C9.66659 17.8245 9.48959 18.2743 9.19588 18.6224ZM16.9999 14C16.9999 15.6569 15.6568 17 13.9999 17C12.3431 17 10.9999 15.6569 10.9999 14C10.9999 12.3431 12.3431 11 13.9999 11C15.6568 11 16.9999 12.3431 16.9999 14Z"
fill="#9CA3BA" />
<path
d="M12.0945 20.3905L11.9043 21.0294C12.2522 21.133 12.619 20.9392 12.7295 20.5935L12.0945 20.3905ZM9.19588 18.6224L8.68635 18.1924C8.46615 18.4534 8.47874 18.8386 8.71552 19.0846L9.19588 18.6224ZM15.9053 20.3905L15.2703 20.5935C15.3808 20.9392 15.7477 21.133 16.0955 21.0294L15.9053 20.3905ZM18.804 18.6224L19.2843 19.0846C19.5211 18.8386 19.5337 18.4534 19.3135 18.1924L18.804 18.6224ZM20.5313 15.3431L20.4661 16.0066C20.8059 16.0399 21.116 15.8112 21.1844 15.4767L20.5313 15.3431ZM20.3613 11.9999L20.9974 11.8001C20.9096 11.5206 20.6496 11.3311 20.3566 11.3332L20.3613 11.9999ZM20.3333 12.0001V12.6667L20.338 12.6667L20.3333 12.0001ZM18.5384 9.11673L19.1363 9.41151C19.2666 9.14736 19.208 8.82905 18.9923 8.6285L18.5384 9.11673ZM15.7826 7.5744L15.9604 6.9319C15.6552 6.8474 15.3326 6.98932 15.1887 7.27144L15.7826 7.5744ZM12.2173 7.5744L12.8111 7.27144C12.6672 6.98932 12.3447 6.8474 12.0394 6.9319L12.2173 7.5744ZM9.46145 9.11673L9.00749 8.6285C8.79181 8.82905 8.73327 9.14736 8.8635 9.41151L9.46145 9.11673ZM7.66659 12.0001L7.66184 12.6667H7.66659V12.0001ZM7.63852 11.9999L7.64326 11.3332C7.35029 11.3311 7.09029 11.5206 7.00249 11.8001L7.63852 11.9999ZM7.46858 15.3431L6.81544 15.4767C6.88386 15.8112 7.19397 16.0399 7.53378 16.0066L7.46858 15.3431ZM12.2847 19.7515C11.2805 19.4525 10.3855 18.8971 9.67623 18.1601L8.71552 19.0846C9.58087 19.9838 10.6745 20.6633 11.9043 21.0294L12.2847 19.7515ZM13.9999 18.3334C12.8096 18.3334 11.803 19.1129 11.4595 20.1875L12.7295 20.5935C12.9016 20.0552 13.4063 19.6667 13.9999 19.6667V18.3334ZM16.5403 20.1875C16.1968 19.1129 15.1903 18.3334 13.9999 18.3334V19.6667C14.5936 19.6667 15.0982 20.0552 15.2703 20.5935L16.5403 20.1875ZM18.3236 18.1601C17.6143 18.8971 16.7193 19.4525 15.7151 19.7515L16.0955 21.0294C17.3254 20.6633 18.419 19.9838 19.2843 19.0846L18.3236 18.1601ZM17.6666 17.3334C17.6666 17.9876 17.903 18.5884 18.2944 19.0523L19.3135 18.1924C19.1175 17.9601 18.9999 17.6613 18.9999 17.3334H17.6666ZM20.3333 14.6667C18.8605 14.6667 17.6666 15.8606 17.6666 17.3334H18.9999C18.9999 16.597 19.5969 16.0001 20.3333 16.0001V14.6667ZM20.5964 14.6796C20.5098 14.6711 20.4221 14.6667 20.3333 14.6667V16.0001C20.3781 16.0001 20.4224 16.0023 20.4661 16.0066L20.5964 14.6796ZM19.9999 14.0001C19.9999 14.415 19.9579 14.8194 19.8781 15.2095L21.1844 15.4767C21.2821 14.9991 21.3333 14.5053 21.3333 14.0001H19.9999ZM19.7253 12.1996C19.9036 12.7672 19.9999 13.3717 19.9999 14.0001H21.3333C21.3333 13.2346 21.2158 12.4954 20.9974 11.8001L19.7253 12.1996ZM20.338 12.6667L20.3661 12.6665L20.3566 11.3332L20.3285 11.3334L20.338 12.6667ZM17.6666 10.0001C17.6666 11.4728 18.8605 12.6667 20.3333 12.6667V11.3334C19.5969 11.3334 18.9999 10.7364 18.9999 10.0001H17.6666ZM17.9404 8.82194C17.7649 9.17796 17.6666 9.57845 17.6666 10.0001H18.9999C18.9999 9.78746 19.0492 9.58828 19.1363 9.41151L17.9404 8.82194ZM15.6047 8.21691C16.5431 8.47668 17.39 8.95922 18.0844 9.60495L18.9923 8.6285C18.1449 7.84049 17.1097 7.25005 15.9604 6.9319L15.6047 8.21691ZM13.9999 9.3334C15.0379 9.3334 15.9362 8.74019 16.3764 7.87736L15.1887 7.27144C14.9674 7.70531 14.5175 8.00007 13.9999 8.00007V9.3334ZM11.6234 7.87736C12.0636 8.74019 12.9619 9.3334 13.9999 9.3334V8.00007C13.4824 8.00007 13.0325 7.70531 12.8111 7.27144L11.6234 7.87736ZM9.91542 9.60495C10.6099 8.95922 11.4567 8.47668 12.3951 8.21691L12.0394 6.9319C10.8901 7.25005 9.85496 7.84049 9.00749 8.6285L9.91542 9.60495ZM10.3333 10.0001C10.3333 9.57845 10.2349 9.17796 10.0594 8.82194L8.8635 9.41151C8.95065 9.58828 8.99992 9.78746 8.99992 10.0001H10.3333ZM7.66659 12.6667C9.13935 12.6667 10.3333 11.4728 10.3333 10.0001H8.99992C8.99992 10.7364 8.40296 11.3334 7.66659 11.3334V12.6667ZM7.63377 12.6665L7.66184 12.6667L7.67133 11.3334L7.64326 11.3332L7.63377 12.6665ZM7.99992 14.0001C7.99992 13.3717 8.09627 12.7672 8.27454 12.1996L7.00249 11.8001C6.78408 12.4954 6.66659 13.2346 6.66659 14.0001H7.99992ZM8.12173 15.2095C8.04193 14.8194 7.99992 14.415 7.99992 14.0001H6.66659C6.66659 14.5053 6.71776 14.9991 6.81544 15.4767L8.12173 15.2095ZM7.66659 14.6667C7.5778 14.6667 7.48999 14.6711 7.40339 14.6796L7.53378 16.0066C7.57744 16.0023 7.62174 16.0001 7.66659 16.0001V14.6667ZM10.3333 17.3334C10.3333 15.8606 9.13935 14.6667 7.66659 14.6667V16.0001C8.40296 16.0001 8.99992 16.597 8.99992 17.3334H10.3333ZM9.7054 19.0523C10.0968 18.5884 10.3333 17.9876 10.3333 17.3334H8.99992C8.99992 17.6613 8.88238 17.9601 8.68635 18.1924L9.7054 19.0523ZM13.9999 17.6667C16.025 17.6667 17.6666 16.025 17.6666 14H16.3333C16.3333 15.2887 15.2886 16.3333 13.9999 16.3333V17.6667ZM10.3333 14C10.3333 16.025 11.9749 17.6667 13.9999 17.6667V16.3333C12.7113 16.3333 11.6666 15.2887 11.6666 14H10.3333ZM13.9999 10.3333C11.9749 10.3333 10.3333 11.975 10.3333 14H11.6666C11.6666 12.7113 12.7113 11.6667 13.9999 11.6667V10.3333ZM17.6666 14C17.6666 11.975 16.025 10.3333 13.9999 10.3333V11.6667C15.2886 11.6667 16.3333 12.7113 16.3333 14H17.6666Z"
fill="#9CA3BA" />
</g>
</g>
</g>
<defs>
<clipPath id="clip0_372_1603">
<rect width="16" height="16" fill="white" transform="translate(6 6)" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

9
src/components/bs-icons/setting/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Setting } from "./Setting.svg";
export const SettingIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Setting ref={ref} {...props} />;
});

22
src/components/bs-icons/skill/Skill.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 628">
<g id="Group 625">
<ellipse id="Ellipse 17" cx="13.0622" cy="13.4282" rx="6" ry="3" transform="rotate(-30 13.0622 13.4282)"
stroke="url(#paint0_linear_410_134)" stroke-width="2" />
<ellipse id="Ellipse 18" cx="11.0622" cy="9.9641" rx="7" ry="4" transform="rotate(-30 11.0622 9.9641)"
fill="url(#paint1_linear_410_134)" />
</g>
</g>
<defs>
<linearGradient id="paint0_linear_410_134" x1="13.0622" y1="9.42815" x2="13.0622" y2="17.4282"
gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.1" />
<stop offset="1" stop-color="white" />
</linearGradient>
<linearGradient id="paint1_linear_410_134" x1="11.0622" y1="5.9641" x2="11.0622" y2="13.9641"
gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.82" />
<stop offset="1" stop-color="white" />
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

9
src/components/bs-icons/skill/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Skill } from "./Skill.svg";
export const SkillIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Skill ref={ref} {...props} />;
});

5
src/components/bs-icons/system/System.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g id="Group 453">
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M12.6999 2.68537C12.3111 2.30458 11.6892 2.30458 11.3004 2.68537L9.34074 4.60478C9.15641 4.78533 8.90941 4.88764 8.65139 4.89032L5.90848 4.91879C5.36431 4.92443 4.92455 5.36419 4.91891 5.90835L4.89044 8.65127C4.88776 8.90929 4.78545 9.15628 4.6049 9.34062L2.6855 11.3003C2.3047 11.6891 2.3047 12.311 2.6855 12.6997L4.6049 14.6594C4.78545 14.8438 4.88776 15.0907 4.89044 15.3488L4.91891 18.0917C4.92455 18.6358 5.36431 19.0756 5.90848 19.0812L8.65139 19.1097C8.90941 19.1124 9.15641 19.2147 9.34074 19.3953L11.3004 21.3147C11.6892 21.6955 12.3111 21.6955 12.6999 21.3147L14.6595 19.3953C14.8439 19.2147 15.0909 19.1124 15.3489 19.1097L18.0918 19.0812C18.636 19.0756 19.0757 18.6358 19.0814 18.0917L19.1098 15.3488C19.1125 15.0907 19.2148 14.8438 19.3954 14.6594L21.3148 12.6997C21.6956 12.311 21.6956 11.6891 21.3148 11.3003L19.3954 9.34062C19.2148 9.15628 19.1125 8.90929 19.1098 8.65127L19.0814 5.90835C19.0757 5.36419 18.636 4.92443 18.0918 4.91879L15.3489 4.89032C15.0909 4.88764 14.8439 4.78533 14.6595 4.60478L12.6999 2.68537ZM14.5981 10.5004L12 9.00037L9.40192 10.5004V13.5004L12 15.0004L14.5981 13.5004V10.5004Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

9
src/components/bs-icons/system/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as System } from "./System.svg";
export const SystemIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <System ref={ref} {...props} className={className || ''}/>;
});

6
src/components/bs-icons/tab/icon.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg t="1713778219916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="59322" width="16" height="16">
<path
d="M496.141549 5.350309c0.959181 0.639454 1.918361 1.151017 2.877542 1.662579 18.863883 10.423095 37.53593 21.038026 56.207977 31.716902l111.64861 64.648766 214.344869 123.222722c19.439391 11.126494 45.081484 20.462517 46.616173 46.296445 0.703399 12.405401 0.511563 24.938693 0.319726 37.344094l-0.191836 18.608102 0.575509 258.786899 0.383672 163.700138a33.187645 33.187645 0 0 1-16.370014 28.583579c-0.959181 0.639454-1.918361 1.151017-2.877542 1.66258a3623.78393 3623.78393 0 0 1-55.504578 32.867918l-111.840446 64.265094-213.833306 124.181902c-19.375446 11.254385-40.541362 28.967251-63.817476 17.265249a528.380565 528.380565 0 0 1-32.420301-18.416266l-16.050287-9.527859-224.384292-128.849914-141.958714-81.530343a33.251591 33.251591 0 0 1-15.858451-22.76455l-0.511563-5.755083-0.127891-59.469191-0.639453-257.827719L32.40975 274.368466c0-18.480211 15.155052-32.164519 32.995809-32.995809 16.050287-0.703399 29.926432 12.597237 32.548192 27.88018l0.447617 5.115629 0.127891 59.469191 0.639454 257.763774-0.639454 143.685238 36.129132 19.119665 223.553002 128.402296 122.455377 71.36303 35.809406-20.718299 223.041439-129.297532 123.414557-71.235138-0.063945-41.116871-0.639454-257.827718 0.767345-139.4009-36.320969-23.212168L603.122148 142.832847 462.889958 62.325631a32.995809 32.995809 0 1 1 33.251591-56.911377zM480.027317 384.546333a127.890733 127.890733 0 1 1 0 255.781467 127.890733 127.890733 0 0 1 0-255.781467zM217.915259 131.962135a32.995809 32.995809 0 0 1 4.987738 53.969889l-4.795902 3.389105-73.089554 42.395778a32.995809 32.995809 0 0 1-38.175384-53.522272l4.859848-3.45305 73.089554-42.395778A32.995809 32.995809 0 0 1 217.851313 131.962135zM313.769363 60.982778l8.760516 1.151016a33.1237 33.1237 0 0 1 10.231258 4.795903l4.348285 3.644886 5.115629 6.650318a24.42713 24.42713 0 0 1 3.964613 12.213565 24.874748 24.874748 0 0 1-0.639453 13.236691 24.682912 24.682912 0 0 1-5.882974 11.190439 24.938693 24.938693 0 0 1-5.755083 6.202701L330.395159 122.37033l-4.220395 2.429924a32.803973 32.803973 0 0 1-10.870712 3.964613l-5.755083 0.447617-8.824461-1.151017a33.1237 33.1237 0 0 1-10.231258-4.859847l-4.348285-3.644886-5.115629-6.586373a24.42713 24.42713 0 0 1-3.964613-12.27751 29.478814 29.478814 0 0 1 6.522427-24.363185 24.938693 24.938693 0 0 1 5.563247-6.202701l3.516995-2.302033 4.476176-2.493869a32.803973 32.803973 0 0 1 16.625795-4.412231z"
fill="currentColor" p-id="59323"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

10
src/components/bs-icons/tab/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as Tab } from "./icon.svg";
export const TabIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <Tab ref={ref} {...props} className={_className} />;
});

8
src/components/bs-icons/technology/Technology.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 452">
<path id="Vector 11" d="M11 5H17C17.5523 5 18 5.44772 18 6V12" stroke="currentColor" stroke-width="2"/>
<path id="Rectangle 241" d="M11.5 11.5L20 14V18C20 19.1046 19.1046 20 18 20H14L11.5 11.5Z" fill="currentColor"/>
<path id="Rectangle 242" d="M11.5 11.5L3 9L3 5C3 3.89543 3.89543 3 5 3L9 3L11.5 11.5Z" fill="currentColor"/>
<path id="Vector 12" d="M12 18L6 18C5.44771 18 5 17.5523 5 17L5 11" stroke="currentColor" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 562 B

9
src/components/bs-icons/technology/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Technology } from "./Technology.svg";
export const TechnologyIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({className,...props}, ref) => {
return <Technology ref={ref} {...props} className={className || ''}/>;
});

8
src/components/bs-icons/thumbs/copy.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 488">
<rect id="Rectangle 231" x="5.75" y="5.75" width="12.5" height="13.5" rx="2.25" fill="white"
stroke="currentColor" stroke-width="1.5" />
<rect id="Rectangle 232" x="8.75" y="4.75" width="6.5" height="3.5" rx="1.25" fill="white" stroke="currentColor"
stroke-width="1.5" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 446 B

6
src/components/bs-icons/thumbs/copyDark.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 488">
<rect id="Rectangle 231" x="5.75" y="5.75" width="12.5" height="13.5" rx="2.25" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
<rect id="Rectangle 232" x="8.75" y="4.75" width="6.5" height="3.5" rx="1.25" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 391 B

27
src/components/bs-icons/thumbs/index.tsx Normal file
View File

@@ -0,0 +1,27 @@
import React, { forwardRef } from "react";
import { ReactComponent as copy } from "./copy.svg";
import { ReactComponent as copyDark } from "./copyDark.svg";
import { ReactComponent as like } from "./like.svg";
import { ReactComponent as likeDark } from "./likeDark.svg";
import { ReactComponent as unLike } from "./unLike.svg";
import { ReactComponent as unLikeDark } from "./unLikeDark.svg";
type ThunmbIconType = 'copy' | 'like' | 'unLike' | 'copyDark' | 'likeDark' | 'unLikeDark';
export const ThunmbIcon = forwardRef<
SVGSVGElement & { type: ThunmbIconType, className: string },
React.PropsWithChildren<{ type: ThunmbIconType, className: string }>
>((props, ref) => {
const comps = {
'copy': copy,
'copyDark': copyDark,
'like': like,
'likeDark': likeDark,
'unLike': unLike,
'unLikeDark': unLikeDark,
}
const Comp = comps[props.type];
const _className = 'transition text-gray-400 ' + (props.className || '')
return <Comp ref={ref} {...props} className={_className} />;
});

18
src/components/bs-icons/thumbs/like.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 489">
<rect id="Rectangle 231" x="4.75" y="9.75" width="3.5" height="8.5" rx="1.75" fill="white" stroke="currentColor"
stroke-width="1.5" />
<g id="Union">
<mask id="path-2-inside-1_399_44" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z" />
</mask>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z"
fill="white" />
<path
d="M10.6318 5.48839L9.33611 4.73258V4.73258L10.6318 5.48839ZM8.89567 8.46456L9.69893 9.73136L10.0073 9.5358L10.1913 9.22037L8.89567 8.46456ZM18.4575 16.367L19.8672 16.8796V16.8796L18.4575 16.367ZM20.2802 11.3544L21.6899 11.867L20.2802 11.3544ZM14.5 8H13V9.5H14.5V8ZM11.9274 6.24419C12.1963 5.78337 12.6896 5.5 13.2231 5.5V2.5C11.6226 2.5 10.1426 3.3501 9.33611 4.73258L11.9274 6.24419ZM10.1913 9.22037L11.9274 6.24419L9.33611 4.73258L7.6 7.70876L10.1913 9.22037ZM9 11C9 10.4682 9.27563 9.99977 9.69893 9.73136L8.09241 7.19777C6.83801 7.99317 6 9.3982 6 11H9ZM9 16V11H6V16H9ZM10.5 17.5C9.67157 17.5 9 16.8284 9 16H6C6 18.4853 8.01472 20.5 10.5 20.5V17.5ZM14.6983 17.5H10.5V20.5H14.6983V17.5ZM17.0478 15.8544C16.6885 16.8423 15.7496 17.5 14.6983 17.5V20.5C17.0111 20.5 19.0768 19.0531 19.8672 16.8796L17.0478 15.8544ZM18.8705 10.8417L17.0478 15.8544L19.8672 16.8796L21.6899 11.867L18.8705 10.8417ZM17.9307 9.5C18.6247 9.5 19.1077 10.1896 18.8705 10.8417L21.6899 11.867C22.6386 9.25824 20.7066 6.5 17.9307 6.5V9.5ZM14.5 9.5H17.9307V6.5H14.5V9.5ZM13 5V8H16V5H13ZM13.5 5.5C13.2239 5.5 13 5.27614 13 5H16C16 3.61929 14.8807 2.5 13.5 2.5V5.5ZM13.2231 5.5H13.5V2.5H13.2231V5.5Z"
fill="currentColor" mask="url(#path-2-inside-1_399_44)" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

12
src/components/bs-icons/thumbs/likeDark.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 489">
<rect id="Rectangle 231" x="4.75" y="9.75" width="3.5" height="8.5" rx="1.75" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
<g id="Union">
<mask id="path-2-inside-1_387_497" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2231 4C12.1561 4 11.1694 4.56673 10.6318 5.48839L8.89567 8.46456C8.05682 8.99647 7.5 9.93321 7.5 11V16C7.5 17.6569 8.84315 19 10.5 19H14.6983C16.3803 19 17.8826 17.9477 18.4575 16.367L20.2802 11.3544C20.8731 9.7239 19.6657 8 17.9307 8H14.5V5C14.5 4.44772 14.0523 4 13.5 4H13.2231Z" fill="#1B1B1B"/>
<path d="M10.6318 5.48839L9.33611 4.73258V4.73258L10.6318 5.48839ZM8.89567 8.46456L9.69893 9.73136L10.0073 9.5358L10.1913 9.22037L8.89567 8.46456ZM18.4575 16.367L19.8672 16.8796V16.8796L18.4575 16.367ZM20.2802 11.3544L21.6899 11.867L20.2802 11.3544ZM14.5 8H13V9.5H14.5V8ZM11.9274 6.24419C12.1963 5.78337 12.6896 5.5 13.2231 5.5V2.5C11.6226 2.5 10.1426 3.3501 9.33611 4.73258L11.9274 6.24419ZM10.1913 9.22037L11.9274 6.24419L9.33611 4.73258L7.6 7.70876L10.1913 9.22037ZM9 11C9 10.4682 9.27563 9.99977 9.69893 9.73136L8.09241 7.19777C6.83801 7.99317 6 9.3982 6 11H9ZM9 16V11H6V16H9ZM10.5 17.5C9.67157 17.5 9 16.8284 9 16H6C6 18.4853 8.01472 20.5 10.5 20.5V17.5ZM14.6983 17.5H10.5V20.5H14.6983V17.5ZM17.0478 15.8544C16.6885 16.8423 15.7496 17.5 14.6983 17.5V20.5C17.0111 20.5 19.0768 19.0531 19.8672 16.8796L17.0478 15.8544ZM18.8705 10.8417L17.0478 15.8544L19.8672 16.8796L21.6899 11.867L18.8705 10.8417ZM17.9307 9.5C18.6247 9.5 19.1077 10.1896 18.8705 10.8417L21.6899 11.867C22.6386 9.25824 20.7066 6.5 17.9307 6.5V9.5ZM14.5 9.5H17.9307V6.5H14.5V9.5ZM13 5V8H16V5H13ZM13.5 5.5C13.2239 5.5 13 5.27614 13 5H16C16 3.61929 14.8807 2.5 13.5 2.5V5.5ZM13.2231 5.5H13.5V2.5H13.2231V5.5Z" fill="#898C97" mask="url(#path-2-inside-1_387_497)"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

20
src/components/bs-icons/thumbs/unLike.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 490">
<g id="Group 491">
<rect id="Rectangle 231" x="19.25" y="14.25" width="3.5" height="8.5" rx="1.75"
transform="rotate(-180 19.25 14.25)" fill="white" stroke="currentColor" stroke-width="1.5" />
<g id="Union">
<mask id="path-2-inside-1_399_50" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z" />
</mask>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z"
fill="white" />
<path
d="M12.4061 18.8L13.6061 19.7L13.6061 19.7L12.4061 18.8ZM14.6872 15.7586L14.0961 14.3799L13.7277 14.5379L13.4872 14.8586L14.6872 15.7586ZM5.54864 7.63302L4.13895 7.12041L4.13895 7.12041L5.54864 7.63302ZM3.72587 12.6456L2.31618 12.133L3.72587 12.6456ZM9.17277 16L10.6524 16.2466L10.9435 14.5L9.17277 14.5L9.17277 16ZM8.70017 18.8356L10.1798 19.0822L10.1798 19.0822L8.70017 18.8356ZM11.2061 17.9C10.9228 18.2777 10.4782 18.5 10.0061 18.5L10.0061 21.5C11.4225 21.5 12.7563 20.8331 13.6061 19.7L11.2061 17.9ZM13.4872 14.8586L11.2061 17.9L13.6061 19.7L15.8872 16.6586L13.4872 14.8586ZM15.0061 13C15.0061 13.6164 14.634 14.1493 14.0961 14.3799L15.2782 17.1372C16.8796 16.4507 18.0061 14.8586 18.0061 13L15.0061 13ZM15.0061 8L15.0061 13L18.0061 13L18.0061 8L15.0061 8ZM13.5061 6.5C14.3345 6.5 15.0061 7.17157 15.0061 8L18.0061 8C18.0061 5.51472 15.9914 3.5 13.5061 3.5L13.5061 6.5ZM9.30781 6.5L13.5061 6.5L13.5061 3.5L9.30781 3.5L9.30781 6.5ZM6.95833 8.14564C7.31759 7.15767 8.25655 6.5 9.30781 6.5L9.30781 3.5C6.99503 3.5 4.92933 4.94687 4.13895 7.12041L6.95833 8.14564ZM5.13556 13.1583L6.95833 8.14564L4.13895 7.12041L2.31618 12.133L5.13556 13.1583ZM6.07535 14.5C5.38139 14.5 4.8984 13.8104 5.13556 13.1583L2.31618 12.133C1.36755 14.7418 3.29949 17.5 6.07535 17.5L6.07535 14.5ZM9.17277 14.5L6.07535 14.5L6.07535 17.5L9.17277 17.5L9.17277 14.5ZM10.1798 19.0822L10.6524 16.2466L7.69318 15.7534L7.22058 18.589L10.1798 19.0822ZM9.68656 18.5C9.99553 18.5 10.2306 18.7774 10.1798 19.0822L7.22058 18.589C6.96661 20.1128 8.14171 21.5 9.68656 21.5L9.68656 18.5ZM10.0061 18.5L9.68656 18.5L9.68656 21.5L10.0061 21.5L10.0061 18.5Z"
fill="currentColor" mask="url(#path-2-inside-1_399_50)" />
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

14
src/components/bs-icons/thumbs/unLikeDark.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 490">
<g id="Group 491">
<rect id="Rectangle 231" x="19.25" y="14.25" width="3.5" height="8.5" rx="1.75" transform="rotate(-180 19.25 14.25)" fill="#1B1B1B" stroke="#898C97" stroke-width="1.5"/>
<g id="Union">
<mask id="path-2-inside-1_387_503" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0061 20C10.9504 20 11.8395 19.5554 12.4061 18.8L14.6872 15.7586C15.7568 15.3 16.5061 14.2375 16.5061 13L16.5061 8C16.5061 6.34315 15.163 5 13.5061 5L9.30781 5C7.62579 5 6.12346 6.05227 5.54864 7.63302L3.72587 12.6456C3.13298 14.2761 4.34044 16 6.07535 16L9.17277 16L8.70017 18.8356C8.59858 19.4451 9.06862 20 9.68656 20L10.0061 20Z" fill="#1B1B1B"/>
<path d="M12.4061 18.8L13.6061 19.7L13.6061 19.7L12.4061 18.8ZM14.6872 15.7586L14.0961 14.3799L13.7277 14.5379L13.4872 14.8586L14.6872 15.7586ZM5.54864 7.63302L4.13895 7.12041L4.13895 7.12041L5.54864 7.63302ZM3.72587 12.6456L2.31618 12.133L3.72587 12.6456ZM9.17277 16L10.6524 16.2466L10.9435 14.5L9.17277 14.5L9.17277 16ZM8.70017 18.8356L10.1798 19.0822L10.1798 19.0822L8.70017 18.8356ZM11.2061 17.9C10.9228 18.2777 10.4782 18.5 10.0061 18.5L10.0061 21.5C11.4225 21.5 12.7563 20.8331 13.6061 19.7L11.2061 17.9ZM13.4872 14.8586L11.2061 17.9L13.6061 19.7L15.8872 16.6586L13.4872 14.8586ZM15.0061 13C15.0061 13.6164 14.634 14.1493 14.0961 14.3799L15.2782 17.1372C16.8796 16.4507 18.0061 14.8586 18.0061 13L15.0061 13ZM15.0061 8L15.0061 13L18.0061 13L18.0061 8L15.0061 8ZM13.5061 6.5C14.3345 6.5 15.0061 7.17157 15.0061 8L18.0061 8C18.0061 5.51472 15.9914 3.5 13.5061 3.5L13.5061 6.5ZM9.30781 6.5L13.5061 6.5L13.5061 3.5L9.30781 3.5L9.30781 6.5ZM6.95833 8.14564C7.31759 7.15767 8.25655 6.5 9.30781 6.5L9.30781 3.5C6.99503 3.5 4.92933 4.94687 4.13895 7.12041L6.95833 8.14564ZM5.13556 13.1583L6.95833 8.14564L4.13895 7.12041L2.31618 12.133L5.13556 13.1583ZM6.07535 14.5C5.38139 14.5 4.8984 13.8104 5.13556 13.1583L2.31618 12.133C1.36755 14.7418 3.29949 17.5 6.07535 17.5L6.07535 14.5ZM9.17277 14.5L6.07535 14.5L6.07535 17.5L9.17277 17.5L9.17277 14.5ZM10.1798 19.0822L10.6524 16.2466L7.69318 15.7534L7.22058 18.589L10.1798 19.0822ZM9.68656 18.5C9.99553 18.5 10.2306 18.7774 10.1798 19.0822L7.22058 18.589C6.96661 20.1128 8.14171 21.5 9.68656 21.5L9.68656 18.5ZM10.0061 18.5L9.68656 18.5L9.68656 21.5L10.0061 21.5L10.0061 18.5Z" fill="#898C97" mask="url(#path-2-inside-1_387_503)"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

7
src/components/bs-icons/tip/icon.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 587">
<circle id="Ellipse 14" cx="10" cy="10" r="9" stroke="#EB4545" stroke-width="2" />
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M11 5H9V12H11V5ZM11 13H9V15H11V13Z"
fill="#EB4545" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 359 B

9
src/components/bs-icons/tip/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Tip } from "./icon.svg";
export const TipIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Tip ref={ref} {...props} />;
});

7
src/components/bs-icons/toast/Error.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="20" height="20" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 706">
<circle id="Ellipse 19" cx="16" cy="16" r="16" fill="#D8341E" />
<path id="Vector 21" d="M11 21L21 11" stroke="white" stroke-width="3" stroke-linejoin="round" />
<path id="Vector 22" d="M11 11L21 21" stroke="white" stroke-width="3" stroke-linejoin="round" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 417 B

7
src/components/bs-icons/toast/Info.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="20" height="20" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 706">
<circle id="Ellipse 19" cx="16" cy="16" r="16" fill="#024FE5" />
<path id="Vector 22" d="M16 14V23" stroke="white" stroke-width="3" stroke-linejoin="round" />
<path id="Vector 23" d="M16 9V12" stroke="white" stroke-width="3" stroke-linejoin="round" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 410 B

6
src/components/bs-icons/toast/Success.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="20" height="20" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 706">
<circle id="Ellipse 19" cx="16" cy="16" r="16" fill="#0BA95D" />
<path id="Vector 21" d="M10 15.6923L14.2 20L22 12" stroke="white" stroke-width="3" stroke-linejoin="round" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 325 B

7
src/components/bs-icons/toast/Warning.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="20" height="20" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 706">
<circle id="Ellipse 19" cx="16" cy="16" r="16" fill="#EA991F" />
<path id="Vector 24" d="M16 9V18" stroke="white" stroke-width="3" stroke-linejoin="round" />
<path id="Vector 23" d="M16 20V23" stroke="white" stroke-width="3" stroke-linejoin="round" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 410 B

21
src/components/bs-icons/toast/index.tsx Normal file
View File

@@ -0,0 +1,21 @@
import React, { forwardRef } from "react";
import { ReactComponent as Info } from "./Info.svg";
import { ReactComponent as Success } from "./Success.svg";
import { ReactComponent as Warning } from "./Warning.svg";
import { ReactComponent as Error } from "./Error.svg";
type Type = 'info' | 'error' | 'success' | 'warning'
export const ToastIcon = forwardRef<
SVGSVGElement & { type: Type },
React.PropsWithChildren<{ type?: Type }>
>(({ type = 'info', ...props }, ref) => {
const coponents = {
info: Info,
error: Error,
success: Success,
warning: Warning
}
const Comp = coponents[type]
return <Comp ref={ref} {...props} />;
});

14
src/components/bs-icons/tool/icon.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.24279 6.95985C12.7783 3.42432 15.6067 6.25274 15.6067 6.25274L8.3589 13.5006C8.06601 13.7935 7.59114 13.7935 7.29824 13.5006L5.53048 11.7328C5.23758 11.4399 5.23644 10.9662 5.52934 10.6733C6.09021 10.1124 7.18953 9.01311 9.24279 6.95985Z" fill="url(#paint0_linear_468_43)"/>
<path d="M19.0066 15.9348L12.4658 9.39404L10.2628 11.5971L16.8035 18.1378C17.0964 18.4307 17.5713 18.4307 17.8642 18.1378L19.0066 16.9954C19.2995 16.7025 19.2995 16.2277 19.0066 15.9348Z" fill="url(#paint1_linear_468_43)"/>
<defs>
<linearGradient id="paint0_linear_468_43" x1="12.7783" y1="6.25274" x2="5.70725" y2="13.3238" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.82"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint1_linear_468_43" x1="12.0002" y1="9.5" x2="19.0002" y2="17.5" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.44"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

9
src/components/bs-icons/tool/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as Tool } from "./icon.svg";
export const ToolIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <Tool ref={ref} {...props} />;
});

11
src/components/bs-icons/upload/icon.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 542">
<g id="Group 417">
<path id="Rectangle 186"
d="M4 15L4 17.4C4 17.9601 4 18.2401 4.10899 18.454C4.20487 18.6422 4.35785 18.7951 4.54601 18.891C4.75992 19 5.03995 19 5.6 19L18.4 19C18.9601 19 19.2401 19 19.454 18.891C19.6422 18.7951 19.7951 18.6422 19.891 18.454C20 18.2401 20 17.9601 20 17.4L20 15"
stroke="currentColor" stroke-width="2" />
<path id="Vector 1" d="M12 14L12 6.5M8 9L12 5L16 9" stroke="currentColor" stroke-width="2"
stroke-linejoin="round" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 685 B

10
src/components/bs-icons/upload/index.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React, { forwardRef } from "react";
import { ReactComponent as Upload } from "./icon.svg";
export const UploadIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
const _className = 'transition text-gray-950 ' + (className || '')
return <Upload ref={ref} {...props} className={_className} />;
});

6
src/components/bs-icons/user/User.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg t="1710939144959" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1471"
width="24" height="24">
<path
d="M504.951 511.98c93.49 0 169.28-74.002 169.28-165.26 0-91.276-75.79-165.248-169.28-165.248-93.486 0-169.287 73.972-169.279 165.248-0.001 91.258 75.793 165.26 169.28 165.26z m77.6 55.098H441.466c-120.767 0-218.678 95.564-218.678 213.45V794.3c0 48.183 97.911 48.229 218.678 48.229H582.55c120.754 0 218.66-1.78 218.66-48.229v-13.77c0-117.887-97.898-213.45-218.66-213.45z"
p-id="1472" fill="#CDD1DE"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 587 B

9
src/components/bs-icons/user/index.tsx Normal file
View File

@@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import { ReactComponent as User } from "./User.svg";
export const UserIcon = forwardRef<
SVGSVGElement & { className: any },
React.PropsWithChildren<{ className?: string }>
>((props, ref) => {
return <User ref={ref} {...props} />;
});