{"id":19670779,"url":"https://github.com/graywolftech/react-heroicons","last_synced_at":"2025-04-29T00:32:09.498Z","repository":{"id":47503463,"uuid":"262888312","full_name":"graywolftech/react-heroicons","owner":"graywolftech","description":"Heroicons as React components","archived":false,"fork":false,"pushed_at":"2022-09-09T14:52:38.000Z","size":121,"stargazers_count":41,"open_issues_count":0,"forks_count":11,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-28T12:53:46.905Z","etag":null,"topics":["heroicons","icons","react","tailwind","tailwindcss"],"latest_commit_sha":null,"homepage":"https://heroicons.dev","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/graywolftech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-10T22:39:20.000Z","updated_at":"2024-03-01T13:18:15.000Z","dependencies_parsed_at":"2022-09-02T17:14:26.471Z","dependency_job_id":null,"html_url":"https://github.com/graywolftech/react-heroicons","commit_stats":null,"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graywolftech%2Freact-heroicons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graywolftech%2Freact-heroicons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graywolftech%2Freact-heroicons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/graywolftech%2Freact-heroicons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/graywolftech","download_url":"https://codeload.github.com/graywolftech/react-heroicons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224142788,"owners_count":17262884,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["heroicons","icons","react","tailwind","tailwindcss"],"created_at":"2024-11-11T17:07:06.644Z","updated_at":"2024-11-11T17:07:07.364Z","avatar_url":"https://github.com/graywolftech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![@graywolfai/react-heroicons](https://badge.fury.io/js/%40graywolfai%2Freact-heroicons.svg)](https://badge.fury.io/js/%40graywolfai%2Freact-heroicons)\n\n# React Heroicons\n\n\u003e A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.\n\nThis repository contains the [`heroicons`](https://github.com/refactoringui/heroicons) made by the team from [`refactoringui`](https://refactoringui.com/) as `React` components bundled in `ESM` format (ie. _no_ CommonJS format).\n\n## Previewing the Icons\n\nPreview the icons at [heroicons.dev](https://heroicons.dev) (Made by [`codex-zaydek`](https://github.com/codex-zaydek)).\n\n## Installation \u0026 Usage\n\nFirst, install this library!\n\n```\nnpm install --save @graywolfai/react-heroicons\n```\n\nNow you have access to the entire `heroicons` library! They are formatted as [pascal case](https://techterms.com/definition/pascalcase) and have `Solid`(solid format) or `Outline` (outline format) appended at the end. You use them like you would any `svg` component.\n\nTiny Icons (Heroicons v2.0) are accessible by appending `TinySolid` to the name provided on HeroIcons\n\n```tsx\nimport { ArchiveBoxSolid } from \"@graywolfai/react-heroicons\";\nimport { ArchiveBoxOutline } from \"@graywolfai/react-heroicons\";\nimport { ArchiveBoxTinySolid } from \"@graywolfai/react-heroicons\";\n\nexport const SomeComponent = () =\u003e {\n  return (\n    ...\n    \u003cArchiveBoxSolid className=\"h-6 w-6 text-gray-500\" /\u003e\n    \u003cArchiveBoxOutline className=\"h-6 w-6 text-gray-500\"/\u003e\n    \u003cArchiveBoxTinySolid className=\"h-4 w-4 text-gray-500\"/\u003e\n    ...\n  )\n}\n```\n\n\u003e Note the above example assumes you are using [`Tailwind CSS`](https://tailwindcss.com/) but the color is easily stylable by using the CSS `color` property.\n\n## Icons\n\n```\n↳ AcademicCapOutline\n↳ AcademicCapSolid\n↳ AcademicCapTinySolid\n↳ AdjustmentsHorizontalOutline\n↳ AdjustmentsHorizontalSolid\n↳ AdjustmentsHorizontalTinySolid\n↳ AdjustmentsVerticalOutline\n↳ AdjustmentsVerticalSolid\n↳ AdjustmentsVerticalTinySolid\n↳ ArchiveBoxArrowDownOutline\n↳ ArchiveBoxArrowDownSolid\n↳ ArchiveBoxArrowDownTinySolid\n↳ ArchiveBoxOutline\n↳ ArchiveBoxSolid\n↳ ArchiveBoxTinySolid\n↳ ArchiveBoxXMarkOutline\n↳ ArchiveBoxXMarkSolid\n↳ ArchiveBoxXMarkTinySolid\n↳ ArrowDownCircleOutline\n↳ ArrowDownCircleSolid\n↳ ArrowDownCircleTinySolid\n↳ ArrowDownLeftOutline\n↳ ArrowDownLeftSolid\n↳ ArrowDownLeftTinySolid\n↳ ArrowDownOnSquareOutline\n↳ ArrowDownOnSquareSolid\n↳ ArrowDownOnSquareStackOutline\n↳ ArrowDownOnSquareStackSolid\n↳ ArrowDownOnSquareStackTinySolid\n↳ ArrowDownOnSquareTinySolid\n↳ ArrowDownOutline\n↳ ArrowDownRightOutline\n↳ ArrowDownRightSolid\n↳ ArrowDownRightTinySolid\n↳ ArrowDownSolid\n↳ ArrowDownTinySolid\n↳ ArrowDownTrayOutline\n↳ ArrowDownTraySolid\n↳ ArrowDownTrayTinySolid\n↳ ArrowLeftCircleOutline\n↳ ArrowLeftCircleSolid\n↳ ArrowLeftCircleTinySolid\n↳ ArrowLeftOnRectangleOutline\n↳ ArrowLeftOnRectangleSolid\n↳ ArrowLeftOnRectangleTinySolid\n↳ ArrowLeftOutline\n↳ ArrowLeftSolid\n↳ ArrowLeftTinySolid\n↳ ArrowLongDownOutline\n↳ ArrowLongDownSolid\n↳ ArrowLongDownTinySolid\n↳ ArrowLongLeftOutline\n↳ ArrowLongLeftSolid\n↳ ArrowLongLeftTinySolid\n↳ ArrowLongRightOutline\n↳ ArrowLongRightSolid\n↳ ArrowLongRightTinySolid\n↳ ArrowLongUpOutline\n↳ ArrowLongUpSolid\n↳ ArrowLongUpTinySolid\n↳ ArrowPathOutline\n↳ ArrowPathRoundedSquareOutline\n↳ ArrowPathRoundedSquareSolid\n↳ ArrowPathRoundedSquareTinySolid\n↳ ArrowPathSolid\n↳ ArrowPathTinySolid\n↳ ArrowRightCircleOutline\n↳ ArrowRightCircleSolid\n↳ ArrowRightCircleTinySolid\n↳ ArrowRightOnRectangleOutline\n↳ ArrowRightOnRectangleSolid\n↳ ArrowRightOnRectangleTinySolid\n↳ ArrowRightOutline\n↳ ArrowRightSolid\n↳ ArrowRightTinySolid\n↳ ArrowSmallDownOutline\n↳ ArrowSmallDownSolid\n↳ ArrowSmallDownTinySolid\n↳ ArrowSmallLeftOutline\n↳ ArrowSmallLeftSolid\n↳ ArrowSmallLeftTinySolid\n↳ ArrowSmallRightOutline\n↳ ArrowSmallRightSolid\n↳ ArrowSmallRightTinySolid\n↳ ArrowSmallUpOutline\n↳ ArrowSmallUpSolid\n↳ ArrowSmallUpTinySolid\n↳ ArrowsPointingInOutline\n↳ ArrowsPointingInSolid\n↳ ArrowsPointingInTinySolid\n↳ ArrowsPointingOutOutline\n↳ ArrowsPointingOutSolid\n↳ ArrowsPointingOutTinySolid\n↳ ArrowsRightLeftOutline\n↳ ArrowsRightLeftSolid\n↳ ArrowsRightLeftTinySolid\n↳ ArrowsUpDownOutline\n↳ ArrowsUpDownSolid\n↳ ArrowsUpDownTinySolid\n↳ ArrowTopRightOnSquareOutline\n↳ ArrowTopRightOnSquareSolid\n↳ ArrowTopRightOnSquareTinySolid\n↳ ArrowTrendingDownOutline\n↳ ArrowTrendingDownSolid\n↳ ArrowTrendingDownTinySolid\n↳ ArrowTrendingUpOutline\n↳ ArrowTrendingUpSolid\n↳ ArrowTrendingUpTinySolid\n↳ ArrowUpCircleOutline\n↳ ArrowUpCircleSolid\n↳ ArrowUpCircleTinySolid\n↳ ArrowUpLeftOutline\n↳ ArrowUpLeftSolid\n↳ ArrowUpLeftTinySolid\n↳ ArrowUpOnSquareOutline\n↳ ArrowUpOnSquareSolid\n↳ ArrowUpOnSquareStackOutline\n↳ ArrowUpOnSquareStackSolid\n↳ ArrowUpOnSquareStackTinySolid\n↳ ArrowUpOnSquareTinySolid\n↳ ArrowUpOutline\n↳ ArrowUpRightOutline\n↳ ArrowUpRightSolid\n↳ ArrowUpRightTinySolid\n↳ ArrowUpSolid\n↳ ArrowUpTinySolid\n↳ ArrowUpTrayOutline\n↳ ArrowUpTraySolid\n↳ ArrowUpTrayTinySolid\n↳ ArrowUturnDownOutline\n↳ ArrowUturnDownSolid\n↳ ArrowUturnDownTinySolid\n↳ ArrowUturnLeftOutline\n↳ ArrowUturnLeftSolid\n↳ ArrowUturnLeftTinySolid\n↳ ArrowUturnRightOutline\n↳ ArrowUturnRightSolid\n↳ ArrowUturnRightTinySolid\n↳ ArrowUturnUpOutline\n↳ ArrowUturnUpSolid\n↳ ArrowUturnUpTinySolid\n↳ AtSymbolOutline\n↳ AtSymbolSolid\n↳ AtSymbolTinySolid\n↳ BackspaceOutline\n↳ BackspaceSolid\n↳ BackspaceTinySolid\n↳ BackwardOutline\n↳ BackwardSolid\n↳ BackwardTinySolid\n↳ BanknotesOutline\n↳ BanknotesSolid\n↳ BanknotesTinySolid\n↳ Bars2Outline\n↳ Bars2Solid\n↳ Bars2TinySolid\n↳ Bars3BottomLeftOutline\n↳ Bars3BottomLeftSolid\n↳ Bars3BottomLeftTinySolid\n↳ Bars3BottomRightOutline\n↳ Bars3BottomRightSolid\n↳ Bars3BottomRightTinySolid\n↳ Bars3CenterLeftOutline\n↳ Bars3CenterLeftSolid\n↳ Bars3CenterLeftTinySolid\n↳ Bars3Outline\n↳ Bars3Solid\n↳ Bars3TinySolid\n↳ Bars4Outline\n↳ Bars4Solid\n↳ Bars4TinySolid\n↳ BarsArrowDownOutline\n↳ BarsArrowDownSolid\n↳ BarsArrowDownTinySolid\n↳ BarsArrowUpOutline\n↳ BarsArrowUpSolid\n↳ BarsArrowUpTinySolid\n↳ Battery0Outline\n↳ Battery0Solid\n↳ Battery0TinySolid\n↳ Battery100Outline\n↳ Battery100Solid\n↳ Battery100TinySolid\n↳ Battery50Outline\n↳ Battery50Solid\n↳ Battery50TinySolid\n↳ BeakerOutline\n↳ BeakerSolid\n↳ BeakerTinySolid\n↳ BellAlertOutline\n↳ BellAlertSolid\n↳ BellAlertTinySolid\n↳ BellOutline\n↳ BellSlashOutline\n↳ BellSlashSolid\n↳ BellSlashTinySolid\n↳ BellSnoozeOutline\n↳ BellSnoozeSolid\n↳ BellSnoozeTinySolid\n↳ BellSolid\n↳ BellTinySolid\n↳ BoltOutline\n↳ BoltSlashOutline\n↳ BoltSlashSolid\n↳ BoltSlashTinySolid\n↳ BoltSolid\n↳ BoltTinySolid\n↳ BookmarkOutline\n↳ BookmarkSlashOutline\n↳ BookmarkSlashSolid\n↳ BookmarkSlashTinySolid\n↳ BookmarkSolid\n↳ BookmarkSquareOutline\n↳ BookmarkSquareSolid\n↳ BookmarkSquareTinySolid\n↳ BookmarkTinySolid\n↳ BookOpenOutline\n↳ BookOpenSolid\n↳ BookOpenTinySolid\n↳ BriefcaseOutline\n↳ BriefcaseSolid\n↳ BriefcaseTinySolid\n↳ BuildingLibraryOutline\n↳ BuildingLibrarySolid\n↳ BuildingLibraryTinySolid\n↳ BuildingOffice2Outline\n↳ BuildingOffice2Solid\n↳ BuildingOffice2TinySolid\n↳ BuildingOfficeOutline\n↳ BuildingOfficeSolid\n↳ BuildingOfficeTinySolid\n↳ BuildingStorefrontOutline\n↳ BuildingStorefrontSolid\n↳ BuildingStorefrontTinySolid\n↳ CakeOutline\n↳ CakeSolid\n↳ CakeTinySolid\n↳ CalculatorOutline\n↳ CalculatorSolid\n↳ CalculatorTinySolid\n↳ CalendarDaysOutline\n↳ CalendarDaysSolid\n↳ CalendarDaysTinySolid\n↳ CalendarOutline\n↳ CalendarSolid\n↳ CalendarTinySolid\n↳ CameraOutline\n↳ CameraSolid\n↳ CameraTinySolid\n↳ ChartBarOutline\n↳ ChartBarSolid\n↳ ChartBarSquareOutline\n↳ ChartBarSquareSolid\n↳ ChartBarSquareTinySolid\n↳ ChartBarTinySolid\n↳ ChartPieOutline\n↳ ChartPieSolid\n↳ ChartPieTinySolid\n↳ ChatBubbleBottomCenterOutline\n↳ ChatBubbleBottomCenterSolid\n↳ ChatBubbleBottomCenterTextOutline\n↳ ChatBubbleBottomCenterTextSolid\n↳ ChatBubbleBottomCenterTextTinySolid\n↳ ChatBubbleBottomCenterTinySolid\n↳ ChatBubbleLeftEllipsisOutline\n↳ ChatBubbleLeftEllipsisSolid\n↳ ChatBubbleLeftEllipsisTinySolid\n↳ ChatBubbleLeftOutline\n↳ ChatBubbleLeftRightOutline\n↳ ChatBubbleLeftRightSolid\n↳ ChatBubbleLeftRightTinySolid\n↳ ChatBubbleLeftSolid\n↳ ChatBubbleLeftTinySolid\n↳ ChatBubbleOvalLeftEllipsisOutline\n↳ ChatBubbleOvalLeftEllipsisSolid\n↳ ChatBubbleOvalLeftEllipsisTinySolid\n↳ ChatBubbleOvalLeftOutline\n↳ ChatBubbleOvalLeftSolid\n↳ ChatBubbleOvalLeftTinySolid\n↳ CheckBadgeOutline\n↳ CheckBadgeSolid\n↳ CheckBadgeTinySolid\n↳ CheckCircleOutline\n↳ CheckCircleSolid\n↳ CheckCircleTinySolid\n↳ CheckOutline\n↳ CheckSolid\n↳ CheckTinySolid\n↳ ChevronDoubleDownOutline\n↳ ChevronDoubleDownSolid\n↳ ChevronDoubleDownTinySolid\n↳ ChevronDoubleLeftOutline\n↳ ChevronDoubleLeftSolid\n↳ ChevronDoubleLeftTinySolid\n↳ ChevronDoubleRightOutline\n↳ ChevronDoubleRightSolid\n↳ ChevronDoubleRightTinySolid\n↳ ChevronDoubleUpOutline\n↳ ChevronDoubleUpSolid\n↳ ChevronDoubleUpTinySolid\n↳ ChevronDownOutline\n↳ ChevronDownSolid\n↳ ChevronDownTinySolid\n↳ ChevronLeftOutline\n↳ ChevronLeftSolid\n↳ ChevronLeftTinySolid\n↳ ChevronRightOutline\n↳ ChevronRightSolid\n↳ ChevronRightTinySolid\n↳ ChevronUpDownOutline\n↳ ChevronUpDownSolid\n↳ ChevronUpDownTinySolid\n↳ ChevronUpOutline\n↳ ChevronUpSolid\n↳ ChevronUpTinySolid\n↳ CircleStackOutline\n↳ CircleStackSolid\n↳ CircleStackTinySolid\n↳ ClipboardDocumentCheckOutline\n↳ ClipboardDocumentCheckSolid\n↳ ClipboardDocumentCheckTinySolid\n↳ ClipboardDocumentListOutline\n↳ ClipboardDocumentListSolid\n↳ ClipboardDocumentListTinySolid\n↳ ClipboardDocumentOutline\n↳ ClipboardDocumentSolid\n↳ ClipboardDocumentTinySolid\n↳ ClipboardOutline\n↳ ClipboardSolid\n↳ ClipboardTinySolid\n↳ ClockOutline\n↳ ClockSolid\n↳ ClockTinySolid\n↳ CloudArrowDownOutline\n↳ CloudArrowDownSolid\n↳ CloudArrowDownTinySolid\n↳ CloudArrowUpOutline\n↳ CloudArrowUpSolid\n↳ CloudArrowUpTinySolid\n↳ CloudOutline\n↳ CloudSolid\n↳ CloudTinySolid\n↳ CodeBracketOutline\n↳ CodeBracketSolid\n↳ CodeBracketSquareOutline\n↳ CodeBracketSquareSolid\n↳ CodeBracketSquareTinySolid\n↳ CodeBracketTinySolid\n↳ Cog6ToothOutline\n↳ Cog6ToothSolid\n↳ Cog6ToothTinySolid\n↳ Cog8ToothOutline\n↳ Cog8ToothSolid\n↳ Cog8ToothTinySolid\n↳ CogOutline\n↳ CogSolid\n↳ CogTinySolid\n↳ CommandLineOutline\n↳ CommandLineSolid\n↳ CommandLineTinySolid\n↳ ComputerDesktopOutline\n↳ ComputerDesktopSolid\n↳ ComputerDesktopTinySolid\n↳ CpuChipOutline\n↳ CpuChipSolid\n↳ CpuChipTinySolid\n↳ CreditCardOutline\n↳ CreditCardSolid\n↳ CreditCardTinySolid\n↳ CubeOutline\n↳ CubeSolid\n↳ CubeTinySolid\n↳ CubeTransparentOutline\n↳ CubeTransparentSolid\n↳ CubeTransparentTinySolid\n↳ CurrencyBangladeshiOutline\n↳ CurrencyBangladeshiSolid\n↳ CurrencyBangladeshiTinySolid\n↳ CurrencyDollarOutline\n↳ CurrencyDollarSolid\n↳ CurrencyDollarTinySolid\n↳ CurrencyEuroOutline\n↳ CurrencyEuroSolid\n↳ CurrencyEuroTinySolid\n↳ CurrencyPoundOutline\n↳ CurrencyPoundSolid\n↳ CurrencyPoundTinySolid\n↳ CurrencyRupeeOutline\n↳ CurrencyRupeeSolid\n↳ CurrencyRupeeTinySolid\n↳ CurrencyYenOutline\n↳ CurrencyYenSolid\n↳ CurrencyYenTinySolid\n↳ CursorArrowRaysOutline\n↳ CursorArrowRaysSolid\n↳ CursorArrowRaysTinySolid\n↳ CursorArrowRippleOutline\n↳ CursorArrowRippleSolid\n↳ CursorArrowRippleTinySolid\n↳ DevicePhoneMobileOutline\n↳ DevicePhoneMobileSolid\n↳ DevicePhoneMobileTinySolid\n↳ DeviceTabletOutline\n↳ DeviceTabletSolid\n↳ DeviceTabletTinySolid\n↳ DocumentArrowDownOutline\n↳ DocumentArrowDownSolid\n↳ DocumentArrowDownTinySolid\n↳ DocumentArrowUpOutline\n↳ DocumentArrowUpSolid\n↳ DocumentArrowUpTinySolid\n↳ DocumentChartBarOutline\n↳ DocumentChartBarSolid\n↳ DocumentChartBarTinySolid\n↳ DocumentCheckOutline\n↳ DocumentCheckSolid\n↳ DocumentCheckTinySolid\n↳ DocumentDuplicateOutline\n↳ DocumentDuplicateSolid\n↳ DocumentDuplicateTinySolid\n↳ DocumentMagnifyingGlassOutline\n↳ DocumentMagnifyingGlassSolid\n↳ DocumentMagnifyingGlassTinySolid\n↳ DocumentMinusOutline\n↳ DocumentMinusSolid\n↳ DocumentMinusTinySolid\n↳ DocumentOutline\n↳ DocumentPlusOutline\n↳ DocumentPlusSolid\n↳ DocumentPlusTinySolid\n↳ DocumentSolid\n↳ DocumentTextOutline\n↳ DocumentTextSolid\n↳ DocumentTextTinySolid\n↳ DocumentTinySolid\n↳ EllipsisHorizontalCircleOutline\n↳ EllipsisHorizontalCircleSolid\n↳ EllipsisHorizontalCircleTinySolid\n↳ EllipsisHorizontalOutline\n↳ EllipsisHorizontalSolid\n↳ EllipsisHorizontalTinySolid\n↳ EllipsisVerticalOutline\n↳ EllipsisVerticalSolid\n↳ EllipsisVerticalTinySolid\n↳ EnvelopeOpenOutline\n↳ EnvelopeOpenSolid\n↳ EnvelopeOpenTinySolid\n↳ EnvelopeOutline\n↳ EnvelopeSolid\n↳ EnvelopeTinySolid\n↳ ExclamationCircleOutline\n↳ ExclamationCircleSolid\n↳ ExclamationCircleTinySolid\n↳ ExclamationTriangleOutline\n↳ ExclamationTriangleSolid\n↳ ExclamationTriangleTinySolid\n↳ EyeOutline\n↳ EyeSlashOutline\n↳ EyeSlashSolid\n↳ EyeSlashTinySolid\n↳ EyeSolid\n↳ EyeTinySolid\n↳ FaceFrownOutline\n↳ FaceFrownSolid\n↳ FaceFrownTinySolid\n↳ FaceSmileOutline\n↳ FaceSmileSolid\n↳ FaceSmileTinySolid\n↳ FilmOutline\n↳ FilmSolid\n↳ FilmTinySolid\n↳ FingerPrintOutline\n↳ FingerPrintSolid\n↳ FingerPrintTinySolid\n↳ FireOutline\n↳ FireSolid\n↳ FireTinySolid\n↳ FlagOutline\n↳ FlagSolid\n↳ FlagTinySolid\n↳ FolderArrowDownOutline\n↳ FolderArrowDownSolid\n↳ FolderArrowDownTinySolid\n↳ FolderMinusOutline\n↳ FolderMinusSolid\n↳ FolderMinusTinySolid\n↳ FolderOpenOutline\n↳ FolderOpenSolid\n↳ FolderOpenTinySolid\n↳ FolderOutline\n↳ FolderPlusOutline\n↳ FolderPlusSolid\n↳ FolderPlusTinySolid\n↳ FolderSolid\n↳ FolderTinySolid\n↳ ForwardOutline\n↳ ForwardSolid\n↳ ForwardTinySolid\n↳ FunnelOutline\n↳ FunnelSolid\n↳ FunnelTinySolid\n↳ GifOutline\n↳ GifSolid\n↳ GifTinySolid\n↳ GiftOutline\n↳ GiftSolid\n↳ GiftTinySolid\n↳ GiftTopOutline\n↳ GiftTopSolid\n↳ GiftTopTinySolid\n↳ GlobeAltOutline\n↳ GlobeAltSolid\n↳ GlobeAltTinySolid\n↳ GlobeAmericasOutline\n↳ GlobeAmericasSolid\n↳ GlobeAmericasTinySolid\n↳ GlobeAsiaAustraliaOutline\n↳ GlobeAsiaAustraliaSolid\n↳ GlobeAsiaAustraliaTinySolid\n↳ GlobeEuropeAfricaOutline\n↳ GlobeEuropeAfricaSolid\n↳ GlobeEuropeAfricaTinySolid\n↳ HandRaisedOutline\n↳ HandRaisedSolid\n↳ HandRaisedTinySolid\n↳ HandThumbDownOutline\n↳ HandThumbDownSolid\n↳ HandThumbDownTinySolid\n↳ HandThumbUpOutline\n↳ HandThumbUpSolid\n↳ HandThumbUpTinySolid\n↳ HashtagOutline\n↳ HashtagSolid\n↳ HashtagTinySolid\n↳ HeartOutline\n↳ HeartSolid\n↳ HeartTinySolid\n↳ HomeModernOutline\n↳ HomeModernSolid\n↳ HomeModernTinySolid\n↳ HomeOutline\n↳ HomeSolid\n↳ HomeTinySolid\n↳ IdentificationOutline\n↳ IdentificationSolid\n↳ IdentificationTinySolid\n↳ InboxArrowDownOutline\n↳ InboxArrowDownSolid\n↳ InboxArrowDownTinySolid\n↳ InboxOutline\n↳ InboxSolid\n↳ InboxStackOutline\n↳ InboxStackSolid\n↳ InboxStackTinySolid\n↳ InboxTinySolid\n↳ InformationCircleOutline\n↳ InformationCircleSolid\n↳ InformationCircleTinySolid\n↳ KeyOutline\n↳ KeySolid\n↳ KeyTinySolid\n↳ LanguageOutline\n↳ LanguageSolid\n↳ LanguageTinySolid\n↳ LifebuoyOutline\n↳ LifebuoySolid\n↳ LifebuoyTinySolid\n↳ LightBulbOutline\n↳ LightBulbSolid\n↳ LightBulbTinySolid\n↳ LinkOutline\n↳ LinkSolid\n↳ LinkTinySolid\n↳ ListBulletOutline\n↳ ListBulletSolid\n↳ ListBulletTinySolid\n↳ LockClosedOutline\n↳ LockClosedSolid\n↳ LockClosedTinySolid\n↳ LockOpenOutline\n↳ LockOpenSolid\n↳ LockOpenTinySolid\n↳ MagnifyingGlassCircleOutline\n↳ MagnifyingGlassCircleSolid\n↳ MagnifyingGlassCircleTinySolid\n↳ MagnifyingGlassMinusOutline\n↳ MagnifyingGlassMinusSolid\n↳ MagnifyingGlassMinusTinySolid\n↳ MagnifyingGlassOutline\n↳ MagnifyingGlassPlusOutline\n↳ MagnifyingGlassPlusSolid\n↳ MagnifyingGlassPlusTinySolid\n↳ MagnifyingGlassSolid\n↳ MagnifyingGlassTinySolid\n↳ MapOutline\n↳ MapPinOutline\n↳ MapPinSolid\n↳ MapPinTinySolid\n↳ MapSolid\n↳ MapTinySolid\n↳ MegaphoneOutline\n↳ MegaphoneSolid\n↳ MegaphoneTinySolid\n↳ MicrophoneOutline\n↳ MicrophoneSolid\n↳ MicrophoneTinySolid\n↳ MinusCircleOutline\n↳ MinusCircleSolid\n↳ MinusCircleTinySolid\n↳ MinusOutline\n↳ MinusSmallOutline\n↳ MinusSmallSolid\n↳ MinusSmallTinySolid\n↳ MinusSolid\n↳ MinusTinySolid\n↳ MoonOutline\n↳ MoonSolid\n↳ MoonTinySolid\n↳ MusicalNoteOutline\n↳ MusicalNoteSolid\n↳ MusicalNoteTinySolid\n↳ NewspaperOutline\n↳ NewspaperSolid\n↳ NewspaperTinySolid\n↳ NoSymbolOutline\n↳ NoSymbolSolid\n↳ NoSymbolTinySolid\n↳ PaintBrushOutline\n↳ PaintBrushSolid\n↳ PaintBrushTinySolid\n↳ PaperAirplaneOutline\n↳ PaperAirplaneSolid\n↳ PaperAirplaneTinySolid\n↳ PaperClipOutline\n↳ PaperClipSolid\n↳ PaperClipTinySolid\n↳ PauseOutline\n↳ PauseSolid\n↳ PauseTinySolid\n↳ PencilOutline\n↳ PencilSolid\n↳ PencilSquareOutline\n↳ PencilSquareSolid\n↳ PencilSquareTinySolid\n↳ PencilTinySolid\n↳ PhoneArrowDownLeftOutline\n↳ PhoneArrowDownLeftSolid\n↳ PhoneArrowDownLeftTinySolid\n↳ PhoneArrowUpRightOutline\n↳ PhoneArrowUpRightSolid\n↳ PhoneArrowUpRightTinySolid\n↳ PhoneOutline\n↳ PhoneSolid\n↳ PhoneTinySolid\n↳ PhoneXMarkOutline\n↳ PhoneXMarkSolid\n↳ PhoneXMarkTinySolid\n↳ PhotoOutline\n↳ PhotoSolid\n↳ PhotoTinySolid\n↳ PlayOutline\n↳ PlayPauseOutline\n↳ PlayPauseSolid\n↳ PlayPauseTinySolid\n↳ PlaySolid\n↳ PlayTinySolid\n↳ PlusCircleOutline\n↳ PlusCircleSolid\n↳ PlusCircleTinySolid\n↳ PlusOutline\n↳ PlusSmallOutline\n↳ PlusSmallSolid\n↳ PlusSmallTinySolid\n↳ PlusSolid\n↳ PlusTinySolid\n↳ PresentationChartBarOutline\n↳ PresentationChartBarSolid\n↳ PresentationChartBarTinySolid\n↳ PresentationChartLineOutline\n↳ PresentationChartLineSolid\n↳ PresentationChartLineTinySolid\n↳ PrinterOutline\n↳ PrinterSolid\n↳ PrinterTinySolid\n↳ PuzzlePieceOutline\n↳ PuzzlePieceSolid\n↳ PuzzlePieceTinySolid\n↳ QrCodeOutline\n↳ QrCodeSolid\n↳ QrCodeTinySolid\n↳ QuestionMarkCircleOutline\n↳ QuestionMarkCircleSolid\n↳ QuestionMarkCircleTinySolid\n↳ QueueListOutline\n↳ QueueListSolid\n↳ QueueListTinySolid\n↳ RadioOutline\n↳ RadioSolid\n↳ RadioTinySolid\n↳ ReceiptPercentOutline\n↳ ReceiptPercentSolid\n↳ ReceiptPercentTinySolid\n↳ ReceiptRefundOutline\n↳ ReceiptRefundSolid\n↳ ReceiptRefundTinySolid\n↳ RectangleGroupOutline\n↳ RectangleGroupSolid\n↳ RectangleGroupTinySolid\n↳ RectangleStackOutline\n↳ RectangleStackSolid\n↳ RectangleStackTinySolid\n↳ RssOutline\n↳ RssSolid\n↳ RssTinySolid\n↳ ScaleOutline\n↳ ScaleSolid\n↳ ScaleTinySolid\n↳ ScissorsOutline\n↳ ScissorsSolid\n↳ ScissorsTinySolid\n↳ ServerOutline\n↳ ServerSolid\n↳ ServerStackOutline\n↳ ServerStackSolid\n↳ ServerStackTinySolid\n↳ ServerTinySolid\n↳ ShareOutline\n↳ ShareSolid\n↳ ShareTinySolid\n↳ ShieldCheckOutline\n↳ ShieldCheckSolid\n↳ ShieldCheckTinySolid\n↳ ShieldExclamationOutline\n↳ ShieldExclamationSolid\n↳ ShieldExclamationTinySolid\n↳ ShoppingBagOutline\n↳ ShoppingBagSolid\n↳ ShoppingBagTinySolid\n↳ ShoppingCartOutline\n↳ ShoppingCartSolid\n↳ ShoppingCartTinySolid\n↳ SignalOutline\n↳ SignalSlashOutline\n↳ SignalSlashSolid\n↳ SignalSlashTinySolid\n↳ SignalSolid\n↳ SignalTinySolid\n↳ SparklesOutline\n↳ SparklesSolid\n↳ SparklesTinySolid\n↳ SpeakerWaveOutline\n↳ SpeakerWaveSolid\n↳ SpeakerWaveTinySolid\n↳ SpeakerXMarkOutline\n↳ SpeakerXMarkSolid\n↳ SpeakerXMarkTinySolid\n↳ Square2StackOutline\n↳ Square2StackSolid\n↳ Square2StackTinySolid\n↳ Squares2x2Outline\n↳ Squares2x2Solid\n↳ Squares2x2TinySolid\n↳ SquaresPlusOutline\n↳ SquaresPlusSolid\n↳ SquaresPlusTinySolid\n↳ StarOutline\n↳ StarSolid\n↳ StarTinySolid\n↳ StopOutline\n↳ StopSolid\n↳ StopTinySolid\n↳ SunOutline\n↳ SunSolid\n↳ SunTinySolid\n↳ SwatchOutline\n↳ SwatchSolid\n↳ SwatchTinySolid\n↳ TableCellsOutline\n↳ TableCellsSolid\n↳ TableCellsTinySolid\n↳ TagOutline\n↳ TagSolid\n↳ TagTinySolid\n↳ TicketOutline\n↳ TicketSolid\n↳ TicketTinySolid\n↳ TrashOutline\n↳ TrashSolid\n↳ TrashTinySolid\n↳ TruckOutline\n↳ TruckSolid\n↳ TruckTinySolid\n↳ UserCircleOutline\n↳ UserCircleSolid\n↳ UserCircleTinySolid\n↳ UserGroupOutline\n↳ UserGroupSolid\n↳ UserGroupTinySolid\n↳ UserMinusOutline\n↳ UserMinusSolid\n↳ UserMinusTinySolid\n↳ UserOutline\n↳ UserPlusOutline\n↳ UserPlusSolid\n↳ UserPlusTinySolid\n↳ UserSolid\n↳ UsersOutline\n↳ UsersSolid\n↳ UsersTinySolid\n↳ UserTinySolid\n↳ VariableOutline\n↳ VariableSolid\n↳ VariableTinySolid\n↳ VideoCameraOutline\n↳ VideoCameraSlashOutline\n↳ VideoCameraSlashSolid\n↳ VideoCameraSlashTinySolid\n↳ VideoCameraSolid\n↳ VideoCameraTinySolid\n↳ ViewColumnsOutline\n↳ ViewColumnsSolid\n↳ ViewColumnsTinySolid\n↳ WalletOutline\n↳ WalletSolid\n↳ WalletTinySolid\n↳ WifiOutline\n↳ WifiSolid\n↳ WifiTinySolid\n↳ WrenchOutline\n↳ WrenchScrewdriverOutline\n↳ WrenchScrewdriverSolid\n↳ WrenchScrewdriverTinySolid\n↳ WrenchSolid\n↳ WrenchTinySolid\n↳ XCircleOutline\n↳ XCircleSolid\n↳ XCircleTinySolid\n↳ XMarkOutline\n↳ XMarkSolid\n↳ XMarkTinySolid\n```\n\n## Publishing\n\n# Make sure you get the latest copy\n\n```\nrm -rf heroicons\n```\n\n# first generate the `tsx` files\n\n# make sure to copy the output and replace the options above\n\n```\nnpm run generate\n```\n\n# then bundle them into an ESM format\n\n```\nnpm run compile\n```\n\n# then tag (make sure to push the commit/tag to GitHub and create a release)\n\n```\nnpm version major|minor|patch\n```\n\n# Then publish!\n\n```\nnpm publish\n```\n\n# And push\n\n```\ngit push \u0026\u0026 git push --tags\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgraywolftech%2Freact-heroicons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgraywolftech%2Freact-heroicons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgraywolftech%2Freact-heroicons/lists"}