diff --git a/.parcelrc-build b/.parcelrc-build
index ca6c775ff23..d5e200369ac 100644
--- a/.parcelrc-build
+++ b/.parcelrc-build
@@ -6,7 +6,8 @@
     "style-types:*.ts": ["@parcel/transformer-typescript-types"],
     "packages/**/intl/*.json": ["parcel-transformer-intl"],
     "bundle-text:*.svg": ["@parcel/transformer-svg", "@parcel/transformer-inline-string"],
-    "packages/@react-spectrum/s2/{s2wf-icons,spectrum-illustrations}/**/*.svg": ["parcel-transformer-icon"],
+    "illustration:*.svg": ["@react-spectrum/parcel-transformer-s2-icon"],
+    "packages/@react-spectrum/s2/s2wf-icons/**/*.svg": ["@react-spectrum/parcel-transformer-s2-icon"],
     // Disable PostCSS from running over style macro output
     "packages/@react-spectrum/s2/**/*.css": ["@parcel/transformer-css"],
     "*.svg": ["@parcel/transformer-svg-react"],
@@ -15,5 +16,5 @@
       "@parcel/transformer-react-refresh-wrap"
     ]
   },
-  "namers": ["parcel-namer-icon", "parcel-namer-intl", "..."]
+  "namers": ["parcel-namer-s2", "parcel-namer-intl", "..."]
 }
diff --git a/.storybook-s2/.parcelrc b/.storybook-s2/.parcelrc
index 7a7374f94f8..228bdc80acf 100644
--- a/.storybook-s2/.parcelrc
+++ b/.storybook-s2/.parcelrc
@@ -3,7 +3,8 @@
   "resolvers": ["@parcel/resolver-glob", "parcel-resolver-storybook", "..."],
   "transformers": {
     "packages/@react-spectrum/s2/{src,stories}/*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": ["parcel-transformer-react-docgen-typescript", "..."],
-    "packages/@react-spectrum/s2/{s2wf-icons,spectrum-illustrations}/**/*.svg": ["parcel-transformer-icon"],
+    "illustration:*.svg": ["@react-spectrum/parcel-transformer-s2-icon"],
+    "packages/@react-spectrum/s2/s2wf-icons/**/*.svg": ["@react-spectrum/parcel-transformer-s2-icon"],
     "packages/*/*/intl/*.json": ["parcel-transformer-intl"],
     // Disable PostCSS from running over style macro output
     "*.css": ["@parcel/transformer-css"],
diff --git a/package.json b/package.json
index 08ab2a574d6..1d5e1bfd186 100644
--- a/package.json
+++ b/package.json
@@ -94,6 +94,7 @@
     "@parcel/transformer-inline-string": "2.0.0-dev.1601",
     "@parcel/transformer-svg-react": "2.12.1-dev.3224",
     "@parcel/transformer-typescript-types": "2.0.0-dev.1601",
+    "@react-spectrum/s2-icon-builder": "^1.0.0",
     "@spectrum-css/component-builder": "1.0.1",
     "@spectrum-css/vars": "^2.3.0",
     "@storybook/addon-a11y": "^7.6.19",
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx
index f8868260c36..9706323c23d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import AlertNotice_L from './S2_lin_alertNotice_160.svg';
-import AlertNotice_M from './S2_lin_alertNotice_96.svg';
-import AlertNotice_S from './S2_lin_alertNotice_48.svg';
+import AlertNotice_L from 'illustration:./S2_lin_alertNotice_160.svg';
+import AlertNotice_M from 'illustration:./S2_lin_alertNotice_96.svg';
+import AlertNotice_S from 'illustration:./S2_lin_alertNotice_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx
index 0843254e7eb..6864569f8bc 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Apps_L from './S2_lin_apps_160.svg';
-import Apps_M from './S2_lin_apps_96.svg';
-import Apps_S from './S2_lin_apps_48.svg';
+import Apps_L from 'illustration:./S2_lin_apps_160.svg';
+import Apps_M from 'illustration:./S2_lin_apps_96.svg';
+import Apps_S from 'illustration:./S2_lin_apps_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx
index c87fba70b87..5d2290deeda 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import ArrowDown_L from './S2_lin_arrowDown_160.svg';
-import ArrowDown_M from './S2_lin_arrowDown_96.svg';
-import ArrowDown_S from './S2_lin_arrowDown_48.svg';
+import ArrowDown_L from 'illustration:./S2_lin_arrowDown_160.svg';
+import ArrowDown_M from 'illustration:./S2_lin_arrowDown_96.svg';
+import ArrowDown_S from 'illustration:./S2_lin_arrowDown_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx
index 0fdff79bc24..169082c2803 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import ArrowLeft_L from './S2_lin_arrowLeft_160.svg';
-import ArrowLeft_M from './S2_lin_arrowLeft_96.svg';
-import ArrowLeft_S from './S2_lin_arrowLeft_48.svg';
+import ArrowLeft_L from 'illustration:./S2_lin_arrowLeft_160.svg';
+import ArrowLeft_M from 'illustration:./S2_lin_arrowLeft_96.svg';
+import ArrowLeft_S from 'illustration:./S2_lin_arrowLeft_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx
index dfa617873a1..63b767e045c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import ArrowRight_L from './S2_lin_arrowRight_160.svg';
-import ArrowRight_M from './S2_lin_arrowRight_96.svg';
-import ArrowRight_S from './S2_lin_arrowRight_48.svg';
+import ArrowRight_L from 'illustration:./S2_lin_arrowRight_160.svg';
+import ArrowRight_M from 'illustration:./S2_lin_arrowRight_96.svg';
+import ArrowRight_S from 'illustration:./S2_lin_arrowRight_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx
index 9e4a33f55fb..8a81910d1a6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import ArrowUp_L from './S2_lin_arrowUp_160.svg';
-import ArrowUp_M from './S2_lin_arrowUp_96.svg';
-import ArrowUp_S from './S2_lin_arrowUp_48.svg';
+import ArrowUp_L from 'illustration:./S2_lin_arrowUp_160.svg';
+import ArrowUp_M from 'illustration:./S2_lin_arrowUp_96.svg';
+import ArrowUp_S from 'illustration:./S2_lin_arrowUp_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx
index ffee77fcd9a..decd277c156 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Artboard_L from './S2_lin_artboard_160.svg';
-import Artboard_M from './S2_lin_artboard_96.svg';
-import Artboard_S from './S2_lin_artboard_48.svg';
+import Artboard_L from 'illustration:./S2_lin_artboard_160.svg';
+import Artboard_M from 'illustration:./S2_lin_artboard_96.svg';
+import Artboard_S from 'illustration:./S2_lin_artboard_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx
index b7c8d6254bb..4b2fc9d9054 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Bell_L from './S2_lin_bell_160.svg';
-import Bell_M from './S2_lin_bell_96.svg';
-import Bell_S from './S2_lin_bell_48.svg';
+import Bell_L from 'illustration:./S2_lin_bell_160.svg';
+import Bell_M from 'illustration:./S2_lin_bell_96.svg';
+import Bell_S from 'illustration:./S2_lin_bell_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx
index 0f568216a1d..0ef54f24da8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Bolt_L from './S2_lin_bolt_160.svg';
-import Bolt_M from './S2_lin_bolt_96.svg';
-import Bolt_S from './S2_lin_bolt_48.svg';
+import Bolt_L from 'illustration:./S2_lin_bolt_160.svg';
+import Bolt_M from 'illustration:./S2_lin_bolt_96.svg';
+import Bolt_S from 'illustration:./S2_lin_bolt_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx
index 9ba2d973d21..5147e9e5f28 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Brand_L from './S2_lin_brand_160.svg';
-import Brand_M from './S2_lin_brand_96.svg';
-import Brand_S from './S2_lin_brand_48.svg';
+import Brand_L from 'illustration:./S2_lin_brand_160.svg';
+import Brand_M from 'illustration:./S2_lin_brand_96.svg';
+import Brand_S from 'illustration:./S2_lin_brand_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx
index 0893ffd8c56..b17f7d9be0a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Briefcase_L from './S2_lin_briefcase_160.svg';
-import Briefcase_M from './S2_lin_briefcase_96.svg';
-import Briefcase_S from './S2_lin_briefcase_48.svg';
+import Briefcase_L from 'illustration:./S2_lin_briefcase_160.svg';
+import Briefcase_M from 'illustration:./S2_lin_briefcase_96.svg';
+import Briefcase_S from 'illustration:./S2_lin_briefcase_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx
index e5f8d093194..7710177f7f7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Browser_L from './S2_lin_browser_160.svg';
-import Browser_M from './S2_lin_browser_96.svg';
-import Browser_S from './S2_lin_browser_48.svg';
+import Browser_L from 'illustration:./S2_lin_browser_160.svg';
+import Browser_M from 'illustration:./S2_lin_browser_96.svg';
+import Browser_S from 'illustration:./S2_lin_browser_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx
index d8dab32fafd..bbfd4a79e0a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import BrowserError_L from './S2_lin_browserError_160.svg';
-import BrowserError_M from './S2_lin_browserError_96.svg';
-import BrowserError_S from './S2_lin_browserError_48.svg';
+import BrowserError_L from 'illustration:./S2_lin_browserError_160.svg';
+import BrowserError_M from 'illustration:./S2_lin_browserError_96.svg';
+import BrowserError_S from 'illustration:./S2_lin_browserError_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx
index 56c36c69bbc..167300c8ea7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import BrowserNotCompatible_L from './S2_lin_browserNotCompatible_160.svg';
-import BrowserNotCompatible_M from './S2_lin_browserNotCompatible_96.svg';
-import BrowserNotCompatible_S from './S2_lin_browserNotCompatible_48.svg';
+import BrowserNotCompatible_L from 'illustration:./S2_lin_browserNotCompatible_160.svg';
+import BrowserNotCompatible_M from 'illustration:./S2_lin_browserNotCompatible_96.svg';
+import BrowserNotCompatible_S from 'illustration:./S2_lin_browserNotCompatible_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx
index a363272e467..25a23728752 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import BuildTable_L from './S2_lin_buildTable_160.svg';
-import BuildTable_M from './S2_lin_buildTable_96.svg';
-import BuildTable_S from './S2_lin_buildTable_48.svg';
+import BuildTable_L from 'illustration:./S2_lin_buildTable_160.svg';
+import BuildTable_M from 'illustration:./S2_lin_buildTable_96.svg';
+import BuildTable_S from 'illustration:./S2_lin_buildTable_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx
index 9549e641a11..48edc6b7a7d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Buildings_L from './S2_lin_buildings_160.svg';
-import Buildings_M from './S2_lin_buildings_96.svg';
-import Buildings_S from './S2_lin_buildings_48.svg';
+import Buildings_L from 'illustration:./S2_lin_buildings_160.svg';
+import Buildings_M from 'illustration:./S2_lin_buildings_96.svg';
+import Buildings_S from 'illustration:./S2_lin_buildings_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx
index 6cf36d4ac65..409ac7fa4ab 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Calendar_L from './S2_lin_calendar_160.svg';
-import Calendar_M from './S2_lin_calendar_96.svg';
-import Calendar_S from './S2_lin_calendar_48.svg';
+import Calendar_L from 'illustration:./S2_lin_calendar_160.svg';
+import Calendar_M from 'illustration:./S2_lin_calendar_96.svg';
+import Calendar_S from 'illustration:./S2_lin_calendar_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx
index 436974f4b50..a8248a91d28 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Camera_L from './S2_lin_camera_160.svg';
-import Camera_M from './S2_lin_camera_96.svg';
-import Camera_S from './S2_lin_camera_48.svg';
+import Camera_L from 'illustration:./S2_lin_camera_160.svg';
+import Camera_M from 'illustration:./S2_lin_camera_96.svg';
+import Camera_S from 'illustration:./S2_lin_camera_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx
index 5a14cb7e7ec..14685c8a886 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Chatbubble_L from './S2_lin_chatbubble_160.svg';
-import Chatbubble_M from './S2_lin_chatbubble_96.svg';
-import Chatbubble_S from './S2_lin_chatbubble_48.svg';
+import Chatbubble_L from 'illustration:./S2_lin_chatbubble_160.svg';
+import Chatbubble_M from 'illustration:./S2_lin_chatbubble_96.svg';
+import Chatbubble_S from 'illustration:./S2_lin_chatbubble_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx
index 2abd3d62f76..c31cf40358a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Check_L from './S2_lin_check_160.svg';
-import Check_M from './S2_lin_check_96.svg';
-import Check_S from './S2_lin_check_48.svg';
+import Check_L from 'illustration:./S2_lin_check_160.svg';
+import Check_M from 'illustration:./S2_lin_check_96.svg';
+import Check_S from 'illustration:./S2_lin_check_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx
index fd2b5441cd3..80be47b2ce6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Clipboard_L from './S2_lin_clipboard_160.svg';
-import Clipboard_M from './S2_lin_clipboard_96.svg';
-import Clipboard_S from './S2_lin_clipboard_48.svg';
+import Clipboard_L from 'illustration:./S2_lin_clipboard_160.svg';
+import Clipboard_M from 'illustration:./S2_lin_clipboard_96.svg';
+import Clipboard_S from 'illustration:./S2_lin_clipboard_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx
index 39c1d8b7504..7de0ae1d3cf 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Clock_L from './S2_lin_clock_160.svg';
-import Clock_M from './S2_lin_clock_96.svg';
-import Clock_S from './S2_lin_clock_48.svg';
+import Clock_L from 'illustration:./S2_lin_clock_160.svg';
+import Clock_M from 'illustration:./S2_lin_clock_96.svg';
+import Clock_S from 'illustration:./S2_lin_clock_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx
index 058434b3ae4..e1b92e4cf64 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Close_L from './S2_lin_close_160.svg';
-import Close_M from './S2_lin_close_96.svg';
-import Close_S from './S2_lin_close_48.svg';
+import Close_L from 'illustration:./S2_lin_close_160.svg';
+import Close_M from 'illustration:./S2_lin_close_96.svg';
+import Close_S from 'illustration:./S2_lin_close_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx
index eed8326d6f9..d635ccdd92c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Cloud_L from './S2_lin_cloud_160.svg';
-import Cloud_M from './S2_lin_cloud_96.svg';
-import Cloud_S from './S2_lin_cloud_48.svg';
+import Cloud_L from 'illustration:./S2_lin_cloud_160.svg';
+import Cloud_M from 'illustration:./S2_lin_cloud_96.svg';
+import Cloud_S from 'illustration:./S2_lin_cloud_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx
index 7a01d3ddda8..5f93cf926c0 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import CloudStateDisconnected_L from './S2_lin_cloudStateDisconnected_160.svg';
-import CloudStateDisconnected_M from './S2_lin_cloudStateDisconnected_96.svg';
-import CloudStateDisconnected_S from './S2_lin_cloudStateDisconnected_48.svg';
+import CloudStateDisconnected_L from 'illustration:./S2_lin_cloudStateDisconnected_160.svg';
+import CloudStateDisconnected_M from 'illustration:./S2_lin_cloudStateDisconnected_96.svg';
+import CloudStateDisconnected_S from 'illustration:./S2_lin_cloudStateDisconnected_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx
index b404ebdf3c8..d1cee7455ca 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import CloudStateError_L from './S2_lin_cloudStateError_160.svg';
-import CloudStateError_M from './S2_lin_cloudStateError_96.svg';
-import CloudStateError_S from './S2_lin_cloudStateError_48.svg';
+import CloudStateError_L from 'illustration:./S2_lin_cloudStateError_160.svg';
+import CloudStateError_M from 'illustration:./S2_lin_cloudStateError_96.svg';
+import CloudStateError_S from 'illustration:./S2_lin_cloudStateError_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx
index c46fd95d76e..a98ab0fe0c9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import CloudUpload_L from './S2_lin_cloudUpload_160.svg';
-import CloudUpload_M from './S2_lin_cloudUpload_96.svg';
-import CloudUpload_S from './S2_lin_cloudUpload_48.svg';
+import CloudUpload_L from 'illustration:./S2_lin_cloudUpload_160.svg';
+import CloudUpload_M from 'illustration:./S2_lin_cloudUpload_96.svg';
+import CloudUpload_S from 'illustration:./S2_lin_cloudUpload_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx
index f2e36b9aaab..525135b5af4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import CodeBrackets_L from './S2_lin_codeBrackets_160.svg';
-import CodeBrackets_M from './S2_lin_codeBrackets_96.svg';
-import CodeBrackets_S from './S2_lin_codeBrackets_48.svg';
+import CodeBrackets_L from 'illustration:./S2_lin_codeBrackets_160.svg';
+import CodeBrackets_M from 'illustration:./S2_lin_codeBrackets_96.svg';
+import CodeBrackets_S from 'illustration:./S2_lin_codeBrackets_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx
index 76b58a9c992..d943748e5e2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import ConfettiCelebration_L from './S2_lin_confettiCelebration_160.svg';
-import ConfettiCelebration_M from './S2_lin_confettiCelebration_96.svg';
-import ConfettiCelebration_S from './S2_lin_confettiCelebration_48.svg';
+import ConfettiCelebration_L from 'illustration:./S2_lin_confettiCelebration_160.svg';
+import ConfettiCelebration_M from 'illustration:./S2_lin_confettiCelebration_96.svg';
+import ConfettiCelebration_S from 'illustration:./S2_lin_confettiCelebration_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx
index ff51ffeec06..0b1cb36c5ed 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Conversationbubbles_L from './S2_lin_conversationbubbles_160.svg';
-import Conversationbubbles_M from './S2_lin_conversationbubbles_96.svg';
-import Conversationbubbles_S from './S2_lin_conversationbubbles_48.svg';
+import Conversationbubbles_L from 'illustration:./S2_lin_conversationbubbles_160.svg';
+import Conversationbubbles_M from 'illustration:./S2_lin_conversationbubbles_96.svg';
+import Conversationbubbles_S from 'illustration:./S2_lin_conversationbubbles_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx
index a7c008e6ed3..b8072797f99 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Cursor_L from './S2_lin_cursor_160.svg';
-import Cursor_M from './S2_lin_cursor_96.svg';
-import Cursor_S from './S2_lin_cursor_48.svg';
+import Cursor_L from 'illustration:./S2_lin_cursor_160.svg';
+import Cursor_M from 'illustration:./S2_lin_cursor_96.svg';
+import Cursor_S from 'illustration:./S2_lin_cursor_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx
index 4f5a49bfbc1..5f8b57ce848 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Desktop_L from './S2_lin_desktop_160.svg';
-import Desktop_M from './S2_lin_desktop_96.svg';
-import Desktop_S from './S2_lin_desktop_48.svg';
+import Desktop_L from 'illustration:./S2_lin_desktop_160.svg';
+import Desktop_M from 'illustration:./S2_lin_desktop_96.svg';
+import Desktop_S from 'illustration:./S2_lin_desktop_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx
index 102d62ccc20..3b0c05dcc33 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Document_L from './S2_lin_document_160.svg';
-import Document_M from './S2_lin_document_96.svg';
-import Document_S from './S2_lin_document_48.svg';
+import Document_L from 'illustration:./S2_lin_document_160.svg';
+import Document_M from 'illustration:./S2_lin_document_96.svg';
+import Document_S from 'illustration:./S2_lin_document_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx
index 0edca86bebc..23a2e82d982 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import DropToUpload_L from './S2_lin_dropToUpload_160.svg';
-import DropToUpload_M from './S2_lin_dropToUpload_96.svg';
-import DropToUpload_S from './S2_lin_dropToUpload_48.svg';
+import DropToUpload_L from 'illustration:./S2_lin_dropToUpload_160.svg';
+import DropToUpload_M from 'illustration:./S2_lin_dropToUpload_96.svg';
+import DropToUpload_S from 'illustration:./S2_lin_dropToUpload_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx
index ffccb06c440..41cc85b26b5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import EmptyStateExport_L from './S2_lin_emptyStateExport_160.svg';
-import EmptyStateExport_M from './S2_lin_emptyStateExport_96.svg';
-import EmptyStateExport_S from './S2_lin_emptyStateExport_48.svg';
+import EmptyStateExport_L from 'illustration:./S2_lin_emptyStateExport_160.svg';
+import EmptyStateExport_M from 'illustration:./S2_lin_emptyStateExport_96.svg';
+import EmptyStateExport_S from 'illustration:./S2_lin_emptyStateExport_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx
index faa52d7cf20..208caa4ddc3 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Error_L from './S2_lin_error_160.svg';
-import Error_M from './S2_lin_error_96.svg';
-import Error_S from './S2_lin_error_48.svg';
+import Error_L from 'illustration:./S2_lin_error_160.svg';
+import Error_M from 'illustration:./S2_lin_error_96.svg';
+import Error_S from 'illustration:./S2_lin_error_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx
index 6c20f1de75d..1f779c9460e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import FileAlert_L from './S2_lin_fileAlert_160.svg';
-import FileAlert_M from './S2_lin_fileAlert_96.svg';
-import FileAlert_S from './S2_lin_fileAlert_48.svg';
+import FileAlert_L from 'illustration:./S2_lin_fileAlert_160.svg';
+import FileAlert_M from 'illustration:./S2_lin_fileAlert_96.svg';
+import FileAlert_S from 'illustration:./S2_lin_fileAlert_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx
index f1dad01b204..4d7c9f42868 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import FileImage_L from './S2_lin_fileImage_160.svg';
-import FileImage_M from './S2_lin_fileImage_96.svg';
-import FileImage_S from './S2_lin_fileImage_48.svg';
+import FileImage_L from 'illustration:./S2_lin_fileImage_160.svg';
+import FileImage_M from 'illustration:./S2_lin_fileImage_96.svg';
+import FileImage_S from 'illustration:./S2_lin_fileImage_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx
index 93a655afeb2..10829570d6b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import FileText_L from './S2_lin_fileText_160.svg';
-import FileText_M from './S2_lin_fileText_96.svg';
-import FileText_S from './S2_lin_fileText_48.svg';
+import FileText_L from 'illustration:./S2_lin_fileText_160.svg';
+import FileText_M from 'illustration:./S2_lin_fileText_96.svg';
+import FileText_S from 'illustration:./S2_lin_fileText_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx
index 6eb07fd31c6..fb9b31db6a9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import FileVideo_L from './S2_lin_fileVideo_160.svg';
-import FileVideo_M from './S2_lin_fileVideo_96.svg';
-import FileVideo_S from './S2_lin_fileVideo_48.svg';
+import FileVideo_L from 'illustration:./S2_lin_fileVideo_160.svg';
+import FileVideo_M from 'illustration:./S2_lin_fileVideo_96.svg';
+import FileVideo_S from 'illustration:./S2_lin_fileVideo_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx
index 5d4cd5694a3..ad39fa84b75 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import FileZip_L from './S2_lin_fileZip_160.svg';
-import FileZip_M from './S2_lin_fileZip_96.svg';
-import FileZip_S from './S2_lin_fileZip_48.svg';
+import FileZip_L from 'illustration:./S2_lin_fileZip_160.svg';
+import FileZip_M from 'illustration:./S2_lin_fileZip_96.svg';
+import FileZip_S from 'illustration:./S2_lin_fileZip_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx
index 6b0192cb1a8..ba445d9da4f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Filmstrip_L from './S2_lin_filmstrip_160.svg';
-import Filmstrip_M from './S2_lin_filmstrip_96.svg';
-import Filmstrip_S from './S2_lin_filmstrip_48.svg';
+import Filmstrip_L from 'illustration:./S2_lin_filmstrip_160.svg';
+import Filmstrip_M from 'illustration:./S2_lin_filmstrip_96.svg';
+import Filmstrip_S from 'illustration:./S2_lin_filmstrip_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx
index c2332d10751..c037bc5dce1 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Filter_L from './S2_lin_filter_160.svg';
-import Filter_M from './S2_lin_filter_96.svg';
-import Filter_S from './S2_lin_filter_48.svg';
+import Filter_L from 'illustration:./S2_lin_filter_160.svg';
+import Filter_M from 'illustration:./S2_lin_filter_96.svg';
+import Filter_S from 'illustration:./S2_lin_filter_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx
index c998c3bffb2..7d1c06de744 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Fireworks_L from './S2_lin_fireworks_160.svg';
-import Fireworks_M from './S2_lin_fireworks_96.svg';
-import Fireworks_S from './S2_lin_fireworks_48.svg';
+import Fireworks_L from 'illustration:./S2_lin_fireworks_160.svg';
+import Fireworks_M from 'illustration:./S2_lin_fireworks_96.svg';
+import Fireworks_S from 'illustration:./S2_lin_fireworks_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx
index 574613e4eef..8980234d7a8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import FolderClose_L from './S2_lin_folderClose_160.svg';
-import FolderClose_M from './S2_lin_folderClose_96.svg';
-import FolderClose_S from './S2_lin_folderClose_48.svg';
+import FolderClose_L from 'illustration:./S2_lin_folderClose_160.svg';
+import FolderClose_M from 'illustration:./S2_lin_folderClose_96.svg';
+import FolderClose_S from 'illustration:./S2_lin_folderClose_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx
index a79ada061e6..ed9d751c18c 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import FolderOpen_L from './S2_lin_folderOpen_160.svg';
-import FolderOpen_M from './S2_lin_folderOpen_96.svg';
-import FolderOpen_S from './S2_lin_folderOpen_48.svg';
+import FolderOpen_L from 'illustration:./S2_lin_folderOpen_160.svg';
+import FolderOpen_M from 'illustration:./S2_lin_folderOpen_96.svg';
+import FolderOpen_S from 'illustration:./S2_lin_folderOpen_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx
index a1a83508875..50deaa029ce 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import GearSetting_L from './S2_lin_gearSetting_160.svg';
-import GearSetting_M from './S2_lin_gearSetting_96.svg';
-import GearSetting_S from './S2_lin_gearSetting_48.svg';
+import GearSetting_L from 'illustration:./S2_lin_gearSetting_160.svg';
+import GearSetting_M from 'illustration:./S2_lin_gearSetting_96.svg';
+import GearSetting_S from 'illustration:./S2_lin_gearSetting_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx
index 0003ea67a59..4f49250dd5a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import GraphBarChart_L from './S2_lin_graphBarChart_160.svg';
-import GraphBarChart_M from './S2_lin_graphBarChart_96.svg';
-import GraphBarChart_S from './S2_lin_graphBarChart_48.svg';
+import GraphBarChart_L from 'illustration:./S2_lin_graphBarChart_160.svg';
+import GraphBarChart_M from 'illustration:./S2_lin_graphBarChart_96.svg';
+import GraphBarChart_S from 'illustration:./S2_lin_graphBarChart_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx
index b22ba877b0e..48f8efd1a93 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Handshake_L from './S2_lin_handshake_160.svg';
-import Handshake_M from './S2_lin_handshake_96.svg';
-import Handshake_S from './S2_lin_handshake_48.svg';
+import Handshake_L from 'illustration:./S2_lin_handshake_160.svg';
+import Handshake_M from 'illustration:./S2_lin_handshake_96.svg';
+import Handshake_S from 'illustration:./S2_lin_handshake_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx
index 524122f7004..b6b2999d376 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import Heart_L from './S2_lin_heart_160.svg';
-import Heart_M from './S2_lin_heart_96.svg';
-import Heart_S from './S2_lin_heart_48.svg';
+import Heart_L from 'illustration:./S2_lin_heart_160.svg';
+import Heart_M from 'illustration:./S2_lin_heart_96.svg';
+import Heart_S from 'illustration:./S2_lin_heart_48.svg';
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
 
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx
index 5bb394e7b17..78d171615ca 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Image_L from './S2_lin_image_160.svg';
-import Image_M from './S2_lin_image_96.svg';
-import Image_S from './S2_lin_image_48.svg';
+import Image_L from 'illustration:./S2_lin_image_160.svg';
+import Image_M from 'illustration:./S2_lin_image_96.svg';
+import Image_S from 'illustration:./S2_lin_image_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx
index bdf8bc64d58..cbcf5e21663 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import ImageStack_L from './S2_lin_imageStack_160.svg';
-import ImageStack_M from './S2_lin_imageStack_96.svg';
-import ImageStack_S from './S2_lin_imageStack_48.svg';
+import ImageStack_L from 'illustration:./S2_lin_imageStack_160.svg';
+import ImageStack_M from 'illustration:./S2_lin_imageStack_96.svg';
+import ImageStack_S from 'illustration:./S2_lin_imageStack_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx
index aebc3a3b546..ae75bef606a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Information_L from './S2_lin_information_160.svg';
-import Information_M from './S2_lin_information_96.svg';
-import Information_S from './S2_lin_information_48.svg';
+import Information_L from 'illustration:./S2_lin_information_160.svg';
+import Information_M from 'illustration:./S2_lin_information_96.svg';
+import Information_S from 'illustration:./S2_lin_information_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx
index c7a283513fc..932acca031a 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Laptop_L from './S2_lin_laptop_160.svg';
-import Laptop_M from './S2_lin_laptop_96.svg';
-import Laptop_S from './S2_lin_laptop_48.svg';
+import Laptop_L from 'illustration:./S2_lin_laptop_160.svg';
+import Laptop_M from 'illustration:./S2_lin_laptop_96.svg';
+import Laptop_S from 'illustration:./S2_lin_laptop_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx
index 22a5ca36395..89117941ae2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Layers_L from './S2_lin_layers_160.svg';
-import Layers_M from './S2_lin_layers_96.svg';
-import Layers_S from './S2_lin_layers_48.svg';
+import Layers_L from 'illustration:./S2_lin_layers_160.svg';
+import Layers_M from 'illustration:./S2_lin_layers_96.svg';
+import Layers_S from 'illustration:./S2_lin_layers_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx
index 5d9884fe74c..ab3af8ab1e2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Libraries_L from './S2_lin_libraries_160.svg';
-import Libraries_M from './S2_lin_libraries_96.svg';
-import Libraries_S from './S2_lin_libraries_48.svg';
+import Libraries_L from 'illustration:./S2_lin_libraries_160.svg';
+import Libraries_M from 'illustration:./S2_lin_libraries_96.svg';
+import Libraries_S from 'illustration:./S2_lin_libraries_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx
index 95eeaf7726c..7aebfa9ca38 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Lightbulb_L from './S2_lin_lightbulb_160.svg';
-import Lightbulb_M from './S2_lin_lightbulb_96.svg';
-import Lightbulb_S from './S2_lin_lightbulb_48.svg';
+import Lightbulb_L from 'illustration:./S2_lin_lightbulb_160.svg';
+import Lightbulb_M from 'illustration:./S2_lin_lightbulb_96.svg';
+import Lightbulb_S from 'illustration:./S2_lin_lightbulb_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx
index 8cdc2a5c604..52bbb22b197 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import LightbulbRays_L from './S2_lin_lightbulbRays_160.svg';
-import LightbulbRays_M from './S2_lin_lightbulbRays_96.svg';
-import LightbulbRays_S from './S2_lin_lightbulbRays_48.svg';
+import LightbulbRays_L from 'illustration:./S2_lin_lightbulbRays_160.svg';
+import LightbulbRays_M from 'illustration:./S2_lin_lightbulbRays_96.svg';
+import LightbulbRays_S from 'illustration:./S2_lin_lightbulbRays_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx
index 33e17e0c776..e3aacfb8ea7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Link_L from './S2_lin_link_160.svg';
-import Link_M from './S2_lin_link_96.svg';
-import Link_S from './S2_lin_link_48.svg';
+import Link_L from 'illustration:./S2_lin_link_160.svg';
+import Link_M from 'illustration:./S2_lin_link_96.svg';
+import Link_S from 'illustration:./S2_lin_link_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx
index adaff623bdf..996dfef85a2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Location_L from './S2_lin_location_160.svg';
-import Location_M from './S2_lin_location_96.svg';
-import Location_S from './S2_lin_location_48.svg';
+import Location_L from 'illustration:./S2_lin_location_160.svg';
+import Location_M from 'illustration:./S2_lin_location_96.svg';
+import Location_S from 'illustration:./S2_lin_location_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx
index 584a12fea4c..37162a2d414 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import LockClose_L from './S2_lin_lockClose_160.svg';
-import LockClose_M from './S2_lin_lockClose_96.svg';
-import LockClose_S from './S2_lin_lockClose_48.svg';
+import LockClose_L from 'illustration:./S2_lin_lockClose_160.svg';
+import LockClose_M from 'illustration:./S2_lin_lockClose_96.svg';
+import LockClose_S from 'illustration:./S2_lin_lockClose_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx
index 40c3ab3fcb2..e1eaa107150 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import LockOpen_L from './S2_lin_lockOpen_160.svg';
-import LockOpen_M from './S2_lin_lockOpen_96.svg';
-import LockOpen_S from './S2_lin_lockOpen_48.svg';
+import LockOpen_L from 'illustration:./S2_lin_lockOpen_160.svg';
+import LockOpen_M from 'illustration:./S2_lin_lockOpen_96.svg';
+import LockOpen_S from 'illustration:./S2_lin_lockOpen_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx
index 8cb215804bc..e114a30df1f 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Logo_L from './S2_lin_logo_160.svg';
-import Logo_M from './S2_lin_logo_96.svg';
-import Logo_S from './S2_lin_logo_48.svg';
+import Logo_L from 'illustration:./S2_lin_logo_160.svg';
+import Logo_M from 'illustration:./S2_lin_logo_96.svg';
+import Logo_S from 'illustration:./S2_lin_logo_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx
index f94b672dc8b..3b825634d7d 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import MailClose_L from './S2_lin_mailClose_160.svg';
-import MailClose_M from './S2_lin_mailClose_96.svg';
-import MailClose_S from './S2_lin_mailClose_48.svg';
+import MailClose_L from 'illustration:./S2_lin_mailClose_160.svg';
+import MailClose_M from 'illustration:./S2_lin_mailClose_96.svg';
+import MailClose_S from 'illustration:./S2_lin_mailClose_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx
index 12869a85c33..9af839d4ae9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import MegaphonePromote_L from './S2_lin_megaphonePromote_160.svg';
-import MegaphonePromote_M from './S2_lin_megaphonePromote_96.svg';
-import MegaphonePromote_S from './S2_lin_megaphonePromote_48.svg';
+import MegaphonePromote_L from 'illustration:./S2_lin_megaphonePromote_160.svg';
+import MegaphonePromote_M from 'illustration:./S2_lin_megaphonePromote_96.svg';
+import MegaphonePromote_S from 'illustration:./S2_lin_megaphonePromote_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx
index 5c442962d0d..57f082883b4 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import MegaphonePromoteExpressive_L from './S2_lin_megaphonePromote_Expressive_160.svg';
-import MegaphonePromoteExpressive_M from './S2_lin_megaphonePromote_Expressive_96.svg';
-import MegaphonePromoteExpressive_S from './S2_lin_megaphonePromote_Expressive_48.svg';
+import MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';
+import MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';
+import MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function MegaphonePromoteExpressive(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx
index 98239a71145..084f2ada41b 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Paperairplane_L from './S2_lin_paperairplane_160.svg';
-import Paperairplane_M from './S2_lin_paperairplane_96.svg';
-import Paperairplane_S from './S2_lin_paperairplane_48.svg';
+import Paperairplane_L from 'illustration:./S2_lin_paperairplane_160.svg';
+import Paperairplane_M from 'illustration:./S2_lin_paperairplane_96.svg';
+import Paperairplane_S from 'illustration:./S2_lin_paperairplane_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx
index bfea62559ee..fa5985592a2 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Paperclip_L from './S2_lin_paperclip_160.svg';
-import Paperclip_M from './S2_lin_paperclip_96.svg';
-import Paperclip_S from './S2_lin_paperclip_48.svg';
+import Paperclip_L from 'illustration:./S2_lin_paperclip_160.svg';
+import Paperclip_M from 'illustration:./S2_lin_paperclip_96.svg';
+import Paperclip_S from 'illustration:./S2_lin_paperclip_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx
index 445ca15ba17..522dfa91532 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Phone_L from './S2_lin_phone_160.svg';
-import Phone_M from './S2_lin_phone_96.svg';
-import Phone_S from './S2_lin_phone_48.svg';
+import Phone_L from 'illustration:./S2_lin_phone_160.svg';
+import Phone_M from 'illustration:./S2_lin_phone_96.svg';
+import Phone_S from 'illustration:./S2_lin_phone_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx
index 0a9dd97bbfc..e8230ef5872 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import PieChart_L from './S2_lin_pieChart_160.svg';
-import PieChart_M from './S2_lin_pieChart_96.svg';
-import PieChart_S from './S2_lin_pieChart_48.svg';
+import PieChart_L from 'illustration:./S2_lin_pieChart_160.svg';
+import PieChart_M from 'illustration:./S2_lin_pieChart_96.svg';
+import PieChart_S from 'illustration:./S2_lin_pieChart_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx
index 65d80763d82..a86f4309d91 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Pin_L from './S2_lin_pin_160.svg';
-import Pin_M from './S2_lin_pin_96.svg';
-import Pin_S from './S2_lin_pin_48.svg';
+import Pin_L from 'illustration:./S2_lin_pin_160.svg';
+import Pin_M from 'illustration:./S2_lin_pin_96.svg';
+import Pin_S from 'illustration:./S2_lin_pin_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx
index 08b515f3354..9b07a4d6fff 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Play_L from './S2_lin_play_160.svg';
-import Play_M from './S2_lin_play_96.svg';
-import Play_S from './S2_lin_play_48.svg';
+import Play_L from 'illustration:./S2_lin_play_160.svg';
+import Play_M from 'illustration:./S2_lin_play_96.svg';
+import Play_S from 'illustration:./S2_lin_play_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx
index 1c6bd39962d..595c387cf33 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Plugin_L from './S2_lin_plugin_160.svg';
-import Plugin_M from './S2_lin_plugin_96.svg';
-import Plugin_S from './S2_lin_plugin_48.svg';
+import Plugin_L from 'illustration:./S2_lin_plugin_160.svg';
+import Plugin_M from 'illustration:./S2_lin_plugin_96.svg';
+import Plugin_S from 'illustration:./S2_lin_plugin_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx
index a26def18e18..39827601784 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Rocket_L from './S2_lin_rocket_160.svg';
-import Rocket_M from './S2_lin_rocket_96.svg';
-import Rocket_S from './S2_lin_rocket_48.svg';
+import Rocket_L from 'illustration:./S2_lin_rocket_160.svg';
+import Rocket_M from 'illustration:./S2_lin_rocket_96.svg';
+import Rocket_S from 'illustration:./S2_lin_rocket_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx
index 9614a036267..40ddaf62b70 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Search_L from './S2_lin_search_160.svg';
-import Search_M from './S2_lin_search_96.svg';
-import Search_S from './S2_lin_search_48.svg';
+import Search_L from 'illustration:./S2_lin_search_160.svg';
+import Search_M from 'illustration:./S2_lin_search_96.svg';
+import Search_S from 'illustration:./S2_lin_search_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx
index 14821c671c2..abc0391af62 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Server_L from './S2_lin_server_160.svg';
-import Server_M from './S2_lin_server_96.svg';
-import Server_S from './S2_lin_server_48.svg';
+import Server_L from 'illustration:./S2_lin_server_160.svg';
+import Server_M from 'illustration:./S2_lin_server_96.svg';
+import Server_S from 'illustration:./S2_lin_server_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx
index e3b9e79ae9c..2b64e7903f7 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Sparkles_L from './S2_lin_sparkles_160.svg';
-import Sparkles_M from './S2_lin_sparkles_96.svg';
-import Sparkles_S from './S2_lin_sparkles_48.svg';
+import Sparkles_L from 'illustration:./S2_lin_sparkles_160.svg';
+import Sparkles_M from 'illustration:./S2_lin_sparkles_96.svg';
+import Sparkles_S from 'illustration:./S2_lin_sparkles_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx
index e1d1865932a..b327648e374 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Star_L from './S2_lin_star_160.svg';
-import Star_M from './S2_lin_star_96.svg';
-import Star_S from './S2_lin_star_48.svg';
+import Star_L from 'illustration:./S2_lin_star_160.svg';
+import Star_M from 'illustration:./S2_lin_star_96.svg';
+import Star_S from 'illustration:./S2_lin_star_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx
index 576a9b82af5..f0a7c68b8c8 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Tablet_L from './S2_lin_tablet_160.svg';
-import Tablet_M from './S2_lin_tablet_96.svg';
-import Tablet_S from './S2_lin_tablet_48.svg';
+import Tablet_L from 'illustration:./S2_lin_tablet_160.svg';
+import Tablet_M from 'illustration:./S2_lin_tablet_96.svg';
+import Tablet_S from 'illustration:./S2_lin_tablet_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx
index d099e0a2dbe..c4282eb89ba 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Tag_L from './S2_lin_tag_160.svg';
-import Tag_M from './S2_lin_tag_96.svg';
-import Tag_S from './S2_lin_tag_48.svg';
+import Tag_L from 'illustration:./S2_lin_tag_160.svg';
+import Tag_M from 'illustration:./S2_lin_tag_96.svg';
+import Tag_S from 'illustration:./S2_lin_tag_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx
index 976019f41a1..556450b29e9 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Trash_L from './S2_lin_trash_160.svg';
-import Trash_M from './S2_lin_trash_96.svg';
-import Trash_S from './S2_lin_trash_48.svg';
+import Trash_L from 'illustration:./S2_lin_trash_160.svg';
+import Trash_M from 'illustration:./S2_lin_trash_96.svg';
+import Trash_S from 'illustration:./S2_lin_trash_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx
index 362efa2c708..416ad00526e 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Trophy_L from './S2_lin_trophy_160.svg';
-import Trophy_M from './S2_lin_trophy_96.svg';
-import Trophy_S from './S2_lin_trophy_48.svg';
+import Trophy_L from 'illustration:./S2_lin_trophy_160.svg';
+import Trophy_M from 'illustration:./S2_lin_trophy_96.svg';
+import Trophy_S from 'illustration:./S2_lin_trophy_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx
index b5346d9c5e2..a920a802eb5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx
@@ -11,9 +11,9 @@
  */
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
-import Update_L from './S2_lin_update_160.svg';
-import Update_M from './S2_lin_update_96.svg';
-import Update_S from './S2_lin_update_48.svg';
+import Update_L from 'illustration:./S2_lin_update_160.svg';
+import Update_M from 'illustration:./S2_lin_update_96.svg';
+import Update_S from 'illustration:./S2_lin_update_48.svg';
 import {useContextProps} from 'react-aria-components';
 
 export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx
index 8e26afd2f67..10bb7ef15c5 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx
@@ -12,9 +12,9 @@
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
-import User_L from './S2_lin_user_160.svg';
-import User_M from './S2_lin_user_96.svg';
-import User_S from './S2_lin_user_48.svg';
+import User_L from 'illustration:./S2_lin_user_160.svg';
+import User_M from 'illustration:./S2_lin_user_96.svg';
+import User_S from 'illustration:./S2_lin_user_48.svg';
 
 export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
   [props] = useContextProps(props, null, IllustrationContext);
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx
index 6b7c2e27a6f..f412e72d4ef 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx
@@ -12,9 +12,9 @@
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
-import UserGroup_L from './S2_lin_userGroup_160.svg';
-import UserGroup_M from './S2_lin_userGroup_96.svg';
-import UserGroup_S from './S2_lin_userGroup_48.svg';
+import UserGroup_L from 'illustration:./S2_lin_userGroup_160.svg';
+import UserGroup_M from 'illustration:./S2_lin_userGroup_96.svg';
+import UserGroup_S from 'illustration:./S2_lin_userGroup_48.svg';
 
 export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
   [props] = useContextProps(props, null, IllustrationContext);
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx
index 2b29554d1d6..73b34d8c2fd 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx
@@ -12,9 +12,9 @@
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
-import Video_L from './S2_lin_video_160.svg';
-import Video_M from './S2_lin_video_96.svg';
-import Video_S from './S2_lin_video_48.svg';
+import Video_L from 'illustration:./S2_lin_video_160.svg';
+import Video_M from 'illustration:./S2_lin_video_96.svg';
+import Video_S from 'illustration:./S2_lin_video_48.svg';
 
 export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
   [props] = useContextProps(props, null, IllustrationContext);
diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx
index 04ba1c34933..cbfa1ec4dd6 100644
--- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx
+++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx
@@ -12,9 +12,9 @@
 
 import {IconProps, IllustrationContext} from '../../src/Icon';
 import {useContextProps} from 'react-aria-components';
-import Warning_L from './S2_lin_warning_160.svg';
-import Warning_M from './S2_lin_warning_96.svg';
-import Warning_S from './S2_lin_warning_48.svg';
+import Warning_L from 'illustration:./S2_lin_warning_160.svg';
+import Warning_M from 'illustration:./S2_lin_warning_96.svg';
+import Warning_S from 'illustration:./S2_lin_warning_48.svg';
 
 export default function Warning(props: IconProps & {size?: 'L' | 'S' | 'M'}) {
   [props] = useContextProps(props, null, IllustrationContext);
diff --git a/packages/@react-spectrum/s2/src/index.ts b/packages/@react-spectrum/s2/src/index.ts
index a28855518d6..a6d50bd884c 100644
--- a/packages/@react-spectrum/s2/src/index.ts
+++ b/packages/@react-spectrum/s2/src/index.ts
@@ -36,6 +36,7 @@ export {DialogContainer, useDialogContainer} from './DialogContainer';
 export {Divider, DividerContext} from './Divider';
 export {DropZone, DropZoneContext} from './DropZone';
 export {Form} from './Form';
+export {IconContext, IllustrationContext} from './Icon';
 export {IllustratedMessage, IllustratedMessageContext} from './IllustratedMessage';
 export {InlineAlert, InlineAlertContext} from './InlineAlert';
 export {Link, LinkContext} from './Link';
@@ -85,7 +86,7 @@ export type {DialogTriggerProps} from './DialogTrigger';
 export type {DividerProps} from './Divider';
 export type {DropZoneProps} from './DropZone';
 export type {FormProps} from './Form';
-export type {IconProps} from './Icon';
+export type {IconProps, IconContextValue} from './Icon';
 export type {InlineAlertProps} from './InlineAlert';
 export type {LinkProps} from './Link';
 export type {MenuTriggerProps, MenuProps, MenuItemProps, MenuSectionProps, SubmenuTriggerProps} from './Menu';
diff --git a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx
index 8e6cd54d887..92e126d504d 100644
--- a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx
+++ b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx
@@ -13,7 +13,7 @@
 import {Button, ButtonGroup, Content, DropZone, FileTrigger, Heading, IllustratedMessage} from '../src';
 import {categorizeArgTypes} from './utils';
 import Cloud from '../spectrum-illustrations/linear/Cloud';
-import CloudUpload from '../spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg';
+import CloudUpload from 'illustration:../spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg';
 import DropToUpload from '../spectrum-illustrations/linear/DropToUpload';
 import {FocusRing, mergeProps, useButton, useClipboard, useDrag} from 'react-aria';
 import type {Meta} from '@storybook/react';
diff --git a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx
index 06546fbca3c..ef8e9899c83 100644
--- a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx
+++ b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx
@@ -12,7 +12,7 @@
 
 import {Button, ButtonGroup, Content, Heading, IllustratedMessage} from '../src';
 import Cloud from '../spectrum-illustrations/linear/Cloud';
-import Folder from '../spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg';
+import Folder from 'illustration:../spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg';
 import type {Meta} from '@storybook/react';
 
 const meta: Meta<typeof IllustratedMessage> = {
diff --git a/packages/dev/codemods/package.json b/packages/dev/codemods/package.json
index a15f67aa76c..bbbd292e91c 100644
--- a/packages/dev/codemods/package.json
+++ b/packages/dev/codemods/package.json
@@ -33,12 +33,16 @@
     "chalk": "^4.0.0",
     "execa": "^5.1.1",
     "jscodeshift": "^0.15.2",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
     "ts-node": "^10.9.2",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@types/jscodeshift": "^0.11.11",
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
     "typescript": "^5.5.0"
+  },
+  "rsp": {
+    "type": "cli"
   }
 }
diff --git a/packages/dev/parcel-namer-icon/package.json b/packages/dev/parcel-namer-icon/package.json
deleted file mode 100644
index 63cd66c985d..00000000000
--- a/packages/dev/parcel-namer-icon/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "parcel-namer-icon",
-  "version": "1.0.0",
-  "private": true,
-  "main": "IconNamer.js",
-  "engines": {
-    "parcel": "2.0.0-dev.1599"
-  },
-  "dependencies": {
-    "@parcel/plugin": "2.0.0-dev.1601"
-  }
-}
diff --git a/packages/dev/parcel-namer-s2/README.md b/packages/dev/parcel-namer-s2/README.md
new file mode 100644
index 00000000000..203410aac81
--- /dev/null
+++ b/packages/dev/parcel-namer-s2/README.md
@@ -0,0 +1,3 @@
+# @react-spectrum/s2-icon-builder
+
+This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details.
\ No newline at end of file
diff --git a/packages/dev/parcel-namer-icon/IconNamer.js b/packages/dev/parcel-namer-s2/S2Namer.js
similarity index 100%
rename from packages/dev/parcel-namer-icon/IconNamer.js
rename to packages/dev/parcel-namer-s2/S2Namer.js
diff --git a/packages/dev/parcel-namer-s2/package.json b/packages/dev/parcel-namer-s2/package.json
new file mode 100644
index 00000000000..e82e92f1c37
--- /dev/null
+++ b/packages/dev/parcel-namer-s2/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "parcel-namer-s2",
+  "version": "1.0.0",
+  "main": "S2Namer.js",
+  "private": true,
+  "engines": {
+    "parcel": "2.0.0-dev.1599"
+  },
+  "dependencies": {
+    "@parcel/plugin": "2.0.0-dev.1601"
+  },
+  "rsp": {
+    "type": "cli"
+  },
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/dev/parcel-transformer-icon/package.json b/packages/dev/parcel-transformer-icon/package.json
deleted file mode 100644
index e62f15b52be..00000000000
--- a/packages/dev/parcel-transformer-icon/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "parcel-transformer-icon",
-  "version": "1.0.0",
-  "private": true,
-  "main": "IconTransformer.js",
-  "engines": {
-    "parcel": "2.0.0-dev.1599"
-  },
-  "dependencies": {
-    "@parcel/plugin": "2.0.0-dev.1601"
-  }
-}
diff --git a/packages/dev/parcel-transformer-icon/IconTransformer.js b/packages/dev/parcel-transformer-s2-icon/IconTransformer.js
similarity index 89%
rename from packages/dev/parcel-transformer-icon/IconTransformer.js
rename to packages/dev/parcel-transformer-s2-icon/IconTransformer.js
index 275835e7552..6459503923d 100644
--- a/packages/dev/parcel-transformer-icon/IconTransformer.js
+++ b/packages/dev/parcel-transformer-s2-icon/IconTransformer.js
@@ -64,7 +64,10 @@ module.exports = new Transformer({
     let newFile = template(asset, iconName, optimized);
     return [{
       type: 'tsx',
-      content: newFile
+      content: newFile,
+      meta: {
+        isRSPIcon: true
+      }
     }];
   }
 });
@@ -72,19 +75,19 @@ module.exports = new Transformer({
 function template(asset, iconName, svg) {
   let importName = iconName
     .replace(/^S2_Icon_(.*?)_\d+(?:x\d+)?_N$/, '$1')
-    .replace(/^S2_(fill|lin)_(.+)_(generic\d_)?(\d+).svg/, (m, name) => name[0].toUpperCase() + name.slice(1));
+    .replace(/^S2_(fill|lin)_(.+)_(.+_)?(\d+)$/, (m, name) => name[0].toUpperCase() + name.slice(1));
   let iconRename = importName;
   if (/^[0-9]/.test(importName)) {
     iconRename = '_' + importName;
   }
-  let context = asset.filePath.includes('spectrum-illustrations') ? 'IllustrationContext' : 'IconContext';
+  let context = asset.pipeline === 'illustration' ? 'IllustrationContext' : 'IconContext';
   return (
 `
-import {IconProps, ${context}, IconContextValue} from '~/src/Icon';
+import {IconProps, ${context}, IconContextValue} from '${asset.filePath.includes('@react-spectrum/s2') ? '~/src/Icon' : '@react-spectrum/s2'}';
 import {SVGProps, useRef} from 'react';
 import {useContextProps} from 'react-aria-components';
 
-${svg.replace('import type { SVGProps } from "react";', '')}
+${svg.replace('import { SVGProps } from "react";', '')}
 
 export default function ${iconRename}(props: IconProps) {
   let ref = useRef<SVGElement>(null);
diff --git a/packages/dev/parcel-transformer-s2-icon/README.md b/packages/dev/parcel-transformer-s2-icon/README.md
new file mode 100644
index 00000000000..dfbbc66291c
--- /dev/null
+++ b/packages/dev/parcel-transformer-s2-icon/README.md
@@ -0,0 +1,3 @@
+# @react-spectrum/parcel-transformer-s2-icon
+
+This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details.
\ No newline at end of file
diff --git a/packages/dev/parcel-transformer-s2-icon/package.json b/packages/dev/parcel-transformer-s2-icon/package.json
new file mode 100644
index 00000000000..dc9f121eab5
--- /dev/null
+++ b/packages/dev/parcel-transformer-s2-icon/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "@react-spectrum/parcel-transformer-s2-icon",
+  "version": "1.0.0",
+  "main": "IconTransformer.js",
+  "engines": {
+    "parcel": "2.0.0-dev.1599"
+  },
+  "dependencies": {
+    "@adobe/spectrum-tokens": "^13.0.0-beta.34",
+    "@parcel/plugin": "2.0.0-dev.1601"
+  },
+  "rsp": {
+    "type": "cli"
+  },
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/dev/s2-icon-builder/.parcelrc b/packages/dev/s2-icon-builder/.parcelrc
new file mode 100644
index 00000000000..6a62da55c26
--- /dev/null
+++ b/packages/dev/s2-icon-builder/.parcelrc
@@ -0,0 +1,18 @@
+{
+  "namers": ["@parcel/namer-default"],
+  "bundler": "@parcel/bundler-library",
+  "transformers": {
+    "illustration:*.svg": ["@react-spectrum/parcel-transformer-s2-icon"],
+    "*.svg": ["@react-spectrum/parcel-transformer-s2-icon"],
+    "*.tsx": ["@parcel/transformer-raw"]
+  },
+  "packagers": {
+    "*": "@parcel/packager-raw"
+  },
+  "reporters": ["@parcel/reporter-cli"],
+  "resolvers": ["@parcel/resolver-default"],
+  "optimizers": {},
+  "compressors": {
+    "*": ["@parcel/compressor-raw"]
+  }
+}
diff --git a/packages/dev/s2-icon-builder/README.md b/packages/dev/s2-icon-builder/README.md
new file mode 100644
index 00000000000..203410aac81
--- /dev/null
+++ b/packages/dev/s2-icon-builder/README.md
@@ -0,0 +1,3 @@
+# @react-spectrum/s2-icon-builder
+
+This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details.
\ No newline at end of file
diff --git a/packages/dev/s2-icon-builder/index.js b/packages/dev/s2-icon-builder/index.js
new file mode 100755
index 00000000000..601a11059c4
--- /dev/null
+++ b/packages/dev/s2-icon-builder/index.js
@@ -0,0 +1,53 @@
+#!/usr/bin/env node
+
+let {Parcel} = require('@parcel/core');
+let {parseArgs} = require('util');
+
+const args = parseArgs({
+  options: {
+    input: {
+      type: 'string',
+      short: 'i',
+      multiple: true
+    },
+    type: {
+      type: 'string',
+      default: 'icon'
+    },
+    output: {
+      type: 'string',
+      short: 'o'
+    }
+  }
+});
+
+let bundler = new Parcel({
+  entries: args.values.input,
+  config: require.resolve('@react-spectrum/s2-icon-builder/.parcelrc'),
+  shouldDisableCache: true,
+  defaultTargetOptions: {
+    distDir: args.values.output
+  },
+  targets: {
+    [args.values.type]: {
+      distDir: args.values.output,
+      isLibrary: true,
+      includeNodeModules: false
+    }
+  },
+  engines: {
+    browsers: ['last 1 Chrome version']
+  }
+});
+
+async function run() {
+  try {
+    let {bundleGraph, buildTime} = await bundler.run();
+    let bundles = bundleGraph.getBundles();
+    console.log(`✨ Built ${bundles.length} icons in ${buildTime}ms!`);
+  } catch (err) {
+    console.log(err);
+  }
+}
+
+run();
diff --git a/packages/dev/s2-icon-builder/package.json b/packages/dev/s2-icon-builder/package.json
new file mode 100644
index 00000000000..3643e9b605b
--- /dev/null
+++ b/packages/dev/s2-icon-builder/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "@react-spectrum/s2-icon-builder",
+  "version": "1.0.0",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
+  "bin": {
+    "transform-icons": "index.js"
+  },
+  "dependencies": {
+    "@parcel/bundler-library": "2.11.1-dev.3224",
+    "@parcel/compressor-raw": "2.12.1-dev.3224",
+    "@parcel/core": "2.0.0-dev.1599",
+    "@parcel/namer-default": "2.0.0-dev.1601",
+    "@parcel/packager-raw": "2.0.0-dev.1601",
+    "@parcel/reporter-cli": "2.0.0-dev.1601",
+    "@parcel/resolver-default": "2.0.0-dev.1601",
+    "@parcel/transformer-raw": "2.0.0-dev.1601",
+    "@react-spectrum/parcel-transformer-s2-icon": "^1.0.0"
+  },
+  "files": [
+    "index.js",
+    ".parcelrc"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "rsp": {
+    "type": "cli"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/scripts/generateS2IconIndex.js b/scripts/generateS2IconIndex.js
index 3b3512cc400..8f3c290bed9 100644
--- a/scripts/generateS2IconIndex.js
+++ b/scripts/generateS2IconIndex.js
@@ -58,6 +58,7 @@ function generate(dir) {
   let typeImport = dir.includes('ui-icons') ? "import {SVGProps} from 'react';" : `import {IconProps, IllustrationContext} from '${relative}';`;
   let ctx = dir.includes('spectrum-illustrations') ? '[props] = useContextProps(props, null, IllustrationContext);\n  ' : '';
   let type = dir.includes('ui-icons') ? 'SVGProps<SVGSVGElement>' : 'IconProps';
+  let isIllustration =  dir.includes('spectrum-illustrations');
 
   for (let [name, sizes] of icons) {
     let importName = name;
@@ -80,7 +81,7 @@ function generate(dir) {
 
     let imports = [typeImport];
     for (let size in sizes) {
-      imports.push(`import ${importName}_${size} from './${sizes[size]}';`);
+      imports.push(`import ${importName}_${size} from '${isIllustration ? 'illustration:' : ''}./${sizes[size]}';`);
     }
     if (ctx) {
       imports.push("import {useContextProps} from 'react-aria-components';");
diff --git a/scripts/lint-packages.js b/scripts/lint-packages.js
index 1eff72b6a53..97bf18a41c2 100644
--- a/scripts/lint-packages.js
+++ b/scripts/lint-packages.js
@@ -73,7 +73,7 @@ for (let pkgPath of packagePaths) {
 for (let pkg of packagePaths) {
   let json = packages[pkg];
 
-  if (!pkg.includes('@react-types') && !pkg.includes('@spectrum-icons') && !pkg.includes('@react-aria/example-theme') && !pkg.includes('@react-spectrum/style-macro-s1') && !pkg.includes('@react-spectrum/codemods')) {
+  if (!pkg.includes('@react-types') && !pkg.includes('@spectrum-icons') && !pkg.includes('@react-aria/example-theme') && !pkg.includes('@react-spectrum/style-macro-s1') && json.rsp?.type !== 'cli') {
     let topIndexExists = fs.existsSync(path.join(pkg, '..', 'index.ts'));
     if (topIndexExists) {
       let contents = fs.readFileSync(path.join(pkg, '..', 'index.ts'));
diff --git a/yarn.config.cjs b/yarn.config.cjs
index 7d7f7ecd5b5..d49b8fe234e 100644
--- a/yarn.config.cjs
+++ b/yarn.config.cjs
@@ -47,7 +47,7 @@ function enforceConsistentDependenciesAcrossTheProject({Yarn}) {
       && workspace.ident !== '@internationalized/string-compiler'
       && workspace.ident !== 'tailwindcss-react-aria-components'
       && workspace.ident !== '@react-spectrum/s2'
-      && workspace.ident !== '@react-spectrum/codemods'
+      && workspace.manifest.rsp?.type !== 'cli'
     ) {
 
       workspace.set('dependencies.@swc/helpers', '^0.5.0');
@@ -160,7 +160,7 @@ function enforceCSS({Yarn}) {
 /** @param {Workspace} workspace */
 function isPublishing(workspace) {
   let name = workspace.ident;
-  // should whitelist instead? workspace.manifest.private?
+  // should allowlist instead? workspace.manifest.private?
   return !name.includes('@react-types')
     && !name.includes('@spectrum-icons')
     && !name.includes('@react-aria/example-theme')
@@ -179,11 +179,11 @@ function enforcePublishing({Yarn}) {
   // make sure fields required for publishing have been set
   for (const workspace of Yarn.workspaces()) {
     let name = workspace.ident;
-    if (isPublishing(workspace)) {
+    if (isPublishing(workspace) || (workspace.manifest.rsp?.type === 'cli' && !workspace.manifest.private)) {
       if (name.startsWith('@react-spectrum')) {
         workspace.set('license', 'Apache-2.0');
       }
-      if (workspace.pkg.publishConfig) {
+      if (!workspace.manifest.private) {
         workspace.set('publishConfig', {access: 'public'});
       }
       workspace.set('repository', {
@@ -208,7 +208,7 @@ function enforceExports({Yarn}) {
   // make sure build fields are correctly set
   for (const workspace of Yarn.workspaces()) {
     let name = workspace.ident;
-    if (isPublishing(workspace)) {
+    if (isPublishing(workspace) && workspace.manifest.rsp?.type !== 'cli') {
       let moduleExt = name === '@react-spectrum/s2' ? '.mjs' : '.js';
       let cjsExt = name === '@react-spectrum/s2' ? '.cjs' : '.js';
       if (workspace.manifest.main) {
@@ -219,8 +219,7 @@ function enforceExports({Yarn}) {
 
       if (
         name !== '@internationalized/string-compiler' &&
-        name !== 'tailwindcss-react-aria-components' &&
-        name !== '@react-spectrum/codemods'
+        name !== 'tailwindcss-react-aria-components'
       ) {
         workspace.set('module', setExtension('dist/module.js', moduleExt));
       }
@@ -241,7 +240,7 @@ function enforceExports({Yarn}) {
         workspace.set('exports.import', setExtension(exportsImport, '.mjs'));
       }
 
-      if ((!workspace.manifest.types || !workspace.manifest.types.endsWith('.d.ts')) && name !== '@react-spectrum/codemods') {
+      if ((!workspace.manifest.types || !workspace.manifest.types.endsWith('.d.ts'))) {
         workspace.set('types', 'dist/types.d.ts');
       }
 
@@ -249,7 +248,7 @@ function enforceExports({Yarn}) {
         workspace.set('source', 'src/index.ts');
       }
 
-      if (name !== '@adobe/react-spectrum' && name !== 'react-aria' && name !== 'react-stately' && name !== '@internationalized/string-compiler' && name !== 'tailwindcss-react-aria-components' && name !== '@react-spectrum/codemods') {
+      if (name !== '@adobe/react-spectrum' && name !== 'react-aria' && name !== 'react-stately' && name !== '@internationalized/string-compiler' && name !== 'tailwindcss-react-aria-components') {
         if (!workspace.manifest.files || (!workspace.manifest.files.includes('dist') && !workspace.manifest.files.includes('src'))) {
           workspace.set('files', [...workspace.manifest.files || [], 'dist', 'src']);
         } else if (!workspace.manifest.files.includes('dist')) {
@@ -260,7 +259,7 @@ function enforceExports({Yarn}) {
       }
 
       // better to do in enforceCSS? it doesn't match the set of packages handled
-      if (name !== 'react-aria-components' && name !== '@react-spectrum/codemods') {
+      if (name !== 'react-aria-components') {
         if (name.includes('@react-spectrum') || name.includes('@react-aria/visually-hidden')) {
           workspace.set('sideEffects', ['*.css']);
         } else {
diff --git a/yarn.lock b/yarn.lock
index b1eabe4ef64..03a7f73e31b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4051,7 +4051,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/compressor-raw@npm:2.12.1-dev.3224+1f9adfe6b":
+"@parcel/compressor-raw@npm:2.12.1-dev.3224, @parcel/compressor-raw@npm:2.12.1-dev.3224+1f9adfe6b":
   version: 2.12.1-dev.3224
   resolution: "@parcel/compressor-raw@npm:2.12.1-dev.3224"
   dependencies:
@@ -4209,7 +4209,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/namer-default@npm:2.0.0-dev.1601+1f9adfe6b":
+"@parcel/namer-default@npm:2.0.0-dev.1601, @parcel/namer-default@npm:2.0.0-dev.1601+1f9adfe6b":
   version: 2.0.0-dev.1601
   resolution: "@parcel/namer-default@npm:2.0.0-dev.1601"
   dependencies:
@@ -4392,7 +4392,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/packager-raw@npm:2.0.0-dev.1601+1f9adfe6b":
+"@parcel/packager-raw@npm:2.0.0-dev.1601, @parcel/packager-raw@npm:2.0.0-dev.1601+1f9adfe6b":
   version: 2.0.0-dev.1601
   resolution: "@parcel/packager-raw@npm:2.0.0-dev.1601"
   dependencies:
@@ -4487,7 +4487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/resolver-default@npm:2.0.0-dev.1601+1f9adfe6b":
+"@parcel/resolver-default@npm:2.0.0-dev.1601, @parcel/resolver-default@npm:2.0.0-dev.1601+1f9adfe6b":
   version: 2.0.0-dev.1601
   resolution: "@parcel/resolver-default@npm:2.0.0-dev.1601"
   dependencies:
@@ -4713,7 +4713,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/transformer-raw@npm:2.0.0-dev.1601+1f9adfe6b":
+"@parcel/transformer-raw@npm:2.0.0-dev.1601, @parcel/transformer-raw@npm:2.0.0-dev.1601+1f9adfe6b":
   version: 2.0.0-dev.1601
   resolution: "@parcel/transformer-raw@npm:2.0.0-dev.1601"
   dependencies:
@@ -6808,6 +6808,7 @@ __metadata:
     execa: "npm:^5.1.1"
     jscodeshift: "npm:^0.15.2"
     react: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    react-dom: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
     ts-node: "npm:^10.9.2"
     typescript: "npm:^5.5.0"
     uuid: "npm:^9.0.1"
@@ -7422,6 +7423,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@react-spectrum/parcel-transformer-s2-icon@npm:^1.0.0, @react-spectrum/parcel-transformer-s2-icon@workspace:packages/dev/parcel-transformer-s2-icon":
+  version: 0.0.0-use.local
+  resolution: "@react-spectrum/parcel-transformer-s2-icon@workspace:packages/dev/parcel-transformer-s2-icon"
+  dependencies:
+    "@adobe/spectrum-tokens": "npm:^13.0.0-beta.34"
+    "@parcel/plugin": "npm:2.0.0-dev.1601"
+  languageName: unknown
+  linkType: soft
+
 "@react-spectrum/picker@npm:^3.1.0, @react-spectrum/picker@npm:^3.15.1, @react-spectrum/picker@workspace:packages/@react-spectrum/picker":
   version: 0.0.0-use.local
   resolution: "@react-spectrum/picker@workspace:packages/@react-spectrum/picker"
@@ -7509,6 +7519,24 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@react-spectrum/s2-icon-builder@npm:^1.0.0, @react-spectrum/s2-icon-builder@workspace:packages/dev/s2-icon-builder":
+  version: 0.0.0-use.local
+  resolution: "@react-spectrum/s2-icon-builder@workspace:packages/dev/s2-icon-builder"
+  dependencies:
+    "@parcel/bundler-library": "npm:2.11.1-dev.3224"
+    "@parcel/compressor-raw": "npm:2.12.1-dev.3224"
+    "@parcel/core": "npm:2.0.0-dev.1599"
+    "@parcel/namer-default": "npm:2.0.0-dev.1601"
+    "@parcel/packager-raw": "npm:2.0.0-dev.1601"
+    "@parcel/reporter-cli": "npm:2.0.0-dev.1601"
+    "@parcel/resolver-default": "npm:2.0.0-dev.1601"
+    "@parcel/transformer-raw": "npm:2.0.0-dev.1601"
+    "@react-spectrum/parcel-transformer-s2-icon": "npm:^1.0.0"
+  bin:
+    transform-icons: index.js
+  languageName: unknown
+  linkType: soft
+
 "@react-spectrum/s2@npm:^0.2.0, @react-spectrum/s2@workspace:packages/@react-spectrum/s2":
   version: 0.0.0-use.local
   resolution: "@react-spectrum/s2@workspace:packages/@react-spectrum/s2"
@@ -26863,17 +26891,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"parcel-namer-icon@workspace:packages/dev/parcel-namer-icon":
+"parcel-namer-intl@workspace:packages/dev/parcel-namer-intl":
   version: 0.0.0-use.local
-  resolution: "parcel-namer-icon@workspace:packages/dev/parcel-namer-icon"
+  resolution: "parcel-namer-intl@workspace:packages/dev/parcel-namer-intl"
   dependencies:
     "@parcel/plugin": "npm:2.0.0-dev.1601"
   languageName: unknown
   linkType: soft
 
-"parcel-namer-intl@workspace:packages/dev/parcel-namer-intl":
+"parcel-namer-s2@workspace:packages/dev/parcel-namer-s2":
   version: 0.0.0-use.local
-  resolution: "parcel-namer-intl@workspace:packages/dev/parcel-namer-intl"
+  resolution: "parcel-namer-s2@workspace:packages/dev/parcel-namer-s2"
   dependencies:
     "@parcel/plugin": "npm:2.0.0-dev.1601"
   languageName: unknown
@@ -26950,14 +26978,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"parcel-transformer-icon@workspace:packages/dev/parcel-transformer-icon":
-  version: 0.0.0-use.local
-  resolution: "parcel-transformer-icon@workspace:packages/dev/parcel-transformer-icon"
-  dependencies:
-    "@parcel/plugin": "npm:2.0.0-dev.1601"
-  languageName: unknown
-  linkType: soft
-
 "parcel-transformer-intl@workspace:packages/dev/parcel-transformer-intl":
   version: 0.0.0-use.local
   resolution: "parcel-transformer-intl@workspace:packages/dev/parcel-transformer-intl"
@@ -28992,6 +29012,7 @@ __metadata:
     "@parcel/transformer-inline-string": "npm:2.0.0-dev.1601"
     "@parcel/transformer-svg-react": "npm:2.12.1-dev.3224"
     "@parcel/transformer-typescript-types": "npm:2.0.0-dev.1601"
+    "@react-spectrum/s2-icon-builder": "npm:^1.0.0"
     "@spectrum-css/component-builder": "npm:1.0.1"
     "@spectrum-css/vars": "npm:^2.3.0"
     "@storybook/addon-a11y": "npm:^7.6.19"