chore: update S2 icons (adobe#9789)

reidbarber · web-flow · commit 0f17e27181ab · 2026-03-13T23:33:55.000Z
* update S2 icons (7.0.0)

* remove color variants (users can use iconStyle to add color)

* add some aliases for search
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Archive_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Archive_20_N.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="d" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M16.75,3H3.25c-1.24072,0-2.25,1.00977-2.25,2.25v1c0,.77808.39764,1.46484,1,1.86902v6.63098c0,1.24023,1.00928,2.25,2.25,2.25h11.5c1.24072,0,2.25-1.00977,2.25-2.25v-6.63098c.60236-.40417,1-1.09094,1-1.86902v-1c0-1.24023-1.00928-2.25-2.25-2.25ZM2.5,5.25c0-.41309.33643-.75.75-.75h13.5c.41357,0,.75.33691.75.75v1c0,.41309-.33643.75-.75.75H3.25c-.41357,0-.75-.33691-.75-.75v-1ZM15.75,15.5H4.25c-.41357,0-.75-.33691-.75-.75v-6.25h13v6.25c0,.41309-.33643.75-.75.75Z" fill="var(--iconPrimary, #222)"/>
   <path d="M12.25,10.5h-4.5c-.41406,0-.75.33594-.75.75s.33594.75.75.75h4.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ArrowCurved_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ArrowCurved_20_N.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg   xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M18.03125,10.70117l-3.49707-3.50293c-.29297-.29297-.76855-.29199-1.06152-.00098-.29297.29297-.29297.76758-.00098,1.06152l2.21606,2.21973h-7.19458c-1.20312,0-2.33301-.46777-3.18262-1.31738-.85059-.85059-1.31836-1.98047-1.31836-3.18262,0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75c0,1.60254.62402,3.10938,1.75781,4.24316,1.13281,1.13281,2.63965,1.75684,4.24316,1.75684h7.19922l-2.21973,2.21973c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l3.49707-3.49707c.29297-.29297.29297-.76758.00098-1.06055Z" fill="var(--iconPrimary, #222)" stroke-width="0"/>
+</svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ArrowUpSend_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ArrowUpSend_20_N.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M14.52734,7.4668l-4.00293-3.99707c-.29395-.29395-.76855-.29199-1.06055,0l-3.99707,3.99707c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l2.72363-2.72363v9.94629c0,.41406.33594.75.75.75s.75-.33594.75-.75V5.81616l2.71582,2.71118c.29395.29395.76855.29199,1.06055,0,.29297-.29297.29297-.76855,0-1.06055Z" fill="var(--iconPrimary, #222)"/>
+</svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_BookmarkSingleFilled_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_BookmarkSingleFilled_20_N.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="d" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M13.75,2h-7.5c-1.24023,0-2.25,1.00977-2.25,2.25v13.49902c0,.50781.30371.96191.77344,1.15527.15527.06445.31738.0957.47754.0957.32617,0,.64551-.12793.88574-.37012l3.86328-3.88672,3.86328,3.88672c.35742.36035.8916.46973,1.36328.27441.46973-.19336.77344-.64746.77344-1.15527V4.25c0-1.24023-1.00977-2.25-2.25-2.25Z" fill="var(--iconPrimary, #222)"/>
+</svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ClockPending_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ClockPending_20_N.svg
@@ -1,5 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-
-  <path d="m13.21973,12.65723c-.12891,0-.25977-.0332-.37988-.10352l-3.2207-1.89551c-.22852-.13477-.36914-.38086-.36914-.64648v-5c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.57129l2.85156,1.67773c.35645.20996.47559.66992.26562,1.02734-.13965.2373-.39062.36914-.64746.36914Zm5.05762.20801c.17969-.52246.31055-1.06641.3877-1.61816.05664-.41016-.22949-.78906-.63965-.84668-.41406-.05859-.78906.22949-.84668.63965-.06348.45605-.1709.90527-.31934,1.33691-.13477.3916.07324.81836.46484.95312.08105.02832.16309.04102.24414.04102.31152,0,.60254-.19531.70898-.50586Zm-.32715-4.01465c.40332-.09766.64941-.50293.55176-.90527-.13086-.53809-.31445-1.06641-.5459-1.57129-.17285-.37695-.62207-.54297-.99512-.36816-.37598.17285-.54102.61816-.36816.99512.19141.41699.34375.85352.45215,1.29785.08301.34375.38965.57324.72754.57324.05859,0,.11816-.00684.17773-.02148Zm-1.8916-4.10547c.28516-.29883.27441-.77441-.02539-1.06055-.39844-.37988-.83789-.72559-1.30566-1.02734-.35059-.22461-.81348-.12305-1.03711.22461-.22363.34863-.12305.8125.22461,1.03711.38867.25.75293.53613,1.08301.85156.14453.13867.33105.20703.51758.20703.19727,0,.39551-.07812.54297-.23242Zm-3.81055-2.43945c.07812-.40723-.18848-.7998-.59473-.87793-.54102-.10352-1.09668-.15625-1.65332-.15625h-.06055c-.41406,0-.71973.33594-.71973.75s.36621.75.78027.75c.46191,0,.92285.04395,1.37012.12891.04785.00977.0957.01367.14258.01367.35254,0,.66699-.25.73535-.6084Zm4.36426,13.44531c.27148-.3125.23828-.78613-.0752-1.05762-.31152-.27051-.78516-.23828-1.05762.0752-1.37988,1.59082-3.37695,2.50293-5.47949,2.50293-3.99805,0-7.25-3.25195-7.25-7.25,0-2.9209,1.73828-5.54297,4.42773-6.68164.38184-.16113.56055-.60156.39844-.98242-.16113-.38184-.60449-.56152-.98242-.39844C3.34766,3.33203,1.25,6.49707,1.25,10.02148c0,4.8252,3.9248,8.75,8.75,8.75,2.53809,0,4.94824-1.10059,6.6123-3.02051Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M13.21973,12.65723c-.12891,0-.25977-.0332-.37988-.10352l-3.2207-1.89551c-.22852-.13477-.36914-.38086-.36914-.64648v-5c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.57129l2.85156,1.67773c.35645.20996.47559.66992.26562,1.02734-.13965.2373-.39062.36914-.64746.36914Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M10,18.77148c-4.8252,0-8.75-3.9248-8.75-8.75C1.25,6.49707,3.34766,3.33203,6.59375,1.95898c.37695-.16309.82031.0166.98242.39844.16211.38086-.0166.82129-.39844.98242-2.68945,1.13867-4.42773,3.76074-4.42773,6.68164,0,3.99805,3.25195,7.25,7.25,7.25,1.72363,0,3.39453-.61523,4.70312-1.73242.31543-.26953.78809-.2334,1.05762.08398.26953.31445.23145.78809-.08398,1.05664-1.58008,1.34863-3.59668,2.0918-5.67676,2.0918Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M10.25098,2.8252h-.0293l-.22168-.00391c-.44141,0-.7998-.3584-.7998-.7998s.3584-.7998.7998-.7998l.27832.00391c.44141.01562.78711.38672.77148.82812-.01562.43164-.37012.77148-.79883.77148Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M13.38867,3.57324c-.11621,0-.2334-.02539-.3457-.0791l-.19824-.08984c-.40527-.17383-.59277-.64453-.41797-1.05078s.64453-.59473,1.05078-.41797c.08691.03711.17383.07617.25879.11719.39844.19141.56543.66895.37402,1.06738-.1377.28613-.42285.45312-.72168.45312Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M15.97559,5.50391c-.22266,0-.44434-.0918-.60254-.27344l-.14551-.15918c-.30469-.32031-.29199-.82715.02734-1.13086.32031-.30469.82617-.29297,1.13086.02734.06543.06934.12988.13867.19238.20996.29004.33203.25684.83789-.07617,1.12891-.15137.13184-.33887.19727-.52637.19727Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M17.5918,8.29492c-.33496,0-.64746-.21191-.75879-.54688l-.0752-.2168c-.15039-.41504.06348-.87402.47949-1.02441.41406-.15234.87402.06445,1.02441.47949l.08887.25586c.13965.41895-.08691.87207-.50586,1.01172-.08398.02832-.16895.04102-.25293.04102Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M17.97168,11.5c-.02246,0-.04395-.00098-.06641-.00293-.44043-.03613-.76855-.42188-.73145-.8623l.01562-.23145c.02539-.44141.37207-.78711.8457-.75195.44043.02539.77734.4043.75195.8457l-.01953.26855c-.03418.41797-.38379.73438-.7959.73438Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M17.97168,11.5c-.02246,0-.04395-.00098-.06641-.00293-.44043-.03613-.76855-.42188-.73145-.8623l.01562-.23145c.02539-.44141.37207-.78711.8457-.75195.44043.02539.77734.4043.75195.8457l-.01953.26855c-.03418.41797-.38379.73438-.7959.73438Z" fill="var(--iconPrimary, #222)"/>
+  <path d="M16.65153,14.40397c-.01953-.0111-.03772-.02257-.05628-.03537-.365-.24911-.45957-.74663-.20961-1.11115l.12799-.19347c.24026-.37116.7125-.50032,1.10685-.23564.37031.23978.4759.73569.23564,1.10685l-.14972.2238c-.23631.34644-.69662.44868-1.05487.24498Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_HeartFilled_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_HeartFilled_20_N.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="g" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M10,18c-.48877,0-.97754-.16016-1.38574-.48047h0c-1.58594-1.24414-5.20264-4.51172-6.37451-6.42871-.93262-1.52539-1.25293-3.41309-.85693-5.04883.33984-1.4043,1.16211-2.53711,2.37842-3.27832,1.37402-.83887,3.02295-.99707,4.30176-.41309.66016.30176,1.36328.82715,1.92871,1.4209.57812-.62988,1.27295-1.13965,1.96729-1.42969,1.31152-.55176,2.95264-.3877,4.28027.42188,1.21582.74121,2.03809,1.87402,2.37793,3.27832.396,1.63574.07568,3.52344-.85693,5.04883-1.16943,1.91309-4.78711,5.18262-6.37451,6.42871-.40771.32031-.89697.48047-1.38574.48047Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_PremiumIcon_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_PremiumIcon_20_N.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M3.37791,15.20416L1.36038,5.87794c-.2076-.95967.98828-1.60554,1.72487-.93156l3.33146,3.04828,2.64717-5.42114c.3734-.76469,1.49885-.76469,1.87225,0l2.64717,5.42114,3.33146-3.04828c.73659-.67398,1.93247-.02811,1.72487.93156l-2.01753,9.32622c-.10031.46368-.52321.79584-1.01326.79584H4.39117c-.49004,0-.91295-.33216-1.01326-.79584Z" fill="var(--iconPrimary, #222)"/>
+</svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_SpeedFast_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_SpeedFast_20_N.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="e" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M17.20316,5.29927c-.24425-.24425-.62229-.27212-.87299-.06002-1.38972,1.17572-6.84646,5.98684-7.16766,6.30804-.46196.47765-.42965,1.25957.07216,1.74647.49058.476,1.25108.49536,1.71804.04374.32046-.3212,5.13355-5.77564,6.31026-7.16497.21232-.25068.18454-.62891-.05981-.87325h0Z" fill="var(--iconPrimary, #222)"/>
   <path d="M16.48779,15.25c-.12793,0-.25732-.03223-.37549-.10156-.3584-.20703-.48047-.66602-.27295-1.02441.5957-1.02832.91064-2.19434.91064-3.37402,0-.36035-.03467-.7373-.10645-1.1543-.06982-.4082.2041-.7959.6123-.86621.4126-.06543.79639.2041.86621.6123.08594.50195.12793.96191.12793,1.4082,0,1.44336-.38477,2.87012-1.11279,4.12598-.13916.24023-.39111.37402-.64941.37402Z" fill="var(--iconPrimary, #222)"/>
   <path d="M3.51221,15.25c-.25879,0-.51025-.13379-.64941-.37402-.72803-1.25586-1.11279-2.68262-1.11279-4.12598C1.75,6.20117,5.45117,2.5,10,2.5c1.5127,0,2.99902.4209,4.29932,1.21777.35303.2168.46387.67871.24756,1.03125-.21631.35352-.67773.46387-1.03174.24805-1.06396-.65234-2.2793-.99707-3.51514-.99707-3.72217,0-6.75,3.02832-6.75,6.75,0,1.17969.31494,2.3457.91064,3.37402.20752.3584.08545.81738-.27295,1.02441-.11816.06934-.24756.10156-.37549.10156Z" fill="var(--iconPrimary, #222)"/>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_StopProcessing_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_StopProcessing_20_N.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="f" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <rect x="4" y="4" width="12" height="12" rx="2.25" ry="2.25" fill="var(--iconPrimary, #222)"/>
+</svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagBold_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagBold_20_N.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="g" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M15.39258,11.82227c-.3252-1.60059-1.43848-2.90332-2.91504-3.57617.62012-.91992.84961-2.04102.63184-3.13379-.36035-1.80371-1.99121-3.1123-3.87695-3.1123h-4.10742c-.62109,0-1.125.50391-1.125,1.125v13.75c0,.62109.50391,1.125,1.125,1.125h5.19727c1.56934,0,3.03613-.69336,4.02539-1.90234.97363-1.19141,1.35449-2.74902,1.04492-4.27539ZM6.25,4.25h2.98242c.81738,0,1.51953.54785,1.66992,1.30371.1123.55957-.03516,1.1377-.40332,1.58789-.31738.38672-.75488.6084-1.19922.6084h-3.0498v-3.5ZM12.60547,14.67383c-.55957.68359-1.3916,1.07617-2.2832,1.07617h-4.07227v-5.75h3.0498c.01074-.00098.02148-.00098.03125,0h.84668c1.47656,0,2.74316.9541,3.00977,2.26953.17676.87402-.0293,1.72852-.58203,2.4043Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagItalic_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagItalic_20_N.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="g" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M14.2998,2h-5c-.41406,0-.75.33594-.75.75s.33594.75.75.75h1.6416l-3.49219,13h-1.78711c-.41406,0-.75.33594-.75.75s.33594.75.75.75h5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-1.65918l3.49219-13h1.80469c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagStrikeThrough_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagStrikeThrough_20_N.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="g" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M5.96777,7.98828c.08008,0,.16113-.0127.24121-.04004.39258-.13281.60254-.55859.46875-.95117-.09668-.28418-.14551-.61914-.14551-.99512,0-2.29199,2.26953-2.90332,3.61133-2.90332,1.19238,0,2.80859.59766,3.53711,1.90625.05078.09375.16211.33887.2168.59277.00488.02368.02051.04126.02759.06396.01587.05078.03613.09668.06177.14258.02295.04053.04663.07739.07617.11255.03198.03833.06689.07056.10571.10181.03687.02979.07349.05566.11523.07764.0415.02222.0835.03809.12915.05225.0498.01562.09863.02588.15137.03052.02295.0022.04297.01343.06641.01343.0271,0,.05005-.0127.07666-.01538.02637-.00293.052.00464.07861-.00122.02393-.00513.0415-.02051.06421-.02783.05029-.01562.09595-.0354.14111-.06079.04102-.02319.07837-.04712.11401-.0769.0376-.03149.06934-.06519.1001-.10327.03003-.03711.05591-.07446.07837-.11646s.03882-.08496.05298-.1311c.01489-.0481.02466-.09497.02954-.14575.00244-.02466.0144-.04614.0144-.07129v-3.2998c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v.81543c-1.10059-.92432-2.53833-1.35938-3.7373-1.35938-2.46191,0-5.11133,1.37793-5.11133,4.40332,0,.54004.07617,1.03711.22559,1.47754.10547.3125.39746.50879.70996.50879Z" fill="var(--iconPrimary, #222)"/>
   <path d="M16.25,9.25H3.75c-.41406,0-.75.33594-.75.75s.33594.75.75.75h7.45605c.13013.03223.25977.06445.38965.10059,1.87793.51855,2.59668,1.25,2.6543,2.69824,0,.01172.02832,1.22363-.82715,2.10742-.65039.67188-1.66602,1.0127-3.01758,1.0127-4.23047,0-4.64453-3.10449-4.65918-3.23145-.00537-.05176-.02905-.0957-.04395-.14355-.00781-.02368-.01123-.04834-.02148-.07104-.12354-.29517-.41309-.49561-.75781-.45435-.2749.02881-.48926.20801-.5957.44287-.00635.01318-.01489.02466-.02051.03833-.02295.05981-.03101.1228-.03809.18799-.00391.03174-.01855.05981-.01855.09253v3.40039c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.43652c.90674.90576,2.34692,1.6748,4.65527,1.6748,1.78516,0,3.16992-.50098,4.11426-1.48926,1.2959-1.35547,1.23242-3.11914,1.22852-3.18945-.0498-1.2666-.50537-2.125-1.13892-2.74023h1.64087c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagUnderline_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagUnderline_20_N.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="g" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M16.25,19H3.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h12.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z" fill="var(--iconPrimary, #222)"/>
   <path d="M10,16c-2.61914,0-4.75-2.13086-4.75-4.75V2.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v8.5c0,1.79199,1.45801,3.25,3.25,3.25s3.25-1.45801,3.25-3.25V2.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v8.5c0,2.61914-2.13086,4.75-4.75,4.75Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Wallet_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Wallet_20_N.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+<svg id="g" data-name="ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <path d="M4.12793,6.07227c-.33203,0-.63477-.22168-.72363-.55859-.14746-.55566-.06934-1.13574.21973-1.63281.29004-.49707.75488-.85254,1.31055-.99902l6.78516-1.79688c1.15234-.30566,2.3291.38281,2.63281,1.53125l.64844,2.44824c.10645.40039-.13184.81152-.53223.91699-.39453.11035-.81055-.13086-.91699-.53223l-.64844-2.44922c-.09277-.34863-.44629-.55957-.79883-.46582l-6.78516,1.79688c-.34863.09277-.55762.45117-.46582.7998.10645.40039-.13184.81055-.5332.91602-.06348.01758-.12793.02539-.19238.02539Z" fill="var(--iconPrimary, #222)"/>
   <path d="M18.25,10h-.32593c-.34863-1.70947-1.86353-3-3.67407-3H3.25c-1.24023,0-2.25,1.00977-2.25,2.25v6.5c0,1.24023,1.00977,2.25,2.25,2.25h11c1.81055,0,3.32544-1.29053,3.67407-3h.32593c.41406,0,.75-.33594.75-.75v-3.5c0-.41406-.33594-.75-.75-.75ZM17.5,13.5h-3v-2h3v2ZM14.25,16.5H3.25c-.41309,0-.75-.33691-.75-.75v-6.5c0-.41309.33691-.75.75-.75h11c.97607,0,1.80103.62915,2.11182,1.5h-2.61182c-.41406,0-.75.33594-.75.75v3.5c0,.41406.33594.75.75.75h2.61182c-.31104.87085-1.13574,1.5-2.11182,1.5Z" fill="var(--iconPrimary, #222)"/>
 </svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomFitToHeight_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomFitToHeight_20_N.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <rect x="5.75" y="4.75" width="8.5" height="10.5" rx="1.5" ry="1.5" fill="var(--iconPrimary, #222)" opacity=".35"/>
+  <path d="M16.75,4H3.25c-1.24023,0-2.25,1.00977-2.25,2.25v7.5c0,1.24023,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00977,2.25-2.25v-7.5c0-1.24023-1.00977-2.25-2.25-2.25ZM2.5,13.75v-7.5c0-.41309.33691-.75.75-.75h1.88818c-.08398.23584-.13818.48584-.13818.75v7.5c0,.26416.0542.51416.13818.75h-1.88818c-.41309,0-.75-.33691-.75-.75ZM7.25,14.5c-.41309,0-.75-.33691-.75-.75v-7.5c0-.41309.33691-.75.75-.75h5.5c.41309,0,.75.33691.75.75v7.5c0,.41309-.33691.75-.75.75h-5.5ZM17.5,13.75c0,.41309-.33691.75-.75.75h-1.88818c.08398-.23584.13818-.48584.13818-.75v-7.5c0-.26416-.0542-.51416-.13818-.75h1.88818c.41309,0,.75.33691.75.75v7.5Z" fill="var(--iconPrimary, #222)"/>
+</svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomFitToScreen_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomFitToScreen_20_N.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <rect x="1.75" y="4.75" width="16.5" height="10.5" rx="1.5" ry="1.5" fill="var(--iconPrimary, #222)" opacity=".35"/>
+  <path d="M16.75,16H3.25c-1.24023,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00977-2.25,2.25-2.25h13.5c1.24023,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,5.5c-.41309,0-.75.33691-.75.75v7.5c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75v-7.5c0-.41309-.33691-.75-.75-.75H3.25Z" fill="var(--iconPrimary, #222)"/>
+</svg>
diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomFitToWidth_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_ZoomFitToWidth_20_N.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <rect x="1.75" y="4.75" width="16.5" height="10.5" rx="1.5" ry="1.5" fill="var(--iconPrimary, #222)" opacity=".35"/>
+  <path d="M16.75,19.11523H3.25c-1.24023,0-2.25-1.00977-2.25-2.25V3.13477C1,1.89453,2.00977.88477,3.25.88477h13.5c1.24023,0,2.25,1.00977,2.25,2.25v13.73047c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,2.38477c-.41309,0-.75.33691-.75.75v13.73047c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75V3.13477c0-.41309-.33691-.75-.75-.75H3.25Z" fill="var(--iconPrimary, #222)" opacity=".5"/>
+  <path d="M16.75,16H3.25c-1.24023,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00977-2.25,2.25-2.25h13.5c1.24023,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,5.5c-.41309,0-.75.33691-.75.75v7.5c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75v-7.5c0-.41309-.33691-.75-.75-.75H3.25Z" fill="var(--iconPrimary, #222)"/>
+</svg>
diff --git a/packages/dev/s2-docs/src/iconAliases.js b/packages/dev/s2-docs/src/iconAliases.js
