@wix/design-system

# WDS Icons Props are React.SVGAttributes<SVGElement> & { size?: string | number; } Example: ```tsx import { PinFilledSmall } from '@wix/wix-ui-icons-common'; <PinFilledSmall size={16} /> ``` ## Resizable Icons *Each identity has a Small variant: IconName + IconNameSmall; IconNameFilled + IconNameFilledSmall* Academy Accessibility AccessibilityFilled Activity Add AddAI AddChannel AddColumnLeft AddColumnRight AddPath AddReceipt AddressSign Adjust AdminAccess AdmissionArea Adobe AdobeExpress AI AIAssistant AIChatbot AIFilled AlignBottom AlignCenterHorizontally AlignCenterVertically AlignLeft AlignRight AlignTop AllBorders Angle API App Apple AppMarket Archive AreaPin ArrowBentUpLeft ArrowBentUpLeftFilled ArrowDown ArrowDownRight ArrowLeft ArrowLeftRight ArrowRight ArrowUp ArrowUpDown Article Attachment Automations AutomationsFilled Background Backward BackwardBottom Badge BadgeFilled Banner Bar BarChartSplit BarChartSplitHorizontal Bing Block Blur Bold BoldLight BonusGift BookingChannels BookingPageLinks Bookmark BookmarkFilled Border BorderDashed BorderDouble BorderSingle BorderSmallerDashed BorderWidth Bow BoxOpen Branch Brightness BrightnessLight Build BulletListThin Button ButtonPill ButtonRounded ButtonSquare CallEnded CallMissed CancelOrder Carousel Cart CartFilled Catalog Category CellBorders ChangeOrder Chat ChatDisabled ChatFilled ChatGPT ChatReply ChatSavedReply Checkbox Checklist Checkroom ChevronCollapse ChevronDown ChevronDownCircle ChevronDownLarge ChevronExpand ChevronLeft ChevronLeftCircle ChevronLeftLarge ChevronRight ChevronRightCircle ChevronRightLarge ChevronUp ChevronUpCircle ChevronUpLarge CircleDashed CircleLarge CircleWedgeBottom CircleWedgeBottomFilled CircleWedgeTop CircleWedgeTopFilled Claude ClearChat Click Cloud Code CodeArray CodeObject CollectionCloud Collections ColorBucket ColorDrop Comment CommentAdd CommentMove Compose Condition Confetti Confirm Container ContentFilter Contrast Copyright CornerRadius Coupon CreditCard CreditCardAccept CreditCardDecline CreditCardPending Crop CropRotate CSS Currency Cutlery CutOut CutOutSparkles Dashboard Database DataCollection DataCollectionDownload DataCollectionLinked DataConnect DataDisconnect Date DateAdd DateAndTime DateChecked DateDuplicate DateSync DecreaseIndentLight Delete DeleteFilled Delivery Design DesignSettings DesignSparkles DesignToken Desktop DesktopDisabled Detach Discord Discount Dismiss DismissFilled DistributeCenter DistributeFullWidth DistributeGlobe DistributeHorizontally DistributeVertically Divider DividerSize DividerSizeLarge DividerSizeMedium DocDownload DocDuplicate DocExpire DockBottom DockLeft DockRight DockTop DocMovefrom DocMovePrevious DocMoveto DocSend Document DocumentExpire DocumentSend Donation Door Doughnut DoughnutFilled DownloadImport Draw Drink Dropdown DropdownList DropShadowBottom DropShadowLeft DropShadowRight DuckDuckGo Duplicate DynamicPage Edit EditDisabled EditorX EditSparkles ElementSelectionTool Elevator Email EmailAlert EmailClick EmailCode EmailFilled EmailGoogle EmailOpen EmailSend EmailSent EmailSettings EmptyTrash EnhancePrompt Enter Equal Erase EraseSparkles ESignature Exclude Exit ExitFullScreen Experiment Exposure Extensions ExtensionsFilled ExternalLink ExtraHot Facebook FaceFemale FAQ Favorite FavoriteFilled Fax Feed Female Figma Filters FixedWidth Flag FlagDismiss FlagFilled FlagFind Focus Folder FolderFind FolderMove Food FoodInStock FoodOutOfStock Footer Formula Forward ForwardTop FourThreeRatio Freeze FullScreen Function FunnelChart GallerySparkle Gem Gemini GetStarted Gift GitHub Globe GlutenFree Google GoogleAds Gradient Grafana Grain Groups Gun Handle Heading HeadingFive HeadingFour HeadingOne HeadingSix HeadingThree HeadingTwo Heart HeartFilled HeatmapChart Height Help HelpCircle Hidden HideSidebar Highlights Hint History Home HorizontalKerning HorizontalMenu HorizontalRatio HorizontalRatioChecked HorizontalTextLight Hot Hotel HugContent Image ImageSparkles Inbox IncreaseIndentLight IndividualPaddings IndoorLight Info InfoCircle InfoCircleFilled InnerShadow Input InputArea Instagram Integrations Intersect Invoice Italic ItalicLight JoinPath JS JSLocked JSW JSX JustifyTextLight Kanban Keypad Languages LanguagesAdd LargeDesktop LargeSize Layers LayoutFourColumns LayoutFull LayoutGallery LayoutGalleryWithPanel LayoutGalleryWithPanelSparkles LayoutList LayoutListWithPanel LayoutOneColumn LayoutSplit LayoutThird LayoutThreeColumns LayoutTwoColumns LayoutTwoColumnsSplit LeftToRightText Legal Library LineChart LineChartSplit LineCirclesFilled LineDifferentWidth LineDotted LineEndArrow LineEndCircle LineEndSquare LineTrianglesFilled LineWarning Link LinkBold LinkedIn List Location LockLocked LockLockedFilled LockUnlocked LockUnlockedFilled LongText LowerCase LowercaseLight Loyalty Ltr MagicWand MagicWandSparkles Male ManagePhotos Map MasonaryGrid Maximize MediaProofing MediumSize MegaMenu Menu Merge MergeCell Messenger Microphone MicrophoneDisabled Microsoft Microsoft365 Minimise Minus MirrorHorizontal MirrorVertical Mobile MobileHeader Moon MoonFilled More MoreFilled Move MoveColumnLeft MoveColumnRight MoveTo Multilingual MultipleChoices Multireference MultiRow MultiSelect Music MusicLibrary Naver NewChat NewFolder NewRelease Newspaper Note Notification NotificationsDisabled Number NumberListThin ObjectPositionBottom ObjectPositionBottomFilled ObjectPositionLeft ObjectPositionLeftFilled ObjectPositionRight ObjectPositionRightFilled ObjectPositionTop ObjectPositionTopFilled Objects ObjectSelectionTool OnlinePrograms Opacity OpenModal OptimizeImage Order OrderAdd OrderFilled Organic Overlay Package PaddingBottom PaddingHorizontal PaddingLeft PaddingRight PaddingTop PaddingVertical Page PageAdd PageCode Pages PageSparkles PaidPlans PaidPlansSell PanTool Passkey Pause PauseFilled Payment PenNib PenNibAdd Perplexity Phone PhoneFilled PhotoAlbums PhotoCamera PieChart PieChartSlice Pin PinFilled Pinterest Pipette Plant Play PlayFilled PlayingCards Portfolio Power Premium PremiumFilled PremiumMove Preview Print PrintFilled Process ProGalleries Promote PromoteFilled Public Publish QR QuarterCircleBottom QuarterCircleBottomFilled QuarterCircleTop QuarterCircleTopFilled QuickAccess QuickFormat Quote QuoteFilled RadioButtonGroup Receipt RectangleLarge RecurringPayment Reddit Redo Reels Reference Refresh Refund RegenerateSparkle RelatedApps Rename RepeaterVertical Replace Required RestaurantsOrders Revert RevertClockwise Reviews RichText RightToLeftText RotateLeft RotateRight RoundCorner RoundedCorner RoundedCornerBottomLeft RoundedCornerBottomRight RoundedCornerTopLeft Rtl Rule SaleChannels Saturation Saved Scenery Search SearchCode SearchSparkles SeatRow SeatRowCurved SeatSelectionTool SectionSparkles SelectedTag SelectionTool SemiCircleBottom SemiCircleBottomFilled SemiCircleTop SemiCircleTopFilled Send SentenceCase SentencecaseLight Server Settings Shadows Share Sharpness Shipping ShortText ShowSidebar Shuffle Shutterstock SidebarDock SidebarUndock Site SiteAdd SiteApp SiteContent SiteDuplicate SiteMap SiteMove SiteSearch SizeAndRatio Slack Slider SmallSize Smile Smoking Snapchat SocialStory SolidColor SortAscending SortAZ SortDescending SortFalseTrue SortTrueFalse SortZA Sound SoundCloud SoundOff Sparkles SparklesFilled Spicy SplitCell SplitPath Spotify SquareCorner SquareRatio SquareRatioChecked sso StackHorizontal StackVertical Staff Stage Stairs StandingArea Statistics StatisticsHorizontal StatusAlert StatusAlertFilled StatusAlertPlain StatusComplete StatusCompleteFilled StatusCompleteSparkle StatusDenied StatusDeniedFilled StatusIndeterminate StatusIndeterminateFilled StatusStop StatusStopFilled StatusWarning StatusWarningFilled Stop StopFilled StretchContent StrikethroughLight Styles Substract TableChart TableChartCol TableChartColRow TableChartRow TableReservation TableRound TableSquare Tablet Tag TaskAdd TaskComplete Tax Temperature Template Terminal Text TextAlignCenter TextAlignCenterLight TextAlignLeft TextAlignLeftLight TextAlignRight TextAlignRightLight TextColor TextColorLight TextFilled TextHighlightColorLight TextJustify TextLengthLight TextLineSpacing TextRemove TextSparkles TextStyles ThreeFourRatio Thumbnails ThumbsDown ThumbsDownFilled ThumbsUp ThumbsUpFilled TicketDuplicate TikTok Time Timer Toggle Token Toolbox Transfer TriangleLarge TS TShirt Twitch Twitter Unarchive Underline UnderlineLight Undo UndoFilled Union Unlink Unsaved Update UploadExport UpperCase UppercaseLight User UserAdd UserBlock UserChecked UserFilled UserJoin UserLeave UserName UserRemove Users UserSearch Variable Vector Vegan Vegetarian VerticalKerning VerticalMenu VerticalRatio VerticalRatioChecked VerticalTextLight VideoCamera VideoCameraDisabled VideoCameraSparkles VideoLibrary ViewExternal Vignette Vimeo Visible VoiceAssistant Volume Waitlist Waveform Wc WcMen WcWomen Webhook Whatsapp Wheelchair Widgets Width WixBooking WixChat WixChatFilled WixEventSnitch WixForms WixFormsFilled WixForum WixMarketplace WixMenu WixSocialPosts Wrap WrapFilled XCorp Yahoo YandexEn YandexRu Yelp Youtube YoutubeFilled ZoomIn ZoomOut ## Regular Icons *No Small variant for this identity* Attachement BreakpointDesktop BreakpointEqualsMobile BreakpointMobile BreakpointToMobile BulletList ChatDisabed Check DecreaseIndent Download FaceDisapointed FaceFrowning FaceGrining FaceNeutral FaceSmiling IncreaseIndent NumberedList RevertReset SectionLayout Star StarFilled StatusCompletetFilled Strikethrough TextHighlightColor TextRemoveFilled TextStrokeColor TextStrokeColorLight Upload VisibileHidden X ## Legacy Exceptions *Icons using legacy SmallFilled naming pattern* AccessibilitySmallFilled CartSmallFilled CircleSmallFilled DiamondSmallFilled OrderSmallFilled WrapSmallFilled