Replace all existing FontAwesome icons by new SVG icons from the design system.

Keep the same colors currently applied where icons are used.

For the size of the icons to use, please refer to each section linked to the design system.

List of icons to replace:

• chevrons: used in the Carousel Header, in the Gallery carousel, Lightbox carousel, Spreadsheet block (sorting arrows), in drop down menus (country selector, forms, etc.)
• close: used in the Lightbox view, in the filters modal view on M & S screens.
• tick: used in checkboxes
• magnifying glass: used in the search fields(navigation bar, search results page, 404 page)
• delete: used in the search fields (navigation bar, search results page, 404 page)
• external links: used in primary and secondary CTA buttons, body copy links and standalone links.
• PDF: used in primary and secondary CTA buttons, body copy links and standalone links.
• Comments: used in Posts pages, for the comments anchor link, see secondary in-page links.