---
title: Icon
---

import { DocusaurusDoc } from '@freesewing/react/components/Docusaurus'
import { ComponentDocs } from '@site/src/components/component-docs.js'
import * as jsdoc from '@site/prebuild/jsdoc/components.icon.mjs'
import {
  ApplyIcon,
  AsideIcon,
  BackIcon,
  BeakerIcon,
  BookmarkIcon,
  BoolNoIcon,
  BoolYesIcon,
  BulletIcon,
  ChatIcon,
  CircleIcon,
  CisFemaleIcon,
  CisMaleIcon,
  CloneIcon,
  CloseIcon,
  CodeIcon,
  CompareIcon,
  ControlIcon,
  CopyIcon,
  CoverPageIcon,
  CuratedMeasurementsSetIcon,
  DesignIcon,
  DetailIcon,
  DocsIcon,
  DownIcon,
  DownloadIcon,
  EditIcon,
  EmailIcon,
  ErrorIcon,
  ExpandIcon,
  ExportIcon,
  FailureIcon,
  FilterIcon,
  FingerprintIcon,
  FixmeIcon,
  FlagIcon,
  FlipIcon,
  FreeSewingIcon,
  GaugeIcon,
  GitHubIcon,
  GoogleIcon,
  GroupIcon,
  HeartIcon,
  HelpIcon,
  IconWrapper,
  IncludeIcon,
  InstagramIcon,
  KeyIcon,
  KioskIcon,
  LeftIcon,
  LinkIcon,
  ListIcon,
  LockIcon,
  MarginIcon,
  MastodonIcon,
  MeasurementsIcon,
  MeasurementsSetIcon,
  MenuIcon,
  NewMeasurementsSetIcon,
  NewPatternIcon,
  NewsletterIcon,
  NoIcon,
  OkIcon,
  OptionsIcon,
  PageMarginIcon,
  PageOrientationIcon,
  PageSizeIcon,
  PaperlessIcon,
  PatternIcon,
  PlusIcon,
  PrintIcon,
  PrivacyIcon,
  RedditIcon,
  ReloadIcon,
  ResetAllIcon,
  ResetIcon,
  RightIcon,
  RocketIcon,
  RotateIcon,
  RssIcon,
  SaIcon,
  SaveAsIcon,
  SaveIcon,
  ScaleIcon,
  SearchIcon,
  SettingsIcon,
  ShieldIcon,
  ShowcaseIcon,
  SignoutIcon,
  SpinnerIcon,
  SuccessIcon,
  TikTokIcon,
  TipIcon,
  TrashIcon,
  TwitchIcon,
  UiIcon,
  UndoIcon,
  UnitsIcon,
  UpIcon,
  UploadIcon,
  UserIcon,
  UxIcon,
  WarningIcon,
  WrenchIcon,
  XrayIcon,
  ZoomInIcon,
  ZoomOutIcon,
} from '@freesewing/react/components/Icon'

<DocusaurusDoc>

The __Icon__ component family provides the following components:

- [ApplyIcon](#applyicon)
- [AsideIcon](#asideicon)
- [BackIcon](#backicon)
- [BeakerIcon](#beakericon)
- [BookmarkIcon](#bookmarkicon)
- [BoolNoIcon](#boolnoicon)
- [BoolYesIcon](#boolyesicon)
- [BulletIcon](#bulleticon)
- [ChatIcon](#chaticon)
- [CircleIcon](#circleicon)
- [CisFemaleIcon](#cisfemaleicon)
- [CisMaleIcon](#cismaleicon)
- [CloneIcon](#cloneicon)
- [CloseIcon](#closeicon)
- [CodeIcon](#codeicon)
- [CompareIcon](#compareicon)
- [ControlIcon](#controlicon)
- [CopyIcon](#copyicon)
- [CoverPageIcon](#coverpageicon)
- [CuratedMeasurementsSetIcon](#curatedmeasurementsseticon)
- [DesignIcon](#designicon)
- [DetailIcon](#detailicon)
- [DocsIcon](#docsicon)
- [DownIcon](#downicon)
- [DownloadIcon](#downloadicon)
- [EditIcon](#editicon)
- [EmailIcon](#emailicon)
- [ErrorIcon](#erroricon)
- [ExpandIcon](#expandicon)
- [ExportIcon](#exporticon)
- [FailureIcon](#failureicon)
- [FilterIcon](#filtericon)
- [FingerprintIcon](#fingerprinticon)
- [FixmeIcon](#fixmeicon)
- [FlagIcon](#flagicon)
- [FlipIcon](#flipicon)
- [FreeSewingIcon](#freesewingicon)
- [GaugeIcon](#gaugeicon)
- [GitHubIcon](#githubicon)
- [GoogleIcon](#googleicon)
- [GroupIcon](#groupicon)
- [HeartIcon](#hearticon)
- [HelpIcon](#helpicon)
- [IconWrapper](#iconwrapper)
- [IncludeIcon](#includeicon)
- [InstagramIcon](#instagramicon)
- [KeyIcon](#keyicon)
- [KioskIcon](#kioskicon)
- [LeftIcon](#lefticon)
- [LinkIcon](#linkicon)
- [ListIcon](#listicon)
- [LockIcon](#lockicon)
- [MarginIcon](#marginicon)
- [MastodonIcon](#mastodonicon)
- [MeasurementsIcon](#measurementsicon)
- [MeasurementsSetIcon](#measurementsseticon)
- [MenuIcon](#menuicon)
- [NewMeasurementsSetIcon](#newmeasurementsseticon)
- [NewPatternIcon](#newpatternicon)
- [NewsletterIcon](#newslettericon)
- [NoIcon](#noicon)
- [OkIcon](#okicon)
- [OptionsIcon](#optionsicon)
- [PageMarginIcon](#pagemarginicon)
- [PageOrientationIcon](#pageorientationicon)
- [PageSizeIcon](#pagesizeicon)
- [PaperlessIcon](#paperlessicon)
- [PatternIcon](#patternicon)
- [PlusIcon](#plusicon)
- [PrintIcon](#printicon)
- [PrivacyIcon](#privacyicon)
- [RedditIcon](#redditicon)
- [ReloadIcon](#reloadicon)
- [ResetAllIcon](#resetallicon)
- [ResetIcon](#reseticon)
- [RightIcon](#righticon)
- [RocketIcon](#rocketicon)
- [RotateIcon](#rotateicon)
- [RssIcon](#rssicon)
- [SaIcon](#saicon)
- [SaveAsIcon](#saveasicon)
- [SaveIcon](#saveicon)
- [ScaleIcon](#scaleicon)
- [SearchIcon](#searchicon)
- [SettingsIcon](#settingsicon)
- [ShieldIcon](#shieldicon)
- [ShowcaseIcon](#showcaseicon)
- [SignoutIcon](#signouticon)
- [SpinnerIcon](#spinnericon)
- [SuccessIcon](#successicon)
- [TikTokIcon](#tiktokicon)
- [TipIcon](#tipicon)
- [TrashIcon](#trashicon)
- [TwitchIcon](#twitchicon)
- [UiIcon](#uiicon)
- [UndoIcon](#undoicon)
- [UnitsIcon](#unitsicon)
- [UpIcon](#upicon)
- [UploadIcon](#uploadicon)
- [UserIcon](#usericon)
- [UxIcon](#uxicon)
- [WarningIcon](#warningicon)
- [WrenchIcon](#wrenchicon)
- [XrayIcon](#xrayicon)
- [ZoomInIcon](#zoominicon)
- [ZoomOutIcon](#zoomouticon)

#### Visual Overview

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>
</div>

## ApplyIcon
<ComponentDocs docs={jsdoc.jsdocApplyIcon} example={ApplyIcon} />

## AsideIcon
<ComponentDocs docs={jsdoc.jsdocAsideIcon} example={AsideIcon} />

## BackIcon
<ComponentDocs docs={jsdoc.jsdocBackIcon} example={BackIcon} />

## BeakerIcon
<ComponentDocs docs={jsdoc.jsdocBeakerIcon} example={BeakerIcon} />

## BookmarkIcon
<ComponentDocs docs={jsdoc.jsdocBookmarkIcon} example={BookmarkIcon} />

## BoolNoIcon
<ComponentDocs docs={jsdoc.jsdocBoolNoIcon} example={BoolNoIcon} />

## BoolYesIcon
<ComponentDocs docs={jsdoc.jsdocBoolYesIcon} example={BoolYesIcon} />

## BulletIcon
<ComponentDocs docs={jsdoc.jsdocBulletIcon} example={BulletIcon} />

## ChatIcon
<ComponentDocs docs={jsdoc.jsdocChatIcon} example={ChatIcon} />

## CircleIcon
<ComponentDocs docs={jsdoc.jsdocCircleIcon} example={CircleIcon} />

## CisFemaleIcon
<ComponentDocs docs={jsdoc.jsdocCisFemaleIcon} example={CisFemaleIcon} />

## CisMaleIcon
<ComponentDocs docs={jsdoc.jsdocCisMaleIcon} example={CisMaleIcon} />

## CloneIcon
<ComponentDocs docs={jsdoc.jsdocCloneIcon} example={CloneIcon} />

## CloseIcon
<ComponentDocs docs={jsdoc.jsdocCloseIcon} example={CloseIcon} />

## CodeIcon
<ComponentDocs docs={jsdoc.jsdocCodeIcon} example={CodeIcon} />

## CompareIcon
<ComponentDocs docs={jsdoc.jsdocCompareIcon} example={CompareIcon} />

## ControlIcon
<ComponentDocs docs={jsdoc.jsdocControlIcon} example={ControlIcon} />

## CopyIcon
<ComponentDocs docs={jsdoc.jsdocCopyIcon} example={CopyIcon} />

## CoverPageIcon
<ComponentDocs docs={jsdoc.jsdocCoverPageIcon} example={CoverPageIcon} />

## CuratedMeasurementsSetIcon
<ComponentDocs docs={jsdoc.jsdocCuratedMeasurementsSetIcon} example={CuratedMeasurementsSetIcon} />

## DesignIcon
<ComponentDocs docs={jsdoc.jsdocDesignIcon} example={DesignIcon} />

## DetailIcon
<ComponentDocs docs={jsdoc.jsdocDetailIcon} example={DetailIcon} />

## DocsIcon
<ComponentDocs docs={jsdoc.jsdocDocsIcon} example={DocsIcon} />

## DownIcon
<ComponentDocs docs={jsdoc.jsdocDownIcon} example={DownIcon} />

## DownloadIcon
<ComponentDocs docs={jsdoc.jsdocDownloadIcon} example={DownloadIcon} />

## EditIcon
<ComponentDocs docs={jsdoc.jsdocEditIcon} example={EditIcon} />

## EmailIcon
<ComponentDocs docs={jsdoc.jsdocEmailIcon} example={EmailIcon} />

## ErrorIcon
<ComponentDocs docs={jsdoc.jsdocErrorIcon} example={ErrorIcon} />

## ExpandIcon
<ComponentDocs docs={jsdoc.jsdocExpandIcon} example={ExpandIcon} />

## ExportIcon
<ComponentDocs docs={jsdoc.jsdocExportIcon} example={ExportIcon} />

## FailureIcon
<ComponentDocs docs={jsdoc.jsdocFailureIcon} example={FailureIcon} />

## FilterIcon
<ComponentDocs docs={jsdoc.jsdocFilterIcon} example={FilterIcon} />

## FingerprintIcon
<ComponentDocs docs={jsdoc.jsdocFingerprintIcon} example={FingerprintIcon} />

## FixmeIcon
<ComponentDocs docs={jsdoc.jsdocFixmeIcon} example={FixmeIcon} />

## FlagIcon
<ComponentDocs docs={jsdoc.jsdocFlagIcon} example={FlagIcon} />

## FlipIcon
<ComponentDocs docs={jsdoc.jsdocFlipIcon} example={FlipIcon} />

## FreeSewingIcon
<ComponentDocs docs={jsdoc.jsdocFreeSewingIcon} example={FreeSewingIcon} />

## GaugeIcon
<ComponentDocs docs={jsdoc.jsdocGaugeIcon} example={GaugeIcon} />

## GitHubIcon
<ComponentDocs docs={jsdoc.jsdocGitHubIcon} example={GitHubIcon} />

## GoogleIcon
<ComponentDocs docs={jsdoc.jsdocGoogleIcon} example={GoogleIcon} />

## GroupIcon
<ComponentDocs docs={jsdoc.jsdocGroupIcon} example={GroupIcon} />

## HeartIcon
<ComponentDocs docs={jsdoc.jsdocHeartIcon} example={HeartIcon} />

## HelpIcon
<ComponentDocs docs={jsdoc.jsdocHelpIcon} example={HelpIcon} />

## IconWrapper
<ComponentDocs docs={jsdoc.jsdocIconWrapper} example={IconWrapper} />

## IncludeIcon
<ComponentDocs docs={jsdoc.jsdocIncludeIcon} example={IncludeIcon} />

## InstagramIcon
<ComponentDocs docs={jsdoc.jsdocInstagramIcon} example={InstagramIcon} />

## KeyIcon
<ComponentDocs docs={jsdoc.jsdocKeyIcon} example={KeyIcon} />

## KioskIcon
<ComponentDocs docs={jsdoc.jsdocKioskIcon} example={KioskIcon} />

## LeftIcon
<ComponentDocs docs={jsdoc.jsdocLeftIcon} example={LeftIcon} />

## LinkIcon
<ComponentDocs docs={jsdoc.jsdocLinkIcon} example={LinkIcon} />

## ListIcon
<ComponentDocs docs={jsdoc.jsdocListIcon} example={ListIcon} />

## LockIcon
<ComponentDocs docs={jsdoc.jsdocLockIcon} example={LockIcon} />

## MarginIcon
<ComponentDocs docs={jsdoc.jsdocMarginIcon} example={MarginIcon} />

## MastodonIcon
<ComponentDocs docs={jsdoc.jsdocMastodonIcon} example={MastodonIcon} />

## MeasurementsIcon
<ComponentDocs docs={jsdoc.jsdocMeasurementsIcon} example={MeasurementsIcon} />

## MeasurementsSetIcon
<ComponentDocs docs={jsdoc.jsdocMeasurementsSetIcon} example={MeasurementsSetIcon} />

## MenuIcon
<ComponentDocs docs={jsdoc.jsdocMenuIcon} example={MenuIcon} />

## NewMeasurementsSetIcon
<ComponentDocs docs={jsdoc.jsdocNewMeasurementsSetIcon} example={NewMeasurementsSetIcon} />

## NewPatternIcon
<ComponentDocs docs={jsdoc.jsdocNewPatternIcon} example={NewPatternIcon} />

## NewsletterIcon
<ComponentDocs docs={jsdoc.jsdocNewsletterIcon} example={NewsletterIcon} />

## NoIcon
<ComponentDocs docs={jsdoc.jsdocNoIcon} example={NoIcon} />

## OkIcon
<ComponentDocs docs={jsdoc.jsdocOkIcon} example={OkIcon} />

## OptionsIcon
<ComponentDocs docs={jsdoc.jsdocOptionsIcon} example={OptionsIcon} />

## PageMarginIcon
<ComponentDocs docs={jsdoc.jsdocPageMarginIcon} example={PageMarginIcon} />

## PageOrientationIcon
<ComponentDocs docs={jsdoc.jsdocPageOrientationIcon} example={PageOrientationIcon} />

## PageSizeIcon
<ComponentDocs docs={jsdoc.jsdocPageSizeIcon} example={PageSizeIcon} />

## PaperlessIcon
<ComponentDocs docs={jsdoc.jsdocPaperlessIcon} example={PaperlessIcon} />

## PatternIcon
<ComponentDocs docs={jsdoc.jsdocPatternIcon} example={PatternIcon} />

## PlusIcon
<ComponentDocs docs={jsdoc.jsdocPlusIcon} example={PlusIcon} />

## PrintIcon
<ComponentDocs docs={jsdoc.jsdocPrintIcon} example={PrintIcon} />

## PrivacyIcon
<ComponentDocs docs={jsdoc.jsdocPrivacyIcon} example={PrivacyIcon} />

## RedditIcon
<ComponentDocs docs={jsdoc.jsdocRedditIcon} example={RedditIcon} />

## ReloadIcon
<ComponentDocs docs={jsdoc.jsdocReloadIcon} example={ReloadIcon} />

## ResetAllIcon
<ComponentDocs docs={jsdoc.jsdocResetAllIcon} example={ResetAllIcon} />

## ResetIcon
<ComponentDocs docs={jsdoc.jsdocResetIcon} example={ResetIcon} />

## RightIcon
<ComponentDocs docs={jsdoc.jsdocRightIcon} example={RightIcon} />

## RocketIcon
<ComponentDocs docs={jsdoc.jsdocRocketIcon} example={RocketIcon} />

## RotateIcon
<ComponentDocs docs={jsdoc.jsdocRotateIcon} example={RotateIcon} />

## RssIcon
<ComponentDocs docs={jsdoc.jsdocRssIcon} example={RssIcon} />

## SaIcon
<ComponentDocs docs={jsdoc.jsdocSaIcon} example={SaIcon} />

## SaveAsIcon
<ComponentDocs docs={jsdoc.jsdocSaveAsIcon} example={SaveAsIcon} />

## SaveIcon
<ComponentDocs docs={jsdoc.jsdocSaveIcon} example={SaveIcon} />

## ScaleIcon
<ComponentDocs docs={jsdoc.jsdocScaleIcon} example={ScaleIcon} />

## SearchIcon
<ComponentDocs docs={jsdoc.jsdocSearchIcon} example={SearchIcon} />

## SettingsIcon
<ComponentDocs docs={jsdoc.jsdocSettingsIcon} example={SettingsIcon} />

## ShieldIcon
<ComponentDocs docs={jsdoc.jsdocShieldIcon} example={ShieldIcon} />

## ShowcaseIcon
<ComponentDocs docs={jsdoc.jsdocShowcaseIcon} example={ShowcaseIcon} />

## SignoutIcon
<ComponentDocs docs={jsdoc.jsdocSignoutIcon} example={SignoutIcon} />

## SpinnerIcon
<ComponentDocs docs={jsdoc.jsdocSpinnerIcon} example={SpinnerIcon} />

## SuccessIcon
<ComponentDocs docs={jsdoc.jsdocSuccessIcon} example={SuccessIcon} />

## TikTokIcon
<ComponentDocs docs={jsdoc.jsdocTikTokIcon} example={TikTokIcon} />

## TipIcon
<ComponentDocs docs={jsdoc.jsdocTipIcon} example={TipIcon} />

## TrashIcon
<ComponentDocs docs={jsdoc.jsdocTrashIcon} example={TrashIcon} />

## TwitchIcon
<ComponentDocs docs={jsdoc.jsdocTwitchIcon} example={TwitchIcon} />

## UiIcon
<ComponentDocs docs={jsdoc.jsdocUiIcon} example={UiIcon} />

## UndoIcon
<ComponentDocs docs={jsdoc.jsdocUndoIcon} example={UndoIcon} />

## UnitsIcon
<ComponentDocs docs={jsdoc.jsdocUnitsIcon} example={UnitsIcon} />

## UpIcon
<ComponentDocs docs={jsdoc.jsdocUpIcon} example={UpIcon} />

## UploadIcon
<ComponentDocs docs={jsdoc.jsdocUploadIcon} example={UploadIcon} />

## UserIcon
<ComponentDocs docs={jsdoc.jsdocUserIcon} example={UserIcon} />

## UxIcon
<ComponentDocs docs={jsdoc.jsdocUxIcon} example={UxIcon} />

## WarningIcon
<ComponentDocs docs={jsdoc.jsdocWarningIcon} example={WarningIcon} />

## WrenchIcon
<ComponentDocs docs={jsdoc.jsdocWrenchIcon} example={WrenchIcon} />

## XrayIcon
<ComponentDocs docs={jsdoc.jsdocXrayIcon} example={XrayIcon} />

## ZoomInIcon
<ComponentDocs docs={jsdoc.jsdocZoomInIcon} example={ZoomInIcon} />

## ZoomOutIcon
<ComponentDocs docs={jsdoc.jsdocZoomOutIcon} example={ZoomOutIcon} />

</DocusaurusDoc>