1
0
Fork 0

feat(dev): Added react docs for Pattern + refactor

This adds support for not only documenating components, but also
constants and functions that may be exported next to components.
This commit is contained in:
joostdecock 2025-05-25 16:29:57 +02:00
parent d0baf7cece
commit 22a89f12d3
50 changed files with 1816 additions and 669 deletions

View file

@ -116,7 +116,11 @@ import {
<DocusaurusDoc>
The __Icon__ component family provides the following components:
- [Components](#components)
## Components
The **Icon** component family provides the following components:
- [ApplyIcon](#applyicon)
- [AsideIcon](#asideicon)
@ -230,430 +234,748 @@ The __Icon__ component family provides the following components:
To make it easier to pick an Icon, here is a visual overview:
<div className="tw:flex tw:flex-row tw:flex-wrap tw:items-center tw:gap-2 tw:my-2">
<a href="#applyicon"><ApplyIcon /></a>
<a href="#asideicon"><AsideIcon /></a>
<a href="#backicon"><BackIcon /></a>
<a href="#beakericon"><BeakerIcon /></a>
<a href="#bookmarkicon"><BookmarkIcon /></a>
<a href="#boolnoicon"><BoolNoIcon /></a>
<a href="#boolyesicon"><BoolYesIcon /></a>
<a href="#bulleticon"><BulletIcon /></a>
<a href="#chaticon"><ChatIcon /></a>
<a href="#circleicon"><CircleIcon /></a>
<a href="#cisfemaleicon"><CisFemaleIcon /></a>
<a href="#cismaleicon"><CisMaleIcon /></a>
<a href="#cloneicon"><CloneIcon /></a>
<a href="#closeicon"><CloseIcon /></a>
<a href="#codeicon"><CodeIcon /></a>
<a href="#compareicon"><CompareIcon /></a>
<a href="#controlicon"><ControlIcon /></a>
<a href="#copyicon"><CopyIcon /></a>
<a href="#coverpageicon"><CoverPageIcon /></a>
<a href="#curatedmeasurementsseticon"><CuratedMeasurementsSetIcon /></a>
<a href="#designicon"><DesignIcon /></a>
<a href="#detailicon"><DetailIcon /></a>
<a href="#docsicon"><DocsIcon /></a>
<a href="#downicon"><DownIcon /></a>
<a href="#downloadicon"><DownloadIcon /></a>
<a href="#editicon"><EditIcon /></a>
<a href="#emailicon"><EmailIcon /></a>
<a href="#erroricon"><ErrorIcon /></a>
<a href="#expandicon"><ExpandIcon /></a>
<a href="#exporticon"><ExportIcon /></a>
<a href="#failureicon"><FailureIcon /></a>
<a href="#filtericon"><FilterIcon /></a>
<a href="#fingerprinticon"><FingerprintIcon /></a>
<a href="#fixmeicon"><FixmeIcon /></a>
<a href="#flagicon"><FlagIcon /></a>
<a href="#flipicon"><FlipIcon /></a>
<a href="#freesewingicon"><FreeSewingIcon /></a>
<a href="#gaugeicon"><GaugeIcon /></a>
<a href="#githubicon"><GitHubIcon /></a>
<a href="#googleicon"><GoogleIcon /></a>
<a href="#groupicon"><GroupIcon /></a>
<a href="#hearticon"><HeartIcon /></a>
<a href="#helpicon"><HelpIcon /></a>
<a href="#iconwrapper"><IconWrapper /></a>
<a href="#includeicon"><IncludeIcon /></a>
<a href="#instagramicon"><InstagramIcon /></a>
<a href="#keyicon"><KeyIcon /></a>
<a href="#kioskicon"><KioskIcon /></a>
<a href="#lefticon"><LeftIcon /></a>
<a href="#linkicon"><LinkIcon /></a>
<a href="#listicon"><ListIcon /></a>
<a href="#lockicon"><LockIcon /></a>
<a href="#marginicon"><MarginIcon /></a>
<a href="#mastodonicon"><MastodonIcon /></a>
<a href="#measurementsicon"><MeasurementsIcon /></a>
<a href="#measurementsseticon"><MeasurementsSetIcon /></a>
<a href="#menuicon"><MenuIcon /></a>
<a href="#newmeasurementsseticon"><NewMeasurementsSetIcon /></a>
<a href="#newpatternicon"><NewPatternIcon /></a>
<a href="#newslettericon"><NewsletterIcon /></a>
<a href="#noicon"><NoIcon /></a>
<a href="#okicon"><OkIcon /></a>
<a href="#optionsicon"><OptionsIcon /></a>
<a href="#pagemarginicon"><PageMarginIcon /></a>
<a href="#pageorientationicon"><PageOrientationIcon /></a>
<a href="#pagesizeicon"><PageSizeIcon /></a>
<a href="#paperlessicon"><PaperlessIcon /></a>
<a href="#patternicon"><PatternIcon /></a>
<a href="#plusicon"><PlusIcon /></a>
<a href="#printicon"><PrintIcon /></a>
<a href="#privacyicon"><PrivacyIcon /></a>
<a href="#redditicon"><RedditIcon /></a>
<a href="#reloadicon"><ReloadIcon /></a>
<a href="#resetallicon"><ResetAllIcon /></a>
<a href="#reseticon"><ResetIcon /></a>
<a href="#righticon"><RightIcon /></a>
<a href="#rocketicon"><RocketIcon /></a>
<a href="#rotateicon"><RotateIcon /></a>
<a href="#rssicon"><RssIcon /></a>
<a href="#saicon"><SaIcon /></a>
<a href="#saveasicon"><SaveAsIcon /></a>
<a href="#saveicon"><SaveIcon /></a>
<a href="#scaleicon"><ScaleIcon /></a>
<a href="#searchicon"><SearchIcon /></a>
<a href="#settingsicon"><SettingsIcon /></a>
<a href="#shieldicon"><ShieldIcon /></a>
<a href="#showcaseicon"><ShowcaseIcon /></a>
<a href="#signouticon"><SignoutIcon /></a>
<a href="#spinnericon"><SpinnerIcon /></a>
<a href="#successicon"><SuccessIcon /></a>
<a href="#tiktokicon"><TikTokIcon /></a>
<a href="#tipicon"><TipIcon /></a>
<a href="#trashicon"><TrashIcon /></a>
<a href="#twitchicon"><TwitchIcon /></a>
<a href="#uiicon"><UiIcon /></a>
<a href="#undoicon"><UndoIcon /></a>
<a href="#unitsicon"><UnitsIcon /></a>
<a href="#upicon"><UpIcon /></a>
<a href="#uploadicon"><UploadIcon /></a>
<a href="#usericon"><UserIcon /></a>
<a href="#uxicon"><UxIcon /></a>
<a href="#warningicon"><WarningIcon /></a>
<a href="#wrenchicon"><WrenchIcon /></a>
<a href="#xrayicon"><XrayIcon /></a>
<a href="#zoominicon"><ZoomInIcon /></a>
<a href="#zoomouticon"><ZoomOutIcon /></a>
<a href="#applyicon">
<ApplyIcon />
</a>
<a href="#asideicon">
<AsideIcon />
</a>
<a href="#backicon">
<BackIcon />
</a>
<a href="#beakericon">
<BeakerIcon />
</a>
<a href="#bookmarkicon">
<BookmarkIcon />
</a>
<a href="#boolnoicon">
<BoolNoIcon />
</a>
<a href="#boolyesicon">
<BoolYesIcon />
</a>
<a href="#bulleticon">
<BulletIcon />
</a>
<a href="#chaticon">
<ChatIcon />
</a>
<a href="#circleicon">
<CircleIcon />
</a>
<a href="#cisfemaleicon">
<CisFemaleIcon />
</a>
<a href="#cismaleicon">
<CisMaleIcon />
</a>
<a href="#cloneicon">
<CloneIcon />
</a>
<a href="#closeicon">
<CloseIcon />
</a>
<a href="#codeicon">
<CodeIcon />
</a>
<a href="#compareicon">
<CompareIcon />
</a>
<a href="#controlicon">
<ControlIcon />
</a>
<a href="#copyicon">
<CopyIcon />
</a>
<a href="#coverpageicon">
<CoverPageIcon />
</a>
<a href="#curatedmeasurementsseticon">
<CuratedMeasurementsSetIcon />
</a>
<a href="#designicon">
<DesignIcon />
</a>
<a href="#detailicon">
<DetailIcon />
</a>
<a href="#docsicon">
<DocsIcon />
</a>
<a href="#downicon">
<DownIcon />
</a>
<a href="#downloadicon">
<DownloadIcon />
</a>
<a href="#editicon">
<EditIcon />
</a>
<a href="#emailicon">
<EmailIcon />
</a>
<a href="#erroricon">
<ErrorIcon />
</a>
<a href="#expandicon">
<ExpandIcon />
</a>
<a href="#exporticon">
<ExportIcon />
</a>
<a href="#failureicon">
<FailureIcon />
</a>
<a href="#filtericon">
<FilterIcon />
</a>
<a href="#fingerprinticon">
<FingerprintIcon />
</a>
<a href="#fixmeicon">
<FixmeIcon />
</a>
<a href="#flagicon">
<FlagIcon />
</a>
<a href="#flipicon">
<FlipIcon />
</a>
<a href="#freesewingicon">
<FreeSewingIcon />
</a>
<a href="#gaugeicon">
<GaugeIcon />
</a>
<a href="#githubicon">
<GitHubIcon />
</a>
<a href="#googleicon">
<GoogleIcon />
</a>
<a href="#groupicon">
<GroupIcon />
</a>
<a href="#hearticon">
<HeartIcon />
</a>
<a href="#helpicon">
<HelpIcon />
</a>
<a href="#iconwrapper">
<IconWrapper />
</a>
<a href="#includeicon">
<IncludeIcon />
</a>
<a href="#instagramicon">
<InstagramIcon />
</a>
<a href="#keyicon">
<KeyIcon />
</a>
<a href="#kioskicon">
<KioskIcon />
</a>
<a href="#lefticon">
<LeftIcon />
</a>
<a href="#linkicon">
<LinkIcon />
</a>
<a href="#listicon">
<ListIcon />
</a>
<a href="#lockicon">
<LockIcon />
</a>
<a href="#marginicon">
<MarginIcon />
</a>
<a href="#mastodonicon">
<MastodonIcon />
</a>
<a href="#measurementsicon">
<MeasurementsIcon />
</a>
<a href="#measurementsseticon">
<MeasurementsSetIcon />
</a>
<a href="#menuicon">
<MenuIcon />
</a>
<a href="#newmeasurementsseticon">
<NewMeasurementsSetIcon />
</a>
<a href="#newpatternicon">
<NewPatternIcon />
</a>
<a href="#newslettericon">
<NewsletterIcon />
</a>
<a href="#noicon">
<NoIcon />
</a>
<a href="#okicon">
<OkIcon />
</a>
<a href="#optionsicon">
<OptionsIcon />
</a>
<a href="#pagemarginicon">
<PageMarginIcon />
</a>
<a href="#pageorientationicon">
<PageOrientationIcon />
</a>
<a href="#pagesizeicon">
<PageSizeIcon />
</a>
<a href="#paperlessicon">
<PaperlessIcon />
</a>
<a href="#patternicon">
<PatternIcon />
</a>
<a href="#plusicon">
<PlusIcon />
</a>
<a href="#printicon">
<PrintIcon />
</a>
<a href="#privacyicon">
<PrivacyIcon />
</a>
<a href="#redditicon">
<RedditIcon />
</a>
<a href="#reloadicon">
<ReloadIcon />
</a>
<a href="#resetallicon">
<ResetAllIcon />
</a>
<a href="#reseticon">
<ResetIcon />
</a>
<a href="#righticon">
<RightIcon />
</a>
<a href="#rocketicon">
<RocketIcon />
</a>
<a href="#rotateicon">
<RotateIcon />
</a>
<a href="#rssicon">
<RssIcon />
</a>
<a href="#saicon">
<SaIcon />
</a>
<a href="#saveasicon">
<SaveAsIcon />
</a>
<a href="#saveicon">
<SaveIcon />
</a>
<a href="#scaleicon">
<ScaleIcon />
</a>
<a href="#searchicon">
<SearchIcon />
</a>
<a href="#settingsicon">
<SettingsIcon />
</a>
<a href="#shieldicon">
<ShieldIcon />
</a>
<a href="#showcaseicon">
<ShowcaseIcon />
</a>
<a href="#signouticon">
<SignoutIcon />
</a>
<a href="#spinnericon">
<SpinnerIcon />
</a>
<a href="#successicon">
<SuccessIcon />
</a>
<a href="#tiktokicon">
<TikTokIcon />
</a>
<a href="#tipicon">
<TipIcon />
</a>
<a href="#trashicon">
<TrashIcon />
</a>
<a href="#twitchicon">
<TwitchIcon />
</a>
<a href="#uiicon">
<UiIcon />
</a>
<a href="#undoicon">
<UndoIcon />
</a>
<a href="#unitsicon">
<UnitsIcon />
</a>
<a href="#upicon">
<UpIcon />
</a>
<a href="#uploadicon">
<UploadIcon />
</a>
<a href="#usericon">
<UserIcon />
</a>
<a href="#uxicon">
<UxIcon />
</a>
<a href="#warningicon">
<WarningIcon />
</a>
<a href="#wrenchicon">
<WrenchIcon />
</a>
<a href="#xrayicon">
<XrayIcon />
</a>
<a href="#zoominicon">
<ZoomInIcon />
</a>
<a href="#zoomouticon">
<ZoomOutIcon />
</a>
</div>
## ApplyIcon
### ApplyIcon
<ComponentDocs docs={jsdoc.jsdocApplyIcon} example={ApplyIcon} />
## AsideIcon
### AsideIcon
<ComponentDocs docs={jsdoc.jsdocAsideIcon} example={AsideIcon} />
## BackIcon
### BackIcon
<ComponentDocs docs={jsdoc.jsdocBackIcon} example={BackIcon} />
## BeakerIcon
### BeakerIcon
<ComponentDocs docs={jsdoc.jsdocBeakerIcon} example={BeakerIcon} />
## BookmarkIcon
### BookmarkIcon
<ComponentDocs docs={jsdoc.jsdocBookmarkIcon} example={BookmarkIcon} />
## BoolNoIcon
### BoolNoIcon
<ComponentDocs docs={jsdoc.jsdocBoolNoIcon} example={BoolNoIcon} />
## BoolYesIcon
### BoolYesIcon
<ComponentDocs docs={jsdoc.jsdocBoolYesIcon} example={BoolYesIcon} />
## BulletIcon
### BulletIcon
<ComponentDocs docs={jsdoc.jsdocBulletIcon} example={BulletIcon} />
## ChatIcon
### ChatIcon
<ComponentDocs docs={jsdoc.jsdocChatIcon} example={ChatIcon} />
## CircleIcon
### CircleIcon
<ComponentDocs docs={jsdoc.jsdocCircleIcon} example={CircleIcon} />
## CisFemaleIcon
### CisFemaleIcon
<ComponentDocs docs={jsdoc.jsdocCisFemaleIcon} example={CisFemaleIcon} />
## CisMaleIcon
### CisMaleIcon
<ComponentDocs docs={jsdoc.jsdocCisMaleIcon} example={CisMaleIcon} />
## CloneIcon
### CloneIcon
<ComponentDocs docs={jsdoc.jsdocCloneIcon} example={CloneIcon} />
## CloseIcon
### CloseIcon
<ComponentDocs docs={jsdoc.jsdocCloseIcon} example={CloseIcon} />
## CodeIcon
### CodeIcon
<ComponentDocs docs={jsdoc.jsdocCodeIcon} example={CodeIcon} />
## CompareIcon
### CompareIcon
<ComponentDocs docs={jsdoc.jsdocCompareIcon} example={CompareIcon} />
## ControlIcon
### ControlIcon
<ComponentDocs docs={jsdoc.jsdocControlIcon} example={ControlIcon} />
## CopyIcon
### CopyIcon
<ComponentDocs docs={jsdoc.jsdocCopyIcon} example={CopyIcon} />
## CoverPageIcon
### CoverPageIcon
<ComponentDocs docs={jsdoc.jsdocCoverPageIcon} example={CoverPageIcon} />
## CuratedMeasurementsSetIcon
### CuratedMeasurementsSetIcon
<ComponentDocs docs={jsdoc.jsdocCuratedMeasurementsSetIcon} example={CuratedMeasurementsSetIcon} />
## DesignIcon
### DesignIcon
<ComponentDocs docs={jsdoc.jsdocDesignIcon} example={DesignIcon} />
## DetailIcon
### DetailIcon
<ComponentDocs docs={jsdoc.jsdocDetailIcon} example={DetailIcon} />
## DocsIcon
### DocsIcon
<ComponentDocs docs={jsdoc.jsdocDocsIcon} example={DocsIcon} />
## DownIcon
### DownIcon
<ComponentDocs docs={jsdoc.jsdocDownIcon} example={DownIcon} />
## DownloadIcon
### DownloadIcon
<ComponentDocs docs={jsdoc.jsdocDownloadIcon} example={DownloadIcon} />
## EditIcon
### EditIcon
<ComponentDocs docs={jsdoc.jsdocEditIcon} example={EditIcon} />
## EmailIcon
### EmailIcon
<ComponentDocs docs={jsdoc.jsdocEmailIcon} example={EmailIcon} />
## ErrorIcon
### ErrorIcon
<ComponentDocs docs={jsdoc.jsdocErrorIcon} example={ErrorIcon} />
## ExpandIcon
### ExpandIcon
<ComponentDocs docs={jsdoc.jsdocExpandIcon} example={ExpandIcon} />
## ExportIcon
### ExportIcon
<ComponentDocs docs={jsdoc.jsdocExportIcon} example={ExportIcon} />
## FailureIcon
### FailureIcon
<ComponentDocs docs={jsdoc.jsdocFailureIcon} example={FailureIcon} />
## FilterIcon
### FilterIcon
<ComponentDocs docs={jsdoc.jsdocFilterIcon} example={FilterIcon} />
## FingerprintIcon
### FingerprintIcon
<ComponentDocs docs={jsdoc.jsdocFingerprintIcon} example={FingerprintIcon} />
## FixmeIcon
### FixmeIcon
<ComponentDocs docs={jsdoc.jsdocFixmeIcon} example={FixmeIcon} />
## FlagIcon
### FlagIcon
<ComponentDocs docs={jsdoc.jsdocFlagIcon} example={FlagIcon} />
## FlipIcon
### FlipIcon
<ComponentDocs docs={jsdoc.jsdocFlipIcon} example={FlipIcon} />
## FreeSewingIcon
### FreeSewingIcon
<ComponentDocs docs={jsdoc.jsdocFreeSewingIcon} example={FreeSewingIcon} />
## GaugeIcon
### GaugeIcon
<ComponentDocs docs={jsdoc.jsdocGaugeIcon} example={GaugeIcon} />
## GitHubIcon
### GitHubIcon
<ComponentDocs docs={jsdoc.jsdocGitHubIcon} example={GitHubIcon} />
## GoogleIcon
### GoogleIcon
<ComponentDocs docs={jsdoc.jsdocGoogleIcon} example={GoogleIcon} />
## GroupIcon
### GroupIcon
<ComponentDocs docs={jsdoc.jsdocGroupIcon} example={GroupIcon} />
## HeartIcon
### HeartIcon
<ComponentDocs docs={jsdoc.jsdocHeartIcon} example={HeartIcon} />
## HelpIcon
### HelpIcon
<ComponentDocs docs={jsdoc.jsdocHelpIcon} example={HelpIcon} />
## IconWrapper
### IconWrapper
<ComponentDocs docs={jsdoc.jsdocIconWrapper} example={IconWrapper} />
## IncludeIcon
### IncludeIcon
<ComponentDocs docs={jsdoc.jsdocIncludeIcon} example={IncludeIcon} />
## InstagramIcon
### InstagramIcon
<ComponentDocs docs={jsdoc.jsdocInstagramIcon} example={InstagramIcon} />
## KeyIcon
### KeyIcon
<ComponentDocs docs={jsdoc.jsdocKeyIcon} example={KeyIcon} />
## KioskIcon
### KioskIcon
<ComponentDocs docs={jsdoc.jsdocKioskIcon} example={KioskIcon} />
## LeftIcon
### LeftIcon
<ComponentDocs docs={jsdoc.jsdocLeftIcon} example={LeftIcon} />
## LinkIcon
### LinkIcon
<ComponentDocs docs={jsdoc.jsdocLinkIcon} example={LinkIcon} />
## ListIcon
### ListIcon
<ComponentDocs docs={jsdoc.jsdocListIcon} example={ListIcon} />
## LockIcon
### LockIcon
<ComponentDocs docs={jsdoc.jsdocLockIcon} example={LockIcon} />
## MarginIcon
### MarginIcon
<ComponentDocs docs={jsdoc.jsdocMarginIcon} example={MarginIcon} />
## MastodonIcon
### MastodonIcon
<ComponentDocs docs={jsdoc.jsdocMastodonIcon} example={MastodonIcon} />
## MeasurementsIcon
### MeasurementsIcon
<ComponentDocs docs={jsdoc.jsdocMeasurementsIcon} example={MeasurementsIcon} />
## MeasurementsSetIcon
### MeasurementsSetIcon
<ComponentDocs docs={jsdoc.jsdocMeasurementsSetIcon} example={MeasurementsSetIcon} />
## MenuIcon
### MenuIcon
<ComponentDocs docs={jsdoc.jsdocMenuIcon} example={MenuIcon} />
## NewMeasurementsSetIcon
### NewMeasurementsSetIcon
<ComponentDocs docs={jsdoc.jsdocNewMeasurementsSetIcon} example={NewMeasurementsSetIcon} />
## NewPatternIcon
### NewPatternIcon
<ComponentDocs docs={jsdoc.jsdocNewPatternIcon} example={NewPatternIcon} />
## NewsletterIcon
### NewsletterIcon
<ComponentDocs docs={jsdoc.jsdocNewsletterIcon} example={NewsletterIcon} />
## NoIcon
### NoIcon
<ComponentDocs docs={jsdoc.jsdocNoIcon} example={NoIcon} />
## OkIcon
### OkIcon
<ComponentDocs docs={jsdoc.jsdocOkIcon} example={OkIcon} />
## OptionsIcon
### OptionsIcon
<ComponentDocs docs={jsdoc.jsdocOptionsIcon} example={OptionsIcon} />
## PageMarginIcon
### PageMarginIcon
<ComponentDocs docs={jsdoc.jsdocPageMarginIcon} example={PageMarginIcon} />
## PageOrientationIcon
### PageOrientationIcon
<ComponentDocs docs={jsdoc.jsdocPageOrientationIcon} example={PageOrientationIcon} />
## PageSizeIcon
### PageSizeIcon
<ComponentDocs docs={jsdoc.jsdocPageSizeIcon} example={PageSizeIcon} />
## PaperlessIcon
### PaperlessIcon
<ComponentDocs docs={jsdoc.jsdocPaperlessIcon} example={PaperlessIcon} />
## PatternIcon
### PatternIcon
<ComponentDocs docs={jsdoc.jsdocPatternIcon} example={PatternIcon} />
## PlusIcon
### PlusIcon
<ComponentDocs docs={jsdoc.jsdocPlusIcon} example={PlusIcon} />
## PrintIcon
### PrintIcon
<ComponentDocs docs={jsdoc.jsdocPrintIcon} example={PrintIcon} />
## PrivacyIcon
### PrivacyIcon
<ComponentDocs docs={jsdoc.jsdocPrivacyIcon} example={PrivacyIcon} />
## RedditIcon
### RedditIcon
<ComponentDocs docs={jsdoc.jsdocRedditIcon} example={RedditIcon} />
## ReloadIcon
### ReloadIcon
<ComponentDocs docs={jsdoc.jsdocReloadIcon} example={ReloadIcon} />
## ResetAllIcon
### ResetAllIcon
<ComponentDocs docs={jsdoc.jsdocResetAllIcon} example={ResetAllIcon} />
## ResetIcon
### ResetIcon
<ComponentDocs docs={jsdoc.jsdocResetIcon} example={ResetIcon} />
## RightIcon
### RightIcon
<ComponentDocs docs={jsdoc.jsdocRightIcon} example={RightIcon} />
## RocketIcon
### RocketIcon
<ComponentDocs docs={jsdoc.jsdocRocketIcon} example={RocketIcon} />
## RotateIcon
### RotateIcon
<ComponentDocs docs={jsdoc.jsdocRotateIcon} example={RotateIcon} />
## RssIcon
### RssIcon
<ComponentDocs docs={jsdoc.jsdocRssIcon} example={RssIcon} />
## SaIcon
### SaIcon
<ComponentDocs docs={jsdoc.jsdocSaIcon} example={SaIcon} />
## SaveAsIcon
### SaveAsIcon
<ComponentDocs docs={jsdoc.jsdocSaveAsIcon} example={SaveAsIcon} />
## SaveIcon
### SaveIcon
<ComponentDocs docs={jsdoc.jsdocSaveIcon} example={SaveIcon} />
## ScaleIcon
### ScaleIcon
<ComponentDocs docs={jsdoc.jsdocScaleIcon} example={ScaleIcon} />
## SearchIcon
### SearchIcon
<ComponentDocs docs={jsdoc.jsdocSearchIcon} example={SearchIcon} />
## SettingsIcon
### SettingsIcon
<ComponentDocs docs={jsdoc.jsdocSettingsIcon} example={SettingsIcon} />
## ShieldIcon
### ShieldIcon
<ComponentDocs docs={jsdoc.jsdocShieldIcon} example={ShieldIcon} />
## ShowcaseIcon
### ShowcaseIcon
<ComponentDocs docs={jsdoc.jsdocShowcaseIcon} example={ShowcaseIcon} />
## SignoutIcon
### SignoutIcon
<ComponentDocs docs={jsdoc.jsdocSignoutIcon} example={SignoutIcon} />
## SpinnerIcon
### SpinnerIcon
<ComponentDocs docs={jsdoc.jsdocSpinnerIcon} example={SpinnerIcon} />
## SuccessIcon
### SuccessIcon
<ComponentDocs docs={jsdoc.jsdocSuccessIcon} example={SuccessIcon} />
## TikTokIcon
### TikTokIcon
<ComponentDocs docs={jsdoc.jsdocTikTokIcon} example={TikTokIcon} />
## TipIcon
### TipIcon
<ComponentDocs docs={jsdoc.jsdocTipIcon} example={TipIcon} />
## TrashIcon
### TrashIcon
<ComponentDocs docs={jsdoc.jsdocTrashIcon} example={TrashIcon} />
## TwitchIcon
### TwitchIcon
<ComponentDocs docs={jsdoc.jsdocTwitchIcon} example={TwitchIcon} />
## UiIcon
### UiIcon
<ComponentDocs docs={jsdoc.jsdocUiIcon} example={UiIcon} />
## UndoIcon
### UndoIcon
<ComponentDocs docs={jsdoc.jsdocUndoIcon} example={UndoIcon} />
## UnitsIcon
### UnitsIcon
<ComponentDocs docs={jsdoc.jsdocUnitsIcon} example={UnitsIcon} />
## UpIcon
### UpIcon
<ComponentDocs docs={jsdoc.jsdocUpIcon} example={UpIcon} />
## UploadIcon
### UploadIcon
<ComponentDocs docs={jsdoc.jsdocUploadIcon} example={UploadIcon} />
## UserIcon
### UserIcon
<ComponentDocs docs={jsdoc.jsdocUserIcon} example={UserIcon} />
## UxIcon
### UxIcon
<ComponentDocs docs={jsdoc.jsdocUxIcon} example={UxIcon} />
## WarningIcon
### WarningIcon
<ComponentDocs docs={jsdoc.jsdocWarningIcon} example={WarningIcon} />
## WrenchIcon
### WrenchIcon
<ComponentDocs docs={jsdoc.jsdocWrenchIcon} example={WrenchIcon} />
## XrayIcon
### XrayIcon
<ComponentDocs docs={jsdoc.jsdocXrayIcon} example={XrayIcon} />
## ZoomInIcon
### ZoomInIcon
<ComponentDocs docs={jsdoc.jsdocZoomInIcon} example={ZoomInIcon} />
## ZoomOutIcon
### ZoomOutIcon
<ComponentDocs docs={jsdoc.jsdocZoomOutIcon} example={ZoomOutIcon} />
</DocusaurusDoc>