From ba2d759cb5ad992171465a7ff2d93b8c40e74679 Mon Sep 17 00:00:00 2001
From: Alex Matthews <amatthews@easypost.com>
Date: Mon, 11 Aug 2025 11:55:59 -0500
Subject: [PATCH 1/2] Adds an icon gallery

---
 easy-ui-react/src/Icon/Icon.stories.tsx | 560 +++++++++++++++++++++++-
 1 file changed, 559 insertions(+), 1 deletion(-)

diff --git a/easy-ui-react/src/Icon/Icon.stories.tsx b/easy-ui-react/src/Icon/Icon.stories.tsx
index bacc9789..8a577d9a 100644
--- a/easy-ui-react/src/Icon/Icon.stories.tsx
+++ b/easy-ui-react/src/Icon/Icon.stories.tsx
@@ -1,7 +1,138 @@
+import AccountBalanceIcon from "@easypost/easy-ui-icons/AccountBalance";
+import AccountBalanceWalletIcon from "@easypost/easy-ui-icons/AccountBalanceWallet";
+import AccountCircleIcon from "@easypost/easy-ui-icons/AccountCircle";
+import AccountTreeIcon from "@easypost/easy-ui-icons/AccountTree";
+import AddIcon from "@easypost/easy-ui-icons/Add";
+import AddBusinessIcon from "@easypost/easy-ui-icons/AddBusiness";
+import AddCardIcon from "@easypost/easy-ui-icons/AddCard";
+import AddCircleIcon from "@easypost/easy-ui-icons/AddCircle";
+import AddDiamondIcon from "@easypost/easy-ui-icons/AddDiamond";
+import AdfScannerIcon from "@easypost/easy-ui-icons/AdfScanner";
+import AdjustIcon from "@easypost/easy-ui-icons/Adjust";
+import AlarmIcon from "@easypost/easy-ui-icons/Alarm";
+import AltRouteIcon from "@easypost/easy-ui-icons/AltRoute";
+import AnalyticsIcon from "@easypost/easy-ui-icons/Analytics";
+import AnchorIcon from "@easypost/easy-ui-icons/Anchor";
+import ApartmentIcon from "@easypost/easy-ui-icons/Apartment";
+import ArrowBackIcon from "@easypost/easy-ui-icons/ArrowBack";
+import ArrowDropDownIcon from "@easypost/easy-ui-icons/ArrowDropDown";
+import ArrowDropUpIcon from "@easypost/easy-ui-icons/ArrowDropUp";
+import ArrowForwardIcon from "@easypost/easy-ui-icons/ArrowForward";
+import ArrowForwardIosIcon from "@easypost/easy-ui-icons/ArrowForwardIos";
+import ArticleIcon from "@easypost/easy-ui-icons/Article";
+import AttachMoneyIcon from "@easypost/easy-ui-icons/AttachMoney";
+import AwardStarIcon from "@easypost/easy-ui-icons/AwardStar";
+import BallotIcon from "@easypost/easy-ui-icons/Ballot";
+import BarChartIcon from "@easypost/easy-ui-icons/BarChart";
+import BarcodeIcon from "@easypost/easy-ui-icons/Barcode";
+import BarcodeReaderIcon from "@easypost/easy-ui-icons/BarcodeReader";
+import BarcodeScannerIcon from "@easypost/easy-ui-icons/BarcodeScanner";
+import Brightness1Icon from "@easypost/easy-ui-icons/Brightness1";
+import Brightness5Icon from "@easypost/easy-ui-icons/Brightness5";
+import CalendarAddOnIcon from "@easypost/easy-ui-icons/CalendarAddOn";
+import CalendarMonthIcon from "@easypost/easy-ui-icons/CalendarMonth";
+import CalendarTodayIcon from "@easypost/easy-ui-icons/CalendarToday";
+import CallIcon from "@easypost/easy-ui-icons/Call";
+import CampaignIcon from "@easypost/easy-ui-icons/Campaign";
+import CancelIcon from "@easypost/easy-ui-icons/Cancel";
+import CheckIcon from "@easypost/easy-ui-icons/Check";
+import Check600Icon from "@easypost/easy-ui-icons/Check600";
 import CheckCircleIcon from "@easypost/easy-ui-icons/CheckCircle";
+import ChevronRight400Icon from "@easypost/easy-ui-icons/ChevronRight400";
+import ChipExtractionIcon from "@easypost/easy-ui-icons/ChipExtraction";
+import CloseIcon from "@easypost/easy-ui-icons/Close";
+import CodeIcon from "@easypost/easy-ui-icons/Code";
+import CodeBlocksIcon from "@easypost/easy-ui-icons/CodeBlocks";
+import CollectionsBookmarkIcon from "@easypost/easy-ui-icons/CollectionsBookmark";
+import ContentCopyIcon from "@easypost/easy-ui-icons/ContentCopy";
+import CurrencyExchangeIcon from "@easypost/easy-ui-icons/CurrencyExchange";
+import CycleIcon from "@easypost/easy-ui-icons/Cycle";
+import DeleteIcon from "@easypost/easy-ui-icons/Delete";
+import DescriptionIcon from "@easypost/easy-ui-icons/Description";
+import DocumentScannerIcon from "@easypost/easy-ui-icons/DocumentScanner";
+import DoorOpenIcon from "@easypost/easy-ui-icons/DoorOpen";
+import DownloadIcon from "@easypost/easy-ui-icons/Download";
+import EcoIcon from "@easypost/easy-ui-icons/Eco";
+import EditIcon from "@easypost/easy-ui-icons/Edit";
+import EmojiObjectsIcon from "@easypost/easy-ui-icons/EmojiObjects";
 import ErrorIcon from "@easypost/easy-ui-icons/Error";
+import ErrorFillIcon from "@easypost/easy-ui-icons/ErrorFill";
+import ExpandAllIcon from "@easypost/easy-ui-icons/ExpandAll";
+import ExpandMore400Icon from "@easypost/easy-ui-icons/ExpandMore400";
+import ExperimentIcon from "@easypost/easy-ui-icons/Experiment";
+import FilterAltIcon from "@easypost/easy-ui-icons/FilterAlt";
+import FilterAltOffIcon from "@easypost/easy-ui-icons/FilterAltOff";
+import ForkLeftIcon from "@easypost/easy-ui-icons/ForkLeft";
+import Graph3Icon from "@easypost/easy-ui-icons/Graph3";
+import GroupsIcon from "@easypost/easy-ui-icons/Groups";
+import HandshakeIcon from "@easypost/easy-ui-icons/Handshake";
+import HelpIcon from "@easypost/easy-ui-icons/Help";
+import HistoryIcon from "@easypost/easy-ui-icons/History";
+import HomeIcon from "@easypost/easy-ui-icons/Home";
+import HomeWorkIcon from "@easypost/easy-ui-icons/HomeWork";
+import ImportContactsIcon from "@easypost/easy-ui-icons/ImportContacts";
 import InfoIcon from "@easypost/easy-ui-icons/Info";
+import InkSelectionIcon from "@easypost/easy-ui-icons/InkSelection";
+import KeyIcon from "@easypost/easy-ui-icons/Key";
+import KeyboardArrowDownIcon from "@easypost/easy-ui-icons/KeyboardArrowDown";
+import KeyboardDoubleArrowLeftIcon from "@easypost/easy-ui-icons/KeyboardDoubleArrowLeft";
+import KeyboardDoubleArrowRightIcon from "@easypost/easy-ui-icons/KeyboardDoubleArrowRight";
+import LabProfileIcon from "@easypost/easy-ui-icons/LabProfile";
+import LeaderboardIcon from "@easypost/easy-ui-icons/Leaderboard";
+import LinkIcon from "@easypost/easy-ui-icons/Link";
+import LocalPoliceIcon from "@easypost/easy-ui-icons/LocalPolice";
+import LocalPostOfficeIcon from "@easypost/easy-ui-icons/LocalPostOffice";
+import LocalShippingIcon from "@easypost/easy-ui-icons/LocalShipping";
+import LocationOnIcon from "@easypost/easy-ui-icons/LocationOn";
+import LocationSearchingIcon from "@easypost/easy-ui-icons/LocationSearching";
+import LockIcon from "@easypost/easy-ui-icons/Lock";
+import MangaIcon from "@easypost/easy-ui-icons/Manga";
+import MenuIcon from "@easypost/easy-ui-icons/Menu";
+import MenuBookIcon from "@easypost/easy-ui-icons/MenuBook";
+import MoreVertIcon from "@easypost/easy-ui-icons/MoreVert";
+import MoreVert600Icon from "@easypost/easy-ui-icons/MoreVert600";
+import OpenInNewIcon from "@easypost/easy-ui-icons/OpenInNew";
+import PackageIcon from "@easypost/easy-ui-icons/Package";
+import Package2Icon from "@easypost/easy-ui-icons/Package2";
+import PaletteIcon from "@easypost/easy-ui-icons/Palette";
+import PaymentsIcon from "@easypost/easy-ui-icons/Payments";
+import PercentIcon from "@easypost/easy-ui-icons/Percent";
+import PersonIcon from "@easypost/easy-ui-icons/Person";
+import PriceChangeIcon from "@easypost/easy-ui-icons/PriceChange";
+import RadarIcon from "@easypost/easy-ui-icons/Radar";
+import RadioButtonCheckedIcon from "@easypost/easy-ui-icons/RadioButtonChecked";
+import RadioButtonUncheckedIcon from "@easypost/easy-ui-icons/RadioButtonUnchecked";
+import ReceiptIcon from "@easypost/easy-ui-icons/Receipt";
+import ReceiptLongIcon from "@easypost/easy-ui-icons/ReceiptLong";
+import RedeemIcon from "@easypost/easy-ui-icons/Redeem";
+import Remove600Icon from "@easypost/easy-ui-icons/Remove600";
+import RemoveSelectionIcon from "@easypost/easy-ui-icons/RemoveSelection";
+import ReplayIcon from "@easypost/easy-ui-icons/Replay";
+import SavingsIcon from "@easypost/easy-ui-icons/Savings";
+import ScheduleIcon from "@easypost/easy-ui-icons/Schedule";
+import SchemaIcon from "@easypost/easy-ui-icons/Schema";
+import SearchIcon from "@easypost/easy-ui-icons/Search";
+import SettingsIcon from "@easypost/easy-ui-icons/Settings";
+import ShieldIcon from "@easypost/easy-ui-icons/Shield";
+import ShoppingCartIcon from "@easypost/easy-ui-icons/ShoppingCart";
+import StorefrontIcon from "@easypost/easy-ui-icons/Storefront";
+import SupportIcon from "@easypost/easy-ui-icons/Support";
+import SupportAgentIcon from "@easypost/easy-ui-icons/SupportAgent";
+import TableViewIcon from "@easypost/easy-ui-icons/TableView";
+import TerminalIcon from "@easypost/easy-ui-icons/Terminal";
+import ThumbUpIcon from "@easypost/easy-ui-icons/ThumbUp";
+import TimelineIcon from "@easypost/easy-ui-icons/Timeline";
+import TrackChangesIcon from "@easypost/easy-ui-icons/TrackChanges";
+import TuneIcon from "@easypost/easy-ui-icons/Tune";
+import UnfoldMoreIcon from "@easypost/easy-ui-icons/UnfoldMore";
+import UploadIcon from "@easypost/easy-ui-icons/Upload";
+import VerifiedUserIcon from "@easypost/easy-ui-icons/VerifiedUser";
+import ViewListIcon from "@easypost/easy-ui-icons/ViewList";
+import VisibilityIcon from "@easypost/easy-ui-icons/Visibility";
+import VisibilityOffIcon from "@easypost/easy-ui-icons/VisibilityOff";
 import WarningIcon from "@easypost/easy-ui-icons/Warning";
+import WebhookIcon from "@easypost/easy-ui-icons/Webhook";
+import WidgetsIcon from "@easypost/easy-ui-icons/Widgets";
 import { Meta, StoryObj } from "@storybook/react";
 import React from "react";
 import {
@@ -18,7 +149,6 @@ const Template = (args: IconProps) => <Icon {...args} />;
 const meta: Meta<typeof Icon> = {
   title: "Primitives/Icon",
   argTypes: {
-    // TODO: Figure out how to include all icons from our icons project
     symbol: createLabelledOptionsControl({
       CheckCircle: CheckCircleIcon,
       Info: InfoIcon,
@@ -56,3 +186,431 @@ export const Controls: Story = {
     symbol: CheckCircleIcon,
   },
 };
+
+const Row = ({ children }: { children: React.ReactNode }) => (
+  <div
+    style={{
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      margin: "8px 0",
+    }}
+  >
+    {children}
+  </div>
+);
+
+// Gallery of all icons
+// Not ideal, but one day when we have a barrel file or something, this can be
+// done in a less manual way
+export const Gallery: Story = {
+  render: () => (
+    <>
+      <Row>
+        AccountBalance: <Icon symbol={AccountBalanceIcon} />
+      </Row>
+      <Row>
+        AccountBalanceWallet: <Icon symbol={AccountBalanceWalletIcon} />
+      </Row>
+      <Row>
+        AccountCircle: <Icon symbol={AccountCircleIcon} />
+      </Row>
+      <Row>
+        AccountTree: <Icon symbol={AccountTreeIcon} />
+      </Row>
+      <Row>
+        Add: <Icon symbol={AddIcon} />
+      </Row>
+      <Row>
+        AddBusiness: <Icon symbol={AddBusinessIcon} />
+      </Row>
+      <Row>
+        AddCard: <Icon symbol={AddCardIcon} />
+      </Row>
+      <Row>
+        AddCircle: <Icon symbol={AddCircleIcon} />
+      </Row>
+      <Row>
+        AddDiamond: <Icon symbol={AddDiamondIcon} />
+      </Row>
+      <Row>
+        AdfScanner: <Icon symbol={AdfScannerIcon} />
+      </Row>
+      <Row>
+        Adjust: <Icon symbol={AdjustIcon} />
+      </Row>
+      <Row>
+        Alarm: <Icon symbol={AlarmIcon} />
+      </Row>
+      <Row>
+        AltRoute: <Icon symbol={AltRouteIcon} />
+      </Row>
+      <Row>
+        Analytics: <Icon symbol={AnalyticsIcon} />
+      </Row>
+      <Row>
+        Anchor: <Icon symbol={AnchorIcon} />
+      </Row>
+      <Row>
+        Apartment: <Icon symbol={ApartmentIcon} />
+      </Row>
+      <Row>
+        ArrowBack: <Icon symbol={ArrowBackIcon} />
+      </Row>
+      <Row>
+        ArrowDropDown: <Icon symbol={ArrowDropDownIcon} />
+      </Row>
+      <Row>
+        ArrowDropUp: <Icon symbol={ArrowDropUpIcon} />
+      </Row>
+      <Row>
+        ArrowForward: <Icon symbol={ArrowForwardIcon} />
+      </Row>
+      <Row>
+        ArrowForwardIos: <Icon symbol={ArrowForwardIosIcon} />
+      </Row>
+      <Row>
+        Article: <Icon symbol={ArticleIcon} />
+      </Row>
+      <Row>
+        AttachMoney: <Icon symbol={AttachMoneyIcon} />
+      </Row>
+      <Row>
+        AwardStar: <Icon symbol={AwardStarIcon} />
+      </Row>
+      <Row>
+        Ballot: <Icon symbol={BallotIcon} />
+      </Row>
+      <Row>
+        BarChart: <Icon symbol={BarChartIcon} />
+      </Row>
+      <Row>
+        Barcode: <Icon symbol={BarcodeIcon} />
+      </Row>
+      <Row>
+        BarcodeReader: <Icon symbol={BarcodeReaderIcon} />
+      </Row>
+      <Row>
+        BarcodeScanner: <Icon symbol={BarcodeScannerIcon} />
+      </Row>
+      <Row>
+        Brightness1: <Icon symbol={Brightness1Icon} />
+      </Row>
+      <Row>
+        Brightness5: <Icon symbol={Brightness5Icon} />
+      </Row>
+      <Row>
+        CalendarAddOn: <Icon symbol={CalendarAddOnIcon} />
+      </Row>
+      <Row>
+        CalendarMonth: <Icon symbol={CalendarMonthIcon} />
+      </Row>
+      <Row>
+        CalendarToday: <Icon symbol={CalendarTodayIcon} />
+      </Row>
+      <Row>
+        Call: <Icon symbol={CallIcon} />
+      </Row>
+      <Row>
+        Campaign: <Icon symbol={CampaignIcon} />
+      </Row>
+      <Row>
+        Cancel: <Icon symbol={CancelIcon} />
+      </Row>
+      <Row>
+        Check: <Icon symbol={CheckIcon} />
+      </Row>
+      <Row>
+        Check600: <Icon symbol={Check600Icon} />
+      </Row>
+      <Row>
+        CheckCircle: <Icon symbol={CheckCircleIcon} />
+      </Row>
+      <Row>
+        ChevronRight400: <Icon symbol={ChevronRight400Icon} />
+      </Row>
+      <Row>
+        ChipExtraction: <Icon symbol={ChipExtractionIcon} />
+      </Row>
+      <Row>
+        Close: <Icon symbol={CloseIcon} />
+      </Row>
+      <Row>
+        Code: <Icon symbol={CodeIcon} />
+      </Row>
+      <Row>
+        CodeBlocks: <Icon symbol={CodeBlocksIcon} />
+      </Row>
+      <Row>
+        CollectionsBookmark: <Icon symbol={CollectionsBookmarkIcon} />
+      </Row>
+      <Row>
+        ContentCopy: <Icon symbol={ContentCopyIcon} />
+      </Row>
+      <Row>
+        CurrencyExchange: <Icon symbol={CurrencyExchangeIcon} />
+      </Row>
+      <Row>
+        Cycle: <Icon symbol={CycleIcon} />
+      </Row>
+      <Row>
+        Delete: <Icon symbol={DeleteIcon} />
+      </Row>
+      <Row>
+        Description: <Icon symbol={DescriptionIcon} />
+      </Row>
+      <Row>
+        DocumentScanner: <Icon symbol={DocumentScannerIcon} />
+      </Row>
+      <Row>
+        DoorOpen: <Icon symbol={DoorOpenIcon} />
+      </Row>
+      <Row>
+        Download: <Icon symbol={DownloadIcon} />
+      </Row>
+      <Row>
+        Eco: <Icon symbol={EcoIcon} />
+      </Row>
+      <Row>
+        Edit: <Icon symbol={EditIcon} />
+      </Row>
+      <Row>
+        EmojiObjects: <Icon symbol={EmojiObjectsIcon} />
+      </Row>
+      <Row>
+        Error: <Icon symbol={ErrorIcon} />
+      </Row>
+      <Row>
+        ErrorFill: <Icon symbol={ErrorFillIcon} />
+      </Row>
+      <Row>
+        ExpandAll: <Icon symbol={ExpandAllIcon} />
+      </Row>
+      <Row>
+        ExpandMore400: <Icon symbol={ExpandMore400Icon} />
+      </Row>
+      <Row>
+        Experiment: <Icon symbol={ExperimentIcon} />
+      </Row>
+      <Row>
+        FilterAlt: <Icon symbol={FilterAltIcon} />
+      </Row>
+      <Row>
+        FilterAltOff: <Icon symbol={FilterAltOffIcon} />
+      </Row>
+      <Row>
+        ForkLeft: <Icon symbol={ForkLeftIcon} />
+      </Row>
+      <Row>
+        Graph3: <Icon symbol={Graph3Icon} />
+      </Row>
+      <Row>
+        Groups: <Icon symbol={GroupsIcon} />
+      </Row>
+      <Row>
+        Handshake: <Icon symbol={HandshakeIcon} />
+      </Row>
+      <Row>
+        Help: <Icon symbol={HelpIcon} />
+      </Row>
+      <Row>
+        History: <Icon symbol={HistoryIcon} />
+      </Row>
+      <Row>
+        Home: <Icon symbol={HomeIcon} />
+      </Row>
+      <Row>
+        HomeWork: <Icon symbol={HomeWorkIcon} />
+      </Row>
+      <Row>
+        ImportContacts: <Icon symbol={ImportContactsIcon} />
+      </Row>
+      <Row>
+        Info: <Icon symbol={InfoIcon} />
+      </Row>
+      <Row>
+        InkSelection: <Icon symbol={InkSelectionIcon} />
+      </Row>
+      <Row>
+        Key: <Icon symbol={KeyIcon} />
+      </Row>
+      <Row>
+        KeyboardArrowDown: <Icon symbol={KeyboardArrowDownIcon} />
+      </Row>
+      <Row>
+        KeyboardDoubleArrowLeft: <Icon symbol={KeyboardDoubleArrowLeftIcon} />
+      </Row>
+      <Row>
+        KeyboardDoubleArrowRight: <Icon symbol={KeyboardDoubleArrowRightIcon} />
+      </Row>
+      <Row>
+        LabProfile: <Icon symbol={LabProfileIcon} />
+      </Row>
+      <Row>
+        Leaderboard: <Icon symbol={LeaderboardIcon} />
+      </Row>
+      <Row>
+        Link: <Icon symbol={LinkIcon} />
+      </Row>
+      <Row>
+        LocalPolice: <Icon symbol={LocalPoliceIcon} />
+      </Row>
+      <Row>
+        LocalPostOffice: <Icon symbol={LocalPostOfficeIcon} />
+      </Row>
+      <Row>
+        LocalShipping: <Icon symbol={LocalShippingIcon} />
+      </Row>
+      <Row>
+        LocationOn: <Icon symbol={LocationOnIcon} />
+      </Row>
+      <Row>
+        LocationSearching: <Icon symbol={LocationSearchingIcon} />
+      </Row>
+      <Row>
+        Lock: <Icon symbol={LockIcon} />
+      </Row>
+      <Row>
+        Manga: <Icon symbol={MangaIcon} />
+      </Row>
+      <Row>
+        Menu: <Icon symbol={MenuIcon} />
+      </Row>
+      <Row>
+        MenuBook: <Icon symbol={MenuBookIcon} />
+      </Row>
+      <Row>
+        MoreVert: <Icon symbol={MoreVertIcon} />
+      </Row>
+      <Row>
+        MoreVert600: <Icon symbol={MoreVert600Icon} />
+      </Row>
+      <Row>
+        OpenInNew: <Icon symbol={OpenInNewIcon} />
+      </Row>
+      <Row>
+        Package: <Icon symbol={PackageIcon} />
+      </Row>
+      <Row>
+        Package2: <Icon symbol={Package2Icon} />
+      </Row>
+      <Row>
+        Palette: <Icon symbol={PaletteIcon} />
+      </Row>
+      <Row>
+        Payments: <Icon symbol={PaymentsIcon} />
+      </Row>
+      <Row>
+        Percent: <Icon symbol={PercentIcon} />
+      </Row>
+      <Row>
+        Person: <Icon symbol={PersonIcon} />
+      </Row>
+      <Row>
+        PriceChange: <Icon symbol={PriceChangeIcon} />
+      </Row>
+      <Row>
+        Radar: <Icon symbol={RadarIcon} />
+      </Row>
+      <Row>
+        RadioButtonChecked: <Icon symbol={RadioButtonCheckedIcon} />
+      </Row>
+      <Row>
+        RadioButtonUnchecked: <Icon symbol={RadioButtonUncheckedIcon} />
+      </Row>
+      <Row>
+        Receipt: <Icon symbol={ReceiptIcon} />
+      </Row>
+      <Row>
+        ReceiptLong: <Icon symbol={ReceiptLongIcon} />
+      </Row>
+      <Row>
+        Redeem: <Icon symbol={RedeemIcon} />
+      </Row>
+      <Row>
+        Remove600: <Icon symbol={Remove600Icon} />
+      </Row>
+      <Row>
+        RemoveSelection: <Icon symbol={RemoveSelectionIcon} />
+      </Row>
+      <Row>
+        Replay: <Icon symbol={ReplayIcon} />
+      </Row>
+      <Row>
+        Savings: <Icon symbol={SavingsIcon} />
+      </Row>
+      <Row>
+        Schedule: <Icon symbol={ScheduleIcon} />
+      </Row>
+      <Row>
+        Schema: <Icon symbol={SchemaIcon} />
+      </Row>
+      <Row>
+        Search: <Icon symbol={SearchIcon} />
+      </Row>
+      <Row>
+        Settings: <Icon symbol={SettingsIcon} />
+      </Row>
+      <Row>
+        Shield: <Icon symbol={ShieldIcon} />
+      </Row>
+      <Row>
+        ShoppingCart: <Icon symbol={ShoppingCartIcon} />
+      </Row>
+      <Row>
+        Storefront: <Icon symbol={StorefrontIcon} />
+      </Row>
+      <Row>
+        Support: <Icon symbol={SupportIcon} />
+      </Row>
+      <Row>
+        SupportAgent: <Icon symbol={SupportAgentIcon} />
+      </Row>
+      <Row>
+        TableView: <Icon symbol={TableViewIcon} />
+      </Row>
+      <Row>
+        Terminal: <Icon symbol={TerminalIcon} />
+      </Row>
+      <Row>
+        ThumbUp: <Icon symbol={ThumbUpIcon} />
+      </Row>
+      <Row>
+        Timeline: <Icon symbol={TimelineIcon} />
+      </Row>
+      <Row>
+        TrackChanges: <Icon symbol={TrackChangesIcon} />
+      </Row>
+      <Row>
+        Tune: <Icon symbol={TuneIcon} />
+      </Row>
+      <Row>
+        UnfoldMore: <Icon symbol={UnfoldMoreIcon} />
+      </Row>
+      <Row>
+        Upload: <Icon symbol={UploadIcon} />
+      </Row>
+      <Row>
+        VerifiedUser: <Icon symbol={VerifiedUserIcon} />
+      </Row>
+      <Row>
+        ViewList: <Icon symbol={ViewListIcon} />
+      </Row>
+      <Row>
+        Visibility: <Icon symbol={VisibilityIcon} />
+      </Row>
+      <Row>
+        VisibilityOff: <Icon symbol={VisibilityOffIcon} />
+      </Row>
+      <Row>
+        Warning: <Icon symbol={WarningIcon} />
+      </Row>
+      <Row>
+        Webhook: <Icon symbol={WebhookIcon} />
+      </Row>
+      <Row>
+        Widgets: <Icon symbol={WidgetsIcon} />
+      </Row>
+    </>
+  ),
+};

From fc8b9728e7b2a3d392bbe938fb5ecac83942b2d7 Mon Sep 17 00:00:00 2001
From: Alex Matthews <amatthews@easypost.com>
Date: Mon, 11 Aug 2025 12:00:05 -0500
Subject: [PATCH 2/2] Adds changeset

---
 .changeset/puny-rivers-look.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/puny-rivers-look.md

diff --git a/.changeset/puny-rivers-look.md b/.changeset/puny-rivers-look.md
new file mode 100644
index 00000000..b672083e
--- /dev/null
+++ b/.changeset/puny-rivers-look.md
@@ -0,0 +1,5 @@
+---
+"@easypost/easy-ui": patch
+---
+
+Adds icon gallery story