Additionally, links within the Opportunity Standard encourage the following practices;
Visited links are the same color as their parent element (inherit) so that they stand out but aren’t as obvious as unvisited links (if a color is desired to distinguish visited links, use a shade of purple, or similar to the browser default color for visited links).
<a class="link-icon" href="#">
<svg class="icon icon-ui">
<span>What am I eligible for?</span>
Links with icons in the Opportunity Standard use the class link-icon on the link and icon on the SVG icon. A span element is also required around the label. This helps center icons with the label and add a small amount of space between the label and the icon. Icons may be added on either side of the label.
Links with an icon but without text labels are discouraged. The icon and text label combination is the most certain way of communicating the meaning of the icon. Test with users or follow the guidance from Nielson Norman Group on “Icon Usability.”