@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
978 lines (788 loc) • 253 kB
HTML
<!DOCTYPE html>
<html class="spectrum--medium">
<head>
<title>Spectrum SVG Icons - Color</title>
<link rel="stylesheet" href="../spectrum-css/spectrum-core.css">
<link rel="stylesheet" href="../spectrum-css/spectrum-light.css">
<link rel="stylesheet" href="spectrum-icons.css">
<link rel="stylesheet" href="spectrum-icons-demo.css">
<script src="spectrum-icons-demo.js"></script>
<script src="../lib/loadIcons.js"></script>
<script>
loadIcons('spectrum-icons-color.svg');
loadIcons('../spectrum-css/icons/spectrum-css-icons.svg');
</script>
</head>
<body class="spectrum spectrum--light">
<div class="spectrum-Toast spectrum-Toast--success notification-toast" style="visibility: hidden; opacity: 0;">
<svg class="spectrum-Icon spectrum-UIIcon-SuccessMedium spectrum-Toast-typeIcon" focusable="false" aria-hidden="true">
<use xlink:href="#spectrum-css-icon-SuccessMedium" />
</svg>
<div class="spectrum-Toast-content">Markup copied to clipboard!</div>
<div class="spectrum-Toast-buttons">
<button class="spectrum-ClearButton spectrum-ClearButton--medium spectrum-ClearButton--overBackground">
<svg class="spectrum-Icon spectrum-UIIcon-CrossMedium focusable="false" aria-hidden="true">
<use xlink:href="#spectrum-css-icon-CrossMedium" />
</svg>
</button>
</div>
</div>
<textarea class="markup-example" name="markup-example"></textarea>
<div class="icons-container">
<h2 class="spectrum-Heading--page-title">Spectrum SVG Icons</h2>
<table class="spectrum-Table icons-table">
<thead class="spectrum-Table-head">
<tr>
<th class="spectrum-Table-headCell">Icon</th>
<th class="spectrum-Table-headCell">XXS</th>
<th class="spectrum-Table-headCell">XS</th>
<th class="spectrum-Table-headCell">S</th>
<th class="spectrum-Table-headCell">M</th>
<th class="spectrum-Table-headCell">L</th>
<th class="spectrum-Table-headCell">XL</th>
<th class="spectrum-Table-headCell">XXL</th>
</tr>
</thead>
<tbody class="spectrum-Table-body">
<tr class="spectrum-Table-row" id="AdobeAdvertisingCloudColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeAdvertisingCloudColor_Dark">AdobeAdvertisingCloudColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeAdvertisingCloudColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeAdvertisingCloudColor_Light">AdobeAdvertisingCloudColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeAdvertisingCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAdvertisingCloudColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeAnalyticsColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeAnalyticsColor_Dark">AdobeAnalyticsColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeAnalyticsColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeAnalyticsColor_Light">AdobeAnalyticsColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeAnalyticsColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAnalyticsColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeAudienceManagerColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeAudienceManagerColor_Dark">AdobeAudienceManagerColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeAudienceManagerColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeAudienceManagerColor_Light">AdobeAudienceManagerColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeAudienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeAudienceManagerColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeCampaignColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeCampaignColor_Dark">AdobeCampaignColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeCampaignColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeCampaignColor_Light">AdobeCampaignColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeCampaignColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeCampaignColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeExperienceCloudColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeExperienceCloudColor_Dark">AdobeExperienceCloudColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeExperienceCloudColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeExperienceCloudColor_Light">AdobeExperienceCloudColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceCloudColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceCloudColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeExperienceManagerColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeExperienceManagerColor_Dark">AdobeExperienceManagerColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeExperienceManagerColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeExperienceManagerColor_Light">AdobeExperienceManagerColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeExperienceManagerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperienceManagerColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeExperiencePlatformColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeExperiencePlatformColor_Dark">AdobeExperiencePlatformColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeExperiencePlatformColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeExperiencePlatformColor_Light">AdobeExperiencePlatformColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeExperiencePlatformColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeExperiencePlatformColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeMediaOptimizerColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeMediaOptimizerColor_Dark">AdobeMediaOptimizerColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeMediaOptimizerColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeMediaOptimizerColor_Light">AdobeMediaOptimizerColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeMediaOptimizerColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeMediaOptimizerColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobePrimetimeColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobePrimetimeColor_Dark">AdobePrimetimeColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobePrimetimeColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobePrimetimeColor_Light">AdobePrimetimeColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Light">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Light">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Light">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Light">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Light">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Light">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobePrimetimeColor_Light">
<use xlink:href="#spectrum-icon-24-AdobePrimetimeColor_Light" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeSocialColor_Dark">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeSocialColor_Dark">AdobeSocialColor_Dark</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeL" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXL" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Dark" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Dark">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Dark" />
</svg>
</td>
</tr>
<tr class="spectrum-Table-row" id="AdobeSocialColor_Light">
<td class="spectrum-Table-cell"><a class="spectrum-Link" href="#AdobeSocialColor_Light">AdobeSocialColor_Light</a></td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXXS" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Light" />
</svg>
</td>
<td class="spectrum-Table-cell">
<svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="AdobeSocialColor_Light">
<use xlink:href="#spectrum-icon-24-AdobeSocialColor_Light"