- Icons
+import {
+ IconAccessibilityNew,
+ IconAccessibleForward,
+ IconAccountBalance,
+ IconAccountBox,
+ IconAccountCircle,
+ IconAdd,
+ IconAddCircle,
+ IconAddCircleOutline,
+ IconAlarm,
+ IconAlternateEmail,
+ IconAnnouncement,
+ IconArrowBack,
+ IconArrowDownward,
+ IconArrowDropDown,
+ IconArrowDropUp,
+ IconArrowForward,
+ IconArrowUpward,
+ IconApi,
+ IconAssessment,
+ IconAttachFile,
+ IconAttachMoney,
+ IconAutorenew,
+ IconBackpack,
+ IconBathtub,
+ IconBedding,
+ IconBookmark,
+ IconBugReport,
+ IconBuild,
+ IconCalendarToday,
+ IconCampaign,
+ IconCamping,
+ IconCancel,
+ IconChat,
+ IconCheck,
+ IconCheckBoxOutlineBlank,
+ IconCheckCircle,
+ IconCheckCircleOutline,
+ IconCheckroom,
+ IconCleanHands,
+ IconClothes,
+ IconClose,
+ IconClosedCaption,
+ IconCloud,
+ IconCode,
+ IconComment,
+ IconConnectWithoutContact,
+ IconConstruction,
+ IconConstructionWorker,
+ IconContactPage,
+ IconContentCopy,
+ IconCoronavirus,
+ IconCreditCard,
+ IconDeck,
+ IconDelete,
+ IconDeviceThermostat,
+ IconDirections,
+ IconDirectionsBike,
+ IconDirectionsBus,
+ IconDirectionsCar,
+ IconDirectionsWalk,
+ IconDoNotDisturb,
+ IconDoNotTouch,
+ IconDragHandle,
+ IconEco,
+ IconElectricalServices,
+ IconEmojiEvents,
+ IconError,
+ IconErrorOutline,
+ IconEvent,
+ IconExpandLess,
+ IconExpandMore,
+ IconFacebook,
+ IconFastForward,
+ IconFastRewind,
+ IconFavorite,
+ IconFavoriteBorder,
+ IconFileDownload,
+ IconFilePresent,
+ IconFileUpload,
+ IconFilterAlt,
+ IconFilterList,
+ IconFingerprint,
+ IconFirstPage,
+ IconFlag,
+ IconFlickr,
+ IconFlight,
+ IconFlooding,
+ IconFolder,
+ IconFolderOpen,
+ IconFormatQuote,
+ IconFormatSize,
+ IconForum,
+ IconGithub,
+ IconGridView,
+ IconGroupAdd,
+ IconGroups,
+ IconHearing,
+ IconHelp,
+ IconHelpOutline,
+ IconHighlightOff,
+ IconHistory,
+ IconHome,
+ IconHospital,
+ IconHotel,
+ IconHourglassEmpty,
+ IconHurricane,
+ IconIdentification,
+ IconImage,
+ IconInfo,
+ IconInfoOutline,
+ IconInsights,
+ IconInstagram,
+ IconKeyboard,
+ IconLabel,
+ IconLanguage,
+ IconLastPage,
+ IconLaunch,
+ IconLightbulb,
+ IconLightbulbOutline,
+ IconLink,
+ IconLinkOff,
+ IconList,
+ IconLocalCafe,
+ IconLocalFireDepartment,
+ IconLocalGasStation,
+ IconLocalGroceryStore,
+ IconLocalHospital,
+ IconLocalLaundryService,
+ IconLocalLibrary,
+ IconLocalOffer,
+ IconLocalParking,
+ IconLocalPharmacy,
+ IconLocalPolice,
+ IconLocalTaxi,
+ IconLocationCity,
+ IconLocationOn,
+ IconLock,
+ IconLockOpen,
+ IconLockOutline,
+ IconLogin,
+ IconLogout,
+ IconLoop,
+ IconMail,
+ IconMailOutline,
+ IconMap,
+ IconMasks,
+ IconMedicalServices,
+ IconMenu,
+ IconMilitaryTech,
+ IconMoreHoriz,
+ IconMoreVert,
+ IconMyLocation,
+ IconNavigateBefore,
+ IconNavigateNext,
+ IconNavigateFarBefore,
+ IconNavigateFarNext,
+ IconNearMe,
+ IconNotifications,
+ IconNotificationsActive,
+ IconNotificationsNone,
+ IconNotificationsOff,
+ IconPark,
+ IconPeople,
+ IconPerson,
+ IconPets,
+ IconPhone,
+ IconPhotoCamera,
+ IconPrint,
+ IconPriorityHigh,
+ IconPublic,
+ IconPushPin,
+ IconRadioButtonUnchecked,
+ IconRain,
+ IconReduceCapacity,
+ IconRemove,
+ IconReport,
+ IconRestaurant,
+ IconRssFeed,
+ IconSafetyDivider,
+ IconSanitizer,
+ IconSaveAlt,
+ IconSevereWeather,
+ IconSchedule,
+ IconSchool,
+ IconScience,
+ IconSearch,
+ IconSecurity,
+ IconSend,
+ IconSentimentDissatisfied,
+ IconSentimentNeutral,
+ IconSentimentSatisfied,
+ IconSentimentSatisfiedAlt,
+ IconSentimentVeryDissatisfied,
+ IconSettings,
+ IconShare,
+ IconShield,
+ IconShoppingBasket,
+ IconSnow,
+ IconSoap,
+ IconSocialDistance,
+ IconSortArrow,
+ IconSpellcheck,
+ IconStar,
+ IconStarHalf,
+ IconStarOutline,
+ IconStore,
+ IconSupport,
+ IconSupportAgent,
+ IconTextFields,
+ IconThumbDownAlt,
+ IconThumbUpAlt,
+ IconTimer,
+ IconToggleOff,
+ IconToggleOn,
+ IconTopic,
+ IconTornado,
+ IconTranslate,
+ IconTrendingDown,
+ IconTrendingUp,
+ IconTwitter,
+ IconUndo,
+ IconUnfoldLess,
+ IconUnfoldMore,
+ IconUpdate,
+ IconUploadFile,
+ IconVerified,
+ IconVerifiedUser,
+ IconVisiblity,
+ IconVisibilityOff,
+ IconVolumeOff,
+ IconWarning,
+ IconWash,
+ IconWifi,
+ IconWork,
+ IconYoutube,
+ IconZoomIn,
+ IconZoomOutMap,
+ IconZoomOut,
+} from '@trussworks/react-uswds'
-
- We recommend using icons from react-fontawesome for projects that need icons.
-
+const IconsPage = (): React.ReactElement => {
+ const args = { size: 6 } as const
- Upload Image
+ return (
+
+ Icons
+
+ We’ve provided components for all of the icons included in USWDS.
+
-
-)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
export default IconsPage
diff --git a/example/yarn.lock b/example/yarn.lock
index ed3ad0c1c4..f93cee39cc 100644
--- a/example/yarn.lock
+++ b/example/yarn.lock
@@ -1981,32 +1981,6 @@
minimatch "^3.0.4"
strip-json-comments "^3.1.1"
-"@fortawesome/fontawesome-common-types@^0.2.36":
- version "0.2.36"
- resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.36.tgz#b44e52db3b6b20523e0c57ef8c42d315532cb903"
- integrity sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==
-
-"@fortawesome/fontawesome-svg-core@^1.2.36":
- version "1.2.36"
- resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz#4f2ea6f778298e0c47c6524ce2e7fd58eb6930e3"
- integrity sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==
- dependencies:
- "@fortawesome/fontawesome-common-types" "^0.2.36"
-
-"@fortawesome/free-solid-svg-icons@^5.15.4":
- version "5.15.4"
- resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.4.tgz#2a68f3fc3ddda12e52645654142b9e4e8fbb6cc5"
- integrity sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==
- dependencies:
- "@fortawesome/fontawesome-common-types" "^0.2.36"
-
-"@fortawesome/react-fontawesome@^0.1.15":
- version "0.1.15"
- resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.15.tgz#1450b838f905981d721bf07e14e3b52c0e9a91ed"
- integrity sha512-/HFHdcoLESxxMkqZAcZ6RXDJ69pVApwdwRos/B2kiMWxDSAX2dFK8Er2/+rG+RsrzWB/dsAyjefLmemgmfE18g==
- dependencies:
- prop-types "^15.7.2"
-
"@hapi/address@2.x.x":
version "2.1.4"
resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz#5d67ed43f3fd41a69d4b9ff7b56e7c0d1d0a81e5"
diff --git a/jest.config.js b/jest.config.js
index 7350dc9d89..1689e68e8d 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -7,7 +7,8 @@ module.exports = {
moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
moduleNameMapper: {
'^react$': '