npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

native-x-icon

v1.0.11

Published

Icon package

Downloads

387

Readme

native-x-icon

semantic-release

Icon package

Install

Yarn

yarn add native-x-icon

NPM

npm install native-x-icon

Usage

import { HomeOutlineIcon } from 'native-x-icon'

function MyComponent() {
return (
<Stack>
  ...
  <HomeOutlineIcon />
  ...
</Stack>
)
}

API

| Property | Default Value | Usage | | --------------------- | --------------- | -------------------------------------------------------------------------------------------------- | | color?: string | COLOR.SECONDARY | Color of the icon | | size?: Size or number | 'normal' | Valid values: 'xx-small', 'x-small', 'small', 'normal', 'large', 'x-large', 'xx-large' or a number |

List of Icon

| Icon | Component | Outline | Outline Component | ---- | --------- | ------- | ------------------ | accessibility | <AccessibilityIcon /> | accessibility-outline | <AccessibilityOutlineIcon /> | add-circle | <AddCircleIcon /> | add-circle-outline | <AddCircleOutlineIcon /> | add | <AddIcon /> | add-outline | <AddOutlineIcon /> | airplane | <AirplaneIcon /> | airplane-outline | <AirplaneOutlineIcon /> | alarm | <AlarmIcon /> | alarm-outline | <AlarmOutlineIcon /> | albums | <AlbumsIcon /> | albums-outline | <AlbumsOutlineIcon /> | alert-circle | <AlertCircleIcon /> | alert-circle-outline | <AlertCircleOutlineIcon /> | alert | <AlertIcon /> | alert-outline | <AlertOutlineIcon /> | american-football | <AmericanFootballIcon /> | american-football-outline | <AmericanFootballOutlineIcon /> | analytics | <AnalyticsIcon /> | analytics-outline | <AnalyticsOutlineIcon /> | aperture | <ApertureIcon /> | aperture-outline | <ApertureOutlineIcon /> | apps | <AppsIcon /> | apps-outline | <AppsOutlineIcon /> | archive | <ArchiveIcon /> | archive-outline | <ArchiveOutlineIcon /> | arrow-back-circle | <ArrowBackCircleIcon /> | arrow-back-circle-outline | <ArrowBackCircleOutlineIcon /> | arrow-back | <ArrowBackIcon /> | arrow-back-outline | <ArrowBackOutlineIcon /> | arrow-down-circle | <ArrowDownCircleIcon /> | arrow-down-circle-outline | <ArrowDownCircleOutlineIcon /> | arrow-down | <ArrowDownIcon /> | arrow-down-outline | <ArrowDownOutlineIcon /> | arrow-forward-circle | <ArrowForwardCircleIcon /> | arrow-forward-circle-outline | <ArrowForwardCircleOutlineIcon /> | arrow-forward | <ArrowForwardIcon /> | arrow-forward-outline | <ArrowForwardOutlineIcon /> | arrow-redo-circle | <ArrowRedoCircleIcon /> | arrow-redo-circle-outline | <ArrowRedoCircleOutlineIcon /> | arrow-redo | <ArrowRedoIcon /> | arrow-redo-outline | <ArrowRedoOutlineIcon /> | arrow-undo-circle | <ArrowUndoCircleIcon /> | arrow-undo-circle-outline | <ArrowUndoCircleOutlineIcon /> | arrow-undo | <ArrowUndoIcon /> | arrow-undo-outline | <ArrowUndoOutlineIcon /> | arrow-up-circle | <ArrowUpCircleIcon /> | arrow-up-circle-outline | <ArrowUpCircleOutlineIcon /> | arrow-up | <ArrowUpIcon /> | arrow-up-outline | <ArrowUpOutlineIcon /> | at-circle | <AtCircleIcon /> | at-circle-outline | <AtCircleOutlineIcon /> | attach | <AttachIcon /> | attach-outline | <AttachOutlineIcon /> | backspace | <BackspaceIcon /> | backspace-outline | <BackspaceOutlineIcon /> | bag-add | <BagAddIcon /> | bag-add-outline | <BagAddOutlineIcon /> | bag-check | <BagCheckIcon /> | bag-check-outline | <BagCheckOutlineIcon /> | bag-handle | <BagHandleIcon /> | bag-handle-outline | <BagHandleOutlineIcon /> | bag | <BagIcon /> | bag-outline | <BagOutlineIcon /> | bag-remove | <BagRemoveIcon /> | bag-remove-outline | <BagRemoveOutlineIcon /> | ban | <BanIcon /> | ban-outline | <BanOutlineIcon /> | bandage | <BandageIcon /> | bandage-outline | <BandageOutlineIcon /> | bar-chart | <BarChartIcon /> | bar-chart-outline | <BarChartOutlineIcon /> | barbell | <BarbellIcon /> | barbell-outline | <BarbellOutlineIcon /> | barcode | <BarcodeIcon /> | barcode-outline | <BarcodeOutlineIcon /> | baseball | <BaseballIcon /> | baseball-outline | <BaseballOutlineIcon /> | basket | <BasketIcon /> | basket-outline | <BasketOutlineIcon /> | basketball | <BasketballIcon /> | basketball-outline | <BasketballOutlineIcon /> | battery-charging | <BatteryChargingIcon /> | battery-charging-outline | <BatteryChargingOutlineIcon /> | battery-dead | <BatteryDeadIcon /> | battery-dead-outline | <BatteryDeadOutlineIcon /> | battery-full | <BatteryFullIcon /> | battery-full-outline | <BatteryFullOutlineIcon /> | battery-half | <BatteryHalfIcon /> | battery-half-outline | <BatteryHalfOutlineIcon /> | beaker | <BeakerIcon /> | beaker-outline | <BeakerOutlineIcon /> | bed | <BedIcon /> | bed-outline | <BedOutlineIcon /> | beer | <BeerIcon /> | beer-outline | <BeerOutlineIcon /> | bicycle | <BicycleIcon /> | bicycle-outline | <BicycleOutlineIcon /> | bluetooth | <BluetoothIcon /> | bluetooth-outline | <BluetoothOutlineIcon /> | boat | <BoatIcon /> | boat-outline | <BoatOutlineIcon /> | body | <BodyIcon /> | body-outline | <BodyOutlineIcon /> | bonfire | <BonfireIcon /> | bonfire-outline | <BonfireOutlineIcon /> | book | <BookIcon /> | book-outline | <BookOutlineIcon /> | bookmark | <BookmarkIcon /> | bookmark-outline | <BookmarkOutlineIcon /> | bookmarks | <BookmarksIcon /> | bookmarks-outline | <BookmarksOutlineIcon /> | briefcase | <BriefcaseIcon /> | briefcase-outline | <BriefcaseOutlineIcon /> | browsers | <BrowsersIcon /> | browsers-outline | <BrowsersOutlineIcon /> | brush | <BrushIcon /> | brush-outline | <BrushOutlineIcon /> | bug | <BugIcon /> | bug-outline | <BugOutlineIcon /> | build | <BuildIcon /> | build-outline | <BuildOutlineIcon /> | bulb | <BulbIcon /> | bulb-outline | <BulbOutlineIcon /> | bus | <BusIcon /> | bus-outline | <BusOutlineIcon /> | business | <BusinessIcon /> | business-outline | <BusinessOutlineIcon /> | cafe | <CafeIcon /> | cafe-outline | <CafeOutlineIcon /> | calculator | <CalculatorIcon /> | calculator-outline | <CalculatorOutlineIcon /> | calendar-clear | <CalendarClearIcon /> | calendar-clear-outline | <CalendarClearOutlineIcon /> | calendar | <CalendarIcon /> | calendar-outline | <CalendarOutlineIcon /> | call | <CallIcon /> | call-outline | <CallOutlineIcon /> | camera | <CameraIcon /> | camera-outline | <CameraOutlineIcon /> | camera-reverse | <CameraReverseIcon /> | camera-reverse-outline | <CameraReverseOutlineIcon /> | car | <CarIcon /> | car-outline | <CarOutlineIcon /> | car-sport | <CarSportIcon /> | car-sport-outline | <CarSportOutlineIcon /> | card | <CardIcon /> | card-outline | <CardOutlineIcon /> | caret-back-circle | <CaretBackCircleIcon /> | caret-back-circle-outline | <CaretBackCircleOutlineIcon /> | caret-back | <CaretBackIcon /> | caret-back-outline | <CaretBackOutlineIcon /> | caret-down-circle | <CaretDownCircleIcon /> | caret-down-circle-outline | <CaretDownCircleOutlineIcon /> | caret-down | <CaretDownIcon /> | caret-down-outline | <CaretDownOutlineIcon /> | caret-forward-circle | <CaretForwardCircleIcon /> | caret-forward-circle-outline | <CaretForwardCircleOutlineIcon /> | caret-forward | <CaretForwardIcon /> | caret-forward-outline | <CaretForwardOutlineIcon /> | caret-up-circle | <CaretUpCircleIcon /> | caret-up-circle-outline | <CaretUpCircleOutlineIcon /> | caret-up | <CaretUpIcon /> | caret-up-outline | <CaretUpOutlineIcon /> | cart | <CartIcon /> | cart-outline | <CartOutlineIcon /> | cash | <CashIcon /> | cash-outline | <CashOutlineIcon /> | cellular | <CellularIcon /> | cellular-outline | <CellularOutlineIcon /> | chatbox-ellipses | <ChatboxEllipsesIcon /> | chatbox-ellipses-outline | <ChatboxEllipsesOutlineIcon /> | chatbox | <ChatboxIcon /> | chatbox-outline | <ChatboxOutlineIcon /> | chatbubble-ellipses | <ChatbubbleEllipsesIcon /> | chatbubble-ellipses-outline | <ChatbubbleEllipsesOutlineIcon /> | chatbubble | <ChatbubbleIcon /> | chatbubble-outline | <ChatbubbleOutlineIcon /> | chatbubbles | <ChatbubblesIcon /> | chatbubbles-outline | <ChatbubblesOutlineIcon /> | checkbox | <CheckboxIcon /> | checkbox-outline | <CheckboxOutlineIcon /> | checkmark-circle | <CheckmarkCircleIcon /> | checkmark-circle-outline | <CheckmarkCircleOutlineIcon /> | checkmark-done-circle | <CheckmarkDoneCircleIcon /> | checkmark-done-circle-outline | <CheckmarkDoneCircleOutlineIcon /> | checkmark-done | <CheckmarkDoneIcon /> | checkmark-done-outline | <CheckmarkDoneOutlineIcon /> | checkmark | <CheckmarkIcon /> | checkmark-outline | <CheckmarkOutlineIcon /> | chevron-back-circle | <ChevronBackCircleIcon /> | chevron-back-circle-outline | <ChevronBackCircleOutlineIcon /> | chevron-back | <ChevronBackIcon /> | chevron-back-outline | <ChevronBackOutlineIcon /> | chevron-down-circle | <ChevronDownCircleIcon /> | chevron-down-circle-outline | <ChevronDownCircleOutlineIcon /> | chevron-down | <ChevronDownIcon /> | chevron-down-outline | <ChevronDownOutlineIcon /> | chevron-forward-circle | <ChevronForwardCircleIcon /> | chevron-forward-circle-outline | <ChevronForwardCircleOutlineIcon /> | chevron-forward | <ChevronForwardIcon /> | chevron-forward-outline | <ChevronForwardOutlineIcon /> | chevron-up-circle | <ChevronUpCircleIcon /> | chevron-up-circle-outline | <ChevronUpCircleOutlineIcon /> | chevron-up | <ChevronUpIcon /> | chevron-up-outline | <ChevronUpOutlineIcon /> | clipboard | <ClipboardIcon /> | clipboard-outline | <ClipboardOutlineIcon /> | close-circle | <CloseCircleIcon /> | close-circle-outline | <CloseCircleOutlineIcon /> | close | <CloseIcon /> | close-outline | <CloseOutlineIcon /> | cloud-circle | <CloudCircleIcon /> | cloud-circle-outline | <CloudCircleOutlineIcon /> | cloud-done | <CloudDoneIcon /> | cloud-done-outline | <CloudDoneOutlineIcon /> | cloud-download | <CloudDownloadIcon /> | cloud-download-outline | <CloudDownloadOutlineIcon /> | cloud | <CloudIcon /> | cloud-outline | <CloudOutlineIcon /> | cloud-offline | <CloudOfflineIcon /> | cloud-offline-outline | <CloudOfflineOutlineIcon /> | cloud-upload | <CloudUploadIcon /> | cloud-upload-outline | <CloudUploadOutlineIcon /> | cloudy | <CloudyIcon /> | cloudy-outline | <CloudyOutlineIcon /> | cloudy-night | <CloudyNightIcon /> | cloudy-night-outline | <CloudyNightOutlineIcon /> | code-download | <CodeDownloadIcon /> | code-download-outline | <CodeDownloadOutlineIcon /> | code | <CodeIcon /> | code-outline | <CodeOutlineIcon /> | code-slash | <CodeSlashIcon /> | code-slash-outline | <CodeSlashOutlineIcon /> | code-working | <CodeWorkingIcon /> | code-working-outline | <CodeWorkingOutlineIcon /> | cog | <CogIcon /> | cog-outline | <CogOutlineIcon /> | color-fill | <ColorFillIcon /> | color-fill-outline | <ColorFillOutlineIcon /> | color-filter | <ColorFilterIcon /> | color-filter-outline | <ColorFilterOutlineIcon /> | color-palette | <ColorPaletteIcon /> | color-palette-outline | <ColorPaletteOutlineIcon /> | color-wand | <ColorWandIcon /> | color-wand-outline | <ColorWandOutlineIcon /> | compass | <CompassIcon /> | compass-outline | <CompassOutlineIcon /> | construct | <ConstructIcon /> | construct-outline | <ConstructOutlineIcon /> | contract | <ContractIcon /> | contract-outline | <ContractOutlineIcon /> | contrast | <ContrastIcon /> | contrast-outline | <ContrastOutlineIcon /> | copy | <CopyIcon /> | copy-outline | <CopyOutlineIcon /> | create | <CreateIcon /> | create-outline | <CreateOutlineIcon /> | crop | <CropIcon /> | crop-outline | <CropOutlineIcon /> | cube | <CubeIcon /> | cube-outline | <CubeOutlineIcon /> | cut | <CutIcon /> | cut-outline | <CutOutlineIcon /> | desktop | <DesktopIcon /> | desktop-outline | <DesktopOutlineIcon /> | dice | <DiceIcon /> | dice-outline | <DiceOutlineIcon /> | disc | <DiscIcon /> | disc-outline | <DiscOutlineIcon /> | document-attach | <DocumentAttachIcon /> | document-attach-outline | <DocumentAttachOutlineIcon /> | document | <DocumentIcon /> | document-outline | <DocumentOutlineIcon /> | document-lock | <DocumentLockIcon /> | document-lock-outline | <DocumentLockOutlineIcon /> | document-text | <DocumentTextIcon /> | document-text-outline | <DocumentTextOutlineIcon /> | documents | <DocumentsIcon /> | documents-outline | <DocumentsOutlineIcon /> | download | <DownloadIcon /> | download-outline | <DownloadOutlineIcon /> | duplicate | <DuplicateIcon /> | duplicate-outline | <DuplicateOutlineIcon /> | ear | <EarIcon /> | ear-outline | <EarOutlineIcon /> | earth | <EarthIcon /> | earth-outline | <EarthOutlineIcon /> | easel | <EaselIcon /> | easel-outline | <EaselOutlineIcon /> | egg | <EggIcon /> | egg-outline | <EggOutlineIcon /> | ellipse | <EllipseIcon /> | ellipse-outline | <EllipseOutlineIcon /> | ellipsis-horizontal-circle | <EllipsisHorizontalCircleIcon /> | ellipsis-horizontal-circle-outline | <EllipsisHorizontalCircleOutlineIcon /> | ellipsis-horizontal | <EllipsisHorizontalIcon /> | ellipsis-horizontal-outline | <EllipsisHorizontalOutlineIcon /> | ellipsis-vertical-circle | <EllipsisVerticalCircleIcon /> | ellipsis-vertical-circle-outline | <EllipsisVerticalCircleOutlineIcon /> | ellipsis-vertical | <EllipsisVerticalIcon /> | ellipsis-vertical-outline | <EllipsisVerticalOutlineIcon /> | enter | <EnterIcon /> | enter-outline | <EnterOutlineIcon /> | exit | <ExitIcon /> | exit-outline | <ExitOutlineIcon /> | expand | <ExpandIcon /> | expand-outline | <ExpandOutlineIcon /> | extension-puzzle | <ExtensionPuzzleIcon /> | extension-puzzle-outline | <ExtensionPuzzleOutlineIcon /> | eye | <EyeIcon /> | eye-outline | <EyeOutlineIcon /> | eye-off | <EyeOffIcon /> | eye-off-outline | <EyeOffOutlineIcon /> | eyedrop | <EyedropIcon /> | eyedrop-outline | <EyedropOutlineIcon /> | fast-food | <FastFoodIcon /> | fast-food-outline | <FastFoodOutlineIcon /> | female | <FemaleIcon /> | female-outline | <FemaleOutlineIcon /> | file-tray-full | <FileTrayFullIcon /> | file-tray-full-outline | <FileTrayFullOutlineIcon /> | file-tray | <FileTrayIcon /> | file-tray-outline | <FileTrayOutlineIcon /> | file-tray-stacked | <FileTrayStackedIcon /> | file-tray-stacked-outline | <FileTrayStackedOutlineIcon /> | film | <FilmIcon /> | film-outline | <FilmOutlineIcon /> | filter-circle | <FilterCircleIcon /> | filter-circle-outline | <FilterCircleOutlineIcon /> | filter | <FilterIcon /> | filter-outline | <FilterOutlineIcon /> | finger-print | <FingerPrintIcon /> | finger-print-outline | <FingerPrintOutlineIcon /> | fish | <FishIcon /> | fish-outline | <FishOutlineIcon /> | fitness | <FitnessIcon /> | fitness-outline | <FitnessOutlineIcon /> | flag | <FlagIcon /> | flag-outline | <FlagOutlineIcon /> | flame | <FlameIcon /> | flame-outline | <FlameOutlineIcon /> | flash | <FlashIcon /> | flash-outline | <FlashOutlineIcon /> | flash-off | <FlashOffIcon /> | flash-off-outline | <FlashOffOutlineIcon /> | flashlight | <FlashlightIcon /> | flashlight-outline | <FlashlightOutlineIcon /> | flask | <FlaskIcon /> | flask-outline | <FlaskOutlineIcon /> | flower | <FlowerIcon /> | flower-outline | <FlowerOutlineIcon /> | folder | <FolderIcon /> | folder-outline | <FolderOutlineIcon /> | folder-open | <FolderOpenIcon /> | folder-open-outline | <FolderOpenOutlineIcon /> | football | <FootballIcon /> | football-outline | <FootballOutlineIcon /> | funnel | <FunnelIcon /> | funnel-outline | <FunnelOutlineIcon /> | game-controller | <GameControllerIcon /> | game-controller-outline | <GameControllerOutlineIcon /> | gif | <GifIcon /> | gif-outline | <GifOutlineIcon /> | gift | <GiftIcon /> | gift-outline | <GiftOutlineIcon /> | git-branch | <GitBranchIcon /> | git-branch-outline | <GitBranchOutlineIcon /> | git-commit | <GitCommitIcon /> | git-commit-outline | <GitCommitOutlineIcon /> | git-compare | <GitCompareIcon /> | git-compare-outline | <GitCompareOutlineIcon /> | git-merge | <GitMergeIcon /> | git-merge-outline | <GitMergeOutlineIcon /> | git-network | <GitNetworkIcon /> | git-network-outline | <GitNetworkOutlineIcon /> | git-pull-request | <GitPullRequestIcon /> | git-pull-request-outline | <GitPullRequestOutlineIcon /> | glasses | <GlassesIcon /> | glasses-outline | <GlassesOutlineIcon /> | globe | <GlobeIcon /> | globe-outline | <GlobeOutlineIcon /> | golf | <GolfIcon /> | golf-outline | <GolfOutlineIcon /> | grid | <GridIcon /> | grid-outline | <GridOutlineIcon /> | hammer | <HammerIcon /> | hammer-outline | <HammerOutlineIcon /> | hand-left | <HandLeftIcon /> | hand-left-outline | <HandLeftOutlineIcon /> | hand-right | <HandRightIcon /> | hand-right-outline | <HandRightOutlineIcon /> | happy | <HappyIcon /> | happy-outline | <HappyOutlineIcon /> | hardware-chip | <HardwareChipIcon /> | hardware-chip-outline | <HardwareChipOutlineIcon /> | headset | <HeadsetIcon /> | headset-outline | <HeadsetOutlineIcon /> | heart-circle | <HeartCircleIcon /> | heart-circle-outline | <HeartCircleOutlineIcon /> | heart-dislike-circle | <HeartDislikeCircleIcon /> | heart-dislike-circle-outline | <HeartDislikeCircleOutlineIcon /> | heart-dislike | <HeartDislikeIcon /> | heart-dislike-outline | <HeartDislikeOutlineIcon /> | heart-half | <HeartHalfIcon /> | heart-half-outline | <HeartHalfOutlineIcon /> | heart | <HeartIcon /> | heart-outline | <HeartOutlineIcon /> | help-buoy | <HelpBuoyIcon /> | help-buoy-outline | <HelpBuoyOutlineIcon /> | help-circle | <HelpCircleIcon /> | help-circle-outline | <HelpCircleOutlineIcon /> | help | <HelpIcon /> | help-outline | <HelpOutlineIcon /> | home | <HomeIcon /> | home-outline | <HomeOutlineIcon /> | hourglass | <HourglassIcon /> | hourglass-outline | <HourglassOutlineIcon /> | ice-cream | <IceCreamIcon /> | ice-cream-outline | <IceCreamOutlineIcon /> | image | <ImageIcon /> | image-outline | <ImageOutlineIcon /> | images | <ImagesIcon /> | images-outline | <ImagesOutlineIcon /> | infinite | <InfiniteIcon /> | infinite-outline | <InfiniteOutlineIcon /> | information-circle | <InformationCircleIcon /> | information-circle-outline | <InformationCircleOutlineIcon /> | information | <InformationIcon /> | information-outline | <InformationOutlineIcon /> | invert-mode | <InvertModeIcon /> | invert-mode-outline | <InvertModeOutlineIcon /> | journal | <JournalIcon /> | journal-outline | <JournalOutlineIcon /> | key | <KeyIcon /> | key-outline | <KeyOutlineIcon /> | keypad | <KeypadIcon /> | keypad-outline | <KeypadOutlineIcon /> | language | <LanguageIcon /> | language-outline | <LanguageOutlineIcon /> | laptop | <LaptopIcon /> | laptop-outline | <LaptopOutlineIcon /> | layers | <LayersIcon /> | layers-outline | <LayersOutlineIcon /> | leaf | <LeafIcon /> | leaf-outline | <LeafOutlineIcon /> | library | <LibraryIcon /> | library-outline | <LibraryOutlineIcon /> | link | <LinkIcon /> | link-outline | <LinkOutlineIcon /> | list-circle | <ListCircleIcon /> | list-circle-outline | <ListCircleOutlineIcon /> | list | <ListIcon /> | list-outline | <ListOutlineIcon /> | locate | <LocateIcon /> | locate-outline | <LocateOutlineIcon /> | location | <LocationIcon /> | location-outline | <LocationOutlineIcon /> | lock-closed | <LockClosedIcon /> | lock-closed-outline | <LockClosedOutlineIcon /> | lock-open | <LockOpenIcon /> | lock-open-outline | <LockOpenOutlineIcon /> | log-in | <LogInIcon /> | log-in-outline | <LogInOutlineIcon /> | log-out | <LogOutIcon /> | log-out-outline | <LogOutOutlineIcon /> | magnet | <MagnetIcon /> | magnet-outline | <MagnetOutlineIcon /> | mail | <MailIcon /> | mail-outline | <MailOutlineIcon /> | mail-open | <MailOpenIcon /> | mail-open-outline | <MailOpenOutlineIcon /> | mail-unread | <MailUnreadIcon /> | mail-unread-outline | <MailUnreadOutlineIcon /> | male-female | <MaleFemaleIcon /> | male-female-outline | <MaleFemaleOutlineIcon /> | male | <MaleIcon /> | male-outline | <MaleOutlineIcon /> | man | <ManIcon /> | man-outline | <ManOutlineIcon /> | map | <MapIcon /> | map-outline | <MapOutlineIcon /> | medal | <MedalIcon /> | medal-outline | <MedalOutlineIcon /> | medical | <MedicalIcon /> | medical-outline | <MedicalOutlineIcon /> | medkit | <MedkitIcon /> | medkit-outline | <MedkitOutlineIcon /> | megaphone | <MegaphoneIcon /> | megaphone-outline | <MegaphoneOutlineIcon /> | menu | <MenuIcon /> | menu-outline | <MenuOutlineIcon /> | mic-circle | <MicCircleIcon /> | mic-circle-outline | <MicCircleOutlineIcon /> | mic | <MicIcon /> | mic-outline | <MicOutlineIcon /> | mic-off-circle | <MicOffCircleIcon /> | mic-off-circle-outline | <MicOffCircleOutlineIcon /> | mic-off | <MicOffIcon /> | mic-off-outline | <MicOffOutlineIcon /> | moon | <MoonIcon /> | moon-outline | <MoonOutlineIcon /> | move | <MoveIcon /> | move-outline | <MoveOutlineIcon /> | musical-note | <MusicalNoteIcon /> | musical-note-outline | <MusicalNoteOutlineIcon /> | musical-notes | <MusicalNotesIcon /> | musical-notes-outline | <MusicalNotesOutlineIcon /> | navigate-circle | <NavigateCircleIcon /> | navigate-circle-outline | <NavigateCircleOutlineIcon /> | navigate | <NavigateIcon /> | navigate-outline | <NavigateOutlineIcon /> | newspaper | <NewspaperIcon /> | newspaper-outline | <NewspaperOutlineIcon /> | notifications-circle | <NotificationsCircleIcon /> | notifications-circle-outline | <NotificationsCircleOutlineIcon /> | notifications | <NotificationsIcon /> | notifications-outline | <NotificationsOutlineIcon /> | notifications-off-circle | <NotificationsOffCircleIcon /> | notifications-off-circle-outline | <NotificationsOffCircleOutlineIcon /> | notifications-off | <NotificationsOffIcon /> | notifications-off-outline | <NotificationsOffOutlineIcon /> | nuclear | <NuclearIcon /> | nuclear-outline | <NuclearOutlineIcon /> | nutrition | <NutritionIcon /> | nutrition-outline | <NutritionOutlineIcon /> | open | <OpenIcon /> | open-outline | <OpenOutlineIcon /> | options | <OptionsIcon /> | options-outline | <OptionsOutlineIcon /> | paper-plane | <PaperPlaneIcon /> | paper-plane-outline | <PaperPlaneOutlineIcon /> | partly-sunny | <PartlySunnyIcon /> | partly-sunny-outline | <PartlySunnyOutlineIcon /> | pause-circle | <PauseCircleIcon /> | pause-circle-outline | <PauseCircleOutlineIcon /> | pause | <PauseIcon /> | pause-outline | <PauseOutlineIcon /> | paw | <PawIcon /> | paw-outline | <PawOutlineIcon /> | pencil | <PencilIcon /> | pencil-outline | <PencilOutlineIcon /> | people-circle | <PeopleCircleIcon /> | people-circle-outline | <PeopleCircleOutlineIcon /> | people | <PeopleIcon /> | people-outline | <PeopleOutlineIcon /> | person-add | <PersonAddIcon /> | person-add-outline | <PersonAddOutlineIcon /> | person-circle | <PersonCircleIcon /> | person-circle-outline | <PersonCircleOutlineIcon /> | person | <PersonIcon /> | person-outline | <PersonOutlineIcon /> | person-remove | <PersonRemoveIcon /> | person-remove-outline | <PersonRemoveOutlineIcon /> | phone-landscape | <PhoneLandscapeIcon /> | phone-landscape-outline | <PhoneLandscapeOutlineIcon /> | phone-portrait | <PhonePortraitIcon /> | phone-portrait-outline | <PhonePortraitOutlineIcon /> | pie-chart | <PieChartIcon /> | pie-chart-outline | <PieChartOutlineIcon /> | pin | <PinIcon /> | pin-outline | <PinOutlineIcon /> | pint | <PintIcon /> | pint-outline | <PintOutlineIcon /> | pizza | <PizzaIcon /> | pizza-outline | <PizzaOutlineIcon /> | planet | <PlanetIcon /> | planet-outline | <PlanetOutlineIcon /> | play-back-circle | <PlayBackCircleIcon /> | play-back-circle-outline | <PlayBackCircleOutlineIcon /> | play-back | <PlayBackIcon /> | play-back-outline | <PlayBackOutlineIcon /> | play-circle | <PlayCircleIcon /> | play-circle-outline | <PlayCircleOutlineIcon /> | play-forward-circle | <PlayForwardCircleIcon /> | play-forward-circle-outline | <PlayForwardCircleOutlineIcon /> | play-forward | <PlayForwardIcon /> | play-forward-outline | <PlayForwardOutlineIcon /> | play | <PlayIcon /> | play-outline | <PlayOutlineIcon /> | play-skip-back-circle | <PlaySkipBackCircleIcon /> | play-skip-back-circle-outline | <PlaySkipBackCircleOutlineIcon /> | play-skip-back | <PlaySkipBackIcon /> | play-skip-back-outline | <PlaySkipBackOutlineIcon /> | play-skip-forward-circle | <PlaySkipForwardCircleIcon /> | play-skip-forward-circle-outline | <PlaySkipForwardCircleOutlineIcon /> | play-skip-forward | <PlaySkipForwardIcon /> | play-skip-forward-outline | <PlaySkipForwardOutlineIcon /> | podium | <PodiumIcon /> | podium-outline | <PodiumOutlineIcon /> | power | <PowerIcon /> | power-outline | <PowerOutlineIcon /> | pricetag | <PricetagIcon /> | pricetag-outline | <PricetagOutlineIcon /> | pricetags | <PricetagsIcon /> | pricetags-outline | <PricetagsOutlineIcon /> | print | <PrintIcon /> | print-outline | <PrintOutlineIcon /> | pulse | <PulseIcon /> | pulse-outline | <PulseOutlineIcon /> | push | <PushIcon /> | push-outline | <PushOutlineIcon /> | qr-code | <QrCodeIcon /> | qr-code-outline | <QrCodeOutlineIcon /> | radio-button-off | <RadioButtonOffIcon /> | radio-button-off-outline | <RadioButtonOffOutlineIcon /> | radio-button-on | <RadioButtonOnIcon /> | radio-button-on-outline | <RadioButtonOnOutlineIcon /> | radio | <RadioIcon /> | radio-outline | <RadioOutlineIcon /> | rainy | <RainyIcon /> | rainy-outline | <RainyOutlineIcon /> | reader | <ReaderIcon /> | reader-outline | <ReaderOutlineIcon /> | receipt | <ReceiptIcon /> | receipt-outline | <ReceiptOutlineIcon /> | recording | <RecordingIcon /> | recording-outline | <RecordingOutlineIcon /> | refresh-circle | <RefreshCircleIcon /> | refresh-circle-outline | <RefreshCircleOutlineIcon /> | refresh | <RefreshIcon /> | refresh-outline | <RefreshOutlineIcon /> | reload-circle | <ReloadCircleIcon /> | reload-circle-outline | <ReloadCircleOutlineIcon /> | reload | <ReloadIcon /> | reload-outline | <ReloadOutlineIcon /> | remove-circle | <RemoveCircleIcon /> | remove-circle-outline | <RemoveCircleOutlineIcon /> | remove | <RemoveIcon /> | remove-outline | <RemoveOutlineIcon /> | reorder-four | <ReorderFourIcon /> | reorder-four-outline | <ReorderFourOutlineIcon /> | reorder-three | <ReorderThreeIcon /> | reorder-three-outline | <ReorderThreeOutlineIcon /> | reorder-two | <ReorderTwoIcon /> | reorder-two-outline | <ReorderTwoOutlineIcon /> | repeat | <RepeatIcon /> | repeat-outline | <RepeatOutlineIcon /> | resize | <ResizeIcon /> | resize-outline | <ResizeOutlineIcon /> | restaurant | <RestaurantIcon /> | restaurant-outline | <RestaurantOutlineIcon /> | return-down-back | <ReturnDownBackIcon /> | return-down-back-outline | <ReturnDownBackOutlineIcon /> | return-down-forward | <ReturnDownForwardIcon /> | return-down-forward-outline | <ReturnDownForwardOutlineIcon /> | return-up-back | <ReturnUpBackIcon /> | return-up-back-outline | <ReturnUpBackOutlineIcon /> | return-up-forward | <ReturnUpForwardIcon /> | return-up-forward-outline | <ReturnUpForwardOutlineIcon /> | ribbon | <RibbonIcon /> | ribbon-outline | <RibbonOutlineIcon /> | rocket | <RocketIcon /> | rocket-outline | <RocketOutlineIcon /> | rose | <RoseIcon /> | rose-outline | <RoseOutlineIcon /> | sad | <SadIcon /> | sad-outline | <SadOutlineIcon /> | save | <SaveIcon /> | save-outline | <SaveOutlineIcon /> | scan-circle | <ScanCircleIcon /> | scan-circle-outline | <ScanCircleOutlineIcon /> | scan | <ScanIcon /> | scan-outline | <ScanOutlineIcon /> | school | <SchoolIcon /> | school-outline | <SchoolOutlineIcon /> | search-circle | <SearchCircleIcon /> | search-circle-outline | <SearchCircleOutlineIcon /> | search | <SearchIcon /> | search-outline | <SearchOutlineIcon /> | send | <SendIcon /> | send-outline | <SendOutlineIcon /> | server | <ServerIcon /> | server-outline | <ServerOutlineIcon /> | settings | <SettingsIcon /> | settings-outline | <SettingsOutlineIcon /> | shapes | <ShapesIcon /> | shapes-outline | <ShapesOutlineIcon /> | share | <ShareIcon /> | share-outline | <ShareOutlineIcon /> | share-social | <ShareSocialIcon /> | share-social-outline | <ShareSocialOutlineIcon /> | shield-checkmark | <ShieldCheckmarkIcon /> | shield-checkmark-outline | <ShieldCheckmarkOutlineIcon /> | shield | <ShieldIcon /> | shield-outline | <ShieldOutlineIcon /> | shirt | <ShirtIcon /> | shirt-outline | <ShirtOutlineIcon /> | shuffle | <ShuffleIcon /> | shuffle-outline | <ShuffleOutlineIcon /> | skull | <SkullIcon /> | skull-outline | <SkullOutlineIcon /> | snow | <SnowIcon /> | snow-outline | <SnowOutlineIcon /> | speedometer | <SpeedometerIcon /> | speedometer-outline | <SpeedometerOutlineIcon /> | square | <SquareIcon /> | square-outline | <SquareOutlineIcon /> | star-half | <StarHalfIcon /> | star-half-outline | <StarHalfOutlineIcon /> | star | <StarIcon /> | star-outline | <StarOutlineIcon /> | stats-chart | <StatsChartIcon /> | stats-chart-outline | <StatsChartOutlineIcon /> | stop-circle | <StopCircleIcon /> | stop-circle-outline | <StopCircleOutlineIcon /> | stop | <StopIcon /> | stop-outline | <StopOutlineIcon /> | stopwatch | <StopwatchIcon /> | stopwatch-outline | <StopwatchOutlineIcon /> | storefront | <StorefrontIcon /> | storefront-outline | <StorefrontOutlineIcon /> | subway | <SubwayIcon /> | subway-outline | <SubwayOutlineIcon /> | sunny | <SunnyIcon /> | sunny-outline | <SunnyOutlineIcon /> | swap-horizontal | <SwapHorizontalIcon /> | swap-horizontal-outline | <SwapHorizontalOutlineIcon /> | swap-vertical | <SwapVerticalIcon /> | swap-vertical-outline | <SwapVerticalOutlineIcon /> | sync-circle | <SyncCircleIcon /> | sync-circle-outline | <SyncCircleOutlineIcon /> | sync | <SyncIcon /> | sync-outline | <SyncOutlineIcon /> | tablet-landscape | <TabletLandscapeIcon /> | tablet-landscape-outline | <TabletLandscapeOutlineIcon /> | tablet-portrait | <TabletPortraitIcon /> | tablet-portrait-outline | <TabletPortraitOutlineIcon /> | telescope | <TelescopeIcon /> | telescope-outline | <TelescopeOutlineIcon /> | tennisball | <TennisballIcon /> | tennisball-outline | <TennisballOutlineIcon /> | terminal | <TerminalIcon /> | terminal-outline | <TerminalOutlineIcon /> | text | <TextIcon /> | text-outline | <TextOutlineIcon /> | thermometer | <ThermometerIcon /> | thermometer-outline | <ThermometerOutlineIcon /> | thumbs-down | <ThumbsDownIcon /> | thumbs-down-outline | <ThumbsDownOutlineIcon /> | thumbs-up | <ThumbsUpIcon /> | thumbs-up-outline | <ThumbsUpOutlineIcon /> | thunderstorm | <ThunderstormIcon /> | thunderstorm-outline | <ThunderstormOutlineIcon /> | ticket | <TicketIcon /> | ticket-outline | <TicketOutlineIcon /> | time | <TimeIcon /> | time-outline | <TimeOutlineIcon /> | timer | <TimerIcon /> | timer-outline | <TimerOutlineIcon /> | today | <TodayIcon /> | today-outline | <TodayOutlineIcon /> | toggle | <ToggleIcon /> | toggle-outline | <ToggleOutlineIcon /> | trail-sign | <TrailSignIcon /> | trail-sign-outline | <TrailSignOutlineIcon /> | train | <TrainIcon /> | train-outline | <TrainOutlineIcon /> | transgender | <TransgenderIcon /> | transgender-outline | <TransgenderOutlineIcon /> | trash-bin | <TrashBinIcon /> | trash-bin-outline | <TrashBinOutlineIcon /> | trash | <TrashIcon /> | trash-outline | <TrashOutlineIcon /> | trending-down | <TrendingDownIcon /> | trending-down-outline | <TrendingDownOutlineIcon /> | trending-up | <TrendingUpIcon /> | trending-up-outline | <TrendingUpOutlineIcon /> | triangle | <TriangleIcon /> | triangle-outline | <TriangleOutlineIcon /> | trophy | <TrophyIcon /> | trophy-outline | <TrophyOutlineIcon /> | tv | <TvIcon /> | tv-outline | <TvOutlineIcon /> | umbrella | <UmbrellaIcon /> | umbrella-outline | <UmbrellaOutlineIcon /> | unlink | <UnlinkIcon /> | unlink-outline | <UnlinkOutlineIcon /> | videocam | <VideocamIcon /> | videocam-outline | <VideocamOutlineIcon /> | videocam-off | <VideocamOffIcon /> | videocam-off-outline | <VideocamOffOutlineIcon /> | volume-high | <VolumeHighIcon /> | volume-high-outline | <VolumeHighOutlineIcon /> | volume-low | <VolumeLowIcon /> | volume-low-outline | <VolumeLowOutlineIcon /> | volume-medium | <VolumeMediumIcon /> | volume-medium-outline | <VolumeMediumOutlineIcon /> | volume-mute | <VolumeMuteIcon /> | volume-mute-outline | <VolumeMuteOutlineIcon /> | volume-off | <VolumeOffIcon /> | volume-off-outline | <VolumeOffOutlineIcon /> | walk | <WalkIcon /> | walk-outline | <WalkOutlineIcon /> | wallet | <WalletIcon /> | wallet-outline | <WalletOutlineIcon /> | warning | <WarningIcon /> | warning-outline | <WarningOutlineIcon /> | watch | <WatchIcon /> | watch-outline | <WatchOutlineIcon /> | water | <WaterIcon /> | water-outline | <WaterOutlineIcon /> | wifi | <WifiIcon /> | wifi-outline | <WifiOutlineIcon /> | wine | <WineIcon /> | wine-outline | <WineOutlineIcon /> | woman | <WomanIcon /> | woman-outline | <WomanOutlineIcon /> | logo-alipay | <LogoAlipayIcon /> | | | logo-amazon | <LogoAmazonIcon /> | | | logo-amplify | <LogoAmplifyIcon /> | | | logo-android | <LogoAndroidIcon /> | | | logo-angular | <LogoAngularIcon /> | | | logo-apple-appstore | <LogoAppleAppstoreIcon /> | | | logo-apple | <LogoAppleIcon /> | | | logo-behance | <LogoBehanceIcon /> | | | logo-bitbucket | <LogoBitbucketIcon /> | | | logo-bitcoin | <LogoBitcoinIcon /> | | | logo-buffer | <LogoBufferIcon /> | | | logo-capacitor | <LogoCapacitorIcon /> | | | logo-chrome | <LogoChromeIcon /> | | | logo-closed-captioning | <LogoClosedCaptioningIcon /> | | | logo-codepen | <LogoCodepenIcon /> | | | logo-css3 | <LogoCss3Icon /> | | | logo-designernews | <LogoDesignernewsIcon /> | | | logo-deviantart | <LogoDeviantartIcon /> | | | logo-discord | <LogoDiscordIcon /> | | | logo-docker | <LogoDockerIcon /> | | | logo-dribbble | <LogoDribbbleIcon /> | | | logo-dropbox | <LogoDropboxIcon /> | | | logo-edge | <LogoEdgeIcon /> | | | logo-electron | <LogoElectronIcon /> | | | logo-euro | <LogoEuroIcon /> | | | logo-facebook | <LogoFacebookIcon /> | | | logo-figma | <LogoFigmaIcon /> | | | logo-firebase | <LogoFirebaseIcon /> | | | logo-firefox | <LogoFirefoxIcon /> | | | logo-flickr | <LogoFlickrIcon /> | | | logo-foursquare | <LogoFoursquareIcon /> | | | logo-github | <LogoGithubIcon /> | | | logo-gitlab | <LogoGitlabIcon /> | | | logo-google | <LogoGoogleIcon /> | | | logo-google-playstore | <LogoGooglePlaystoreIcon /> | | | logo-hackernews | <LogoHackernewsIcon /> | | | logo-html5 | <LogoHtml5Icon /> | | | logo-instagram | <LogoInstagramIcon /> | | | logo-ionic | <LogoIonicIcon /> | | | logo-ionitron | <LogoIonitronIcon /> | | | logo-javascript | <LogoJavascriptIcon /> | | | logo-laravel | <LogoLaravelIcon /> | | | logo-linkedin | <LogoLinkedinIcon /> | | | logo-markdown | <LogoMarkdownIcon /> | | | logo-mastodon | <LogoMastodonIcon /> | | | logo-medium | <LogoMediumIcon /> | | | logo-no-smoking | <LogoNoSmokingIcon /> | | | logo-nodejs | <LogoNodejsIcon /> | | | logo-npm | <LogoNpmIcon /> | | | logo-octocat | <LogoOctocatIcon /> | | | logo-paypal | <LogoPaypalIcon /> | | | logo-pinterest | <LogoPinterestIcon /> | | | logo-playstation | <LogoPlaystationIcon /> | | | logo-pwa | <LogoPwaIcon /> | | | logo-python | <LogoPythonIcon /> | | | logo-react | <LogoReactIcon /> | | | logo-reddit | <LogoRedditIcon /> | | | logo-rss | <LogoRssIcon /> | | | logo-sass | <LogoSassIcon /> | | | logo-skype | <LogoSkypeIcon /> | | | logo-slack | <LogoSlackIcon /> | | | logo-snapchat | <LogoSnapchatIcon /> | | | logo-soundcloud | <LogoSoundcloudIcon /> | | | logo-stackoverflow | <LogoStackoverflowIcon /> | | | logo-steam | <LogoSteamIcon /> | | | logo-stencil | <LogoStencilIcon /> | | | logo-tableau | <LogoTableauIcon /> | | | logo-tiktok | <LogoTiktokIcon /> | | | logo-tumblr | <LogoTumblrIcon /> | | | logo-tux | <LogoTuxIcon /> | | | logo-twitch | <LogoTwitchIcon /> | | | logo-twitter | <LogoTwitterIcon /> | | | logo-usd | <LogoUsdIcon /> | | | logo-venmo | <LogoVenmoIcon /> | | | logo-vercel | <LogoVercelIcon /> | | | logo-vimeo | <LogoVimeoIcon /> | | | ![logo-vk](./