Merge pull request #6165 from Sage/new_icons_290623

feat(icon): 28 new icons added to the icon font

src/components/icon/__snapshots__/icon-unicodes.spec.js.snap

@@ -2,11 +2,18 @@
 
 exports[`the unicodes have not changed 1`] = `
 Object {
+  "accessibility_web": "\\\\f045",
   "add": "\\\\e940",
   "admin": "\\\\e94f",
   "alert": "\\\\e90b",
   "alert_on": "\\\\f001",
   "analysis": "\\\\e912",
+  "app_facebook": "\\\\f052",
+  "app_instagram": "\\\\f046",
+  "app_tiktok": "\\\\f035",
+  "app_twitter": "\\\\f041",
+  "app_youtube": "\\\\f047",
+  "apps": "\\\\f040",
   "arrow": "\\\\e904",
   "arrow_bottom_right_circle": "\\\\f014",
   "arrow_down": "\\\\e901",
@@ -25,26 +32,30 @@ Object {
   "basket": "\\\\e90a",
   "basket_with_squares": "\\\\e975",
   "bed": "\\\\f010",
+  "bill_paid": "\\\\f049",
   "bin": "\\\\e90c",
   "block_arrow_right": "\\\\e97e",
   "blocked": "\\\\e933",
   "blocked_square": "\\\\e934",
   "bold": "\\\\e98c",
   "box_arrow_left": "\\\\f006",
+  "box_arrow_right": "\\\\f057",
   "boxed_shapes": "\\\\e982",
   "bulk_destroy": "\\\\e90c",
   "bullet_list": "\\\\e95b",
   "bullet_list_dotted": "\\\\e98a",
   "bullet_list_numbers": "\\\\e989",
   "business": "\\\\e90d",
   "calendar": "\\\\e90e",
+  "calendar_pay_date": "\\\\f038",
   "calendar_today": "\\\\e970",
   "call": "\\\\e93d",
   "camera": "\\\\e90f",
   "car_lock": "\\\\f021",
   "car_money": "\\\\f011",
   "car_repair": "\\\\f022",
   "card_view": "\\\\e94b",
+  "card_wallet": "\\\\f030",
   "caret_down": "\\\\e910",
   "caret_large_down": "\\\\e9a4",
   "caret_large_left": "\\\\e9a2",
@@ -78,6 +89,7 @@ Object {
   "collaborate": "\\\\e946",
   "computer_clock": "\\\\e997",
   "connect": "\\\\e955",
+  "connect_off": "\\\\f053",
   "construction": "\\\\f008",
   "contacts": "\\\\e93b",
   "copy": "\\\\e91b",
@@ -140,6 +152,7 @@ Object {
   "grid": "\\\\e952",
   "hand_cash_coins": "\\\\f009",
   "hand_cash_note": "\\\\f024",
+  "heart_pulse": "\\\\f031",
   "help": "\\\\e951",
   "hide": "\\\\e998",
   "home": "\\\\e929",
@@ -148,22 +161,28 @@ Object {
   "in_transit": "\\\\e964",
   "individual": "\\\\e93c",
   "info": "\\\\e92a",
+  "intranet": "\\\\f048",
   "italic": "\\\\e98b",
+  "job_seeked": "\\\\f037",
   "key": "\\\\e92b",
   "laptop": "\\\\f012",
   "ledger": "\\\\e973",
   "ledger_arrow_left": "\\\\e971",
   "ledger_arrow_right": "\\\\e972",
   "lightbulb_off": "\\\\e95c",
   "lightbulb_on": "\\\\e95d",
+  "like": "\\\\f056",
   "link": "\\\\e92d",
+  "link_cloud": "\\\\f036",
+  "link_on": "\\\\f043",
   "list_view": "\\\\e92c",
   "location": "\\\\e93f",
   "locked": "\\\\e935",
   "logout": "\\\\e92e",
   "lookup": "\\\\e96f",
   "marker": "\\\\e93f",
   "message": "\\\\e922",
+  "microphone": "\\\\f054",
   "minus": "\\\\e931",
   "minus_large": "\\\\e968",
   "mobile": "\\\\e932",
@@ -192,16 +211,19 @@ Object {
   "print": "\\\\e942",
   "progress": "\\\\e965",
   "progressed": "\\\\e903",
+  "protect": "\\\\f044",
   "question": "\\\\e943",
   "question_hollow": "\\\\e95e",
   "question_mark": "\\\\e943",
+  "recruiting": "\\\\f033",
   "refresh": "\\\\e945",
   "refresh_clock": "\\\\e986",
   "remove": "\\\\e931",
   "sage_coin": "\\\\e9ac",
   "save": "\\\\e926",
   "scan": "\\\\e96e",
   "search": "\\\\e92f",
+  "send": "\\\\f055",
   "services": "\\\\e940",
   "settings": "\\\\e91a",
   "settings_old": "\\\\e91a",
@@ -217,9 +239,12 @@ Object {
   "stacked_boxes": "\\\\e97c",
   "stacked_squares": "\\\\e983",
   "submitted": "\\\\e903",
+  "support_online": "\\\\f032",
   "sync": "\\\\e944",
   "tag": "\\\\e985",
   "talk": "\\\\e95a",
+  "target": "\\\\f042",
+  "target_man": "\\\\f050",
   "theatre_masks": "\\\\f023",
   "three_boxes": "\\\\e97d",
   "tick": "\\\\e950",
@@ -234,6 +259,9 @@ Object {
   "uploaded": "\\\\e905",
   "video": "\\\\e95e",
   "view": "\\\\e957",
+  "volunteering": "\\\\f039",
   "warning": "\\\\e924",
+  "website": "\\\\f051",
+  "welfare": "\\\\f034",
 }
 `;

src/components/icon/icon-config.ts

@@ -48,11 +48,18 @@ export const ICON_FONT_SIZES: FontSize[] = [
   "extra-large",
 ];
 export const ICONS: IconType[] = [
+  "accessibility_web",
   "add",
   "admin",
   "alert",
   "alert_on",
   "analysis",
+  "app_facebook",
+  "app_instagram",
+  "app_tiktok",
+  "app_twitter",
+  "app_youtube",
+  "apps",
   "arrow",
   "arrow_bottom_right_circle",
   "arrow_down",
@@ -71,12 +78,14 @@ export const ICONS: IconType[] = [
   "basket",
   "basket_with_squares",
   "bed",
+  "bill_paid",
   "bin",
   "blocked",
   "blocked_square",
   "block_arrow_right",
   "bold",
   "box_arrow_left",
+  "box_arrow_right",
   "boxed_shapes",
   "bulk_destroy",
   "bullet_list",
@@ -86,11 +95,13 @@ export const ICONS: IconType[] = [
   "calendar",
   "calendar_today",
   "call",
+  "calendar_pay_date",
   "camera",
   "car_lock",
   "car_money",
   "car_repair",
   "card_view",
+  "card_wallet",
   "caret_down",
   "caret_left",
   "caret_right",
@@ -124,6 +135,7 @@ export const ICONS: IconType[] = [
   "collaborate",
   "computer_clock",
   "connect",
+  "connect_off",
   "construction",
   "contacts",
   "copy",
@@ -184,6 +196,7 @@ export const ICONS: IconType[] = [
   "graduation_hat",
   "graph",
   "grid",
+  "heart_pulse",
   "help",
   "hide",
   "hand_cash_coins",
@@ -194,22 +207,28 @@ export const ICONS: IconType[] = [
   "in_transit",
   "individual",
   "info",
+  "intranet",
   "italic",
+  "job_seeked",
   "key",
   "laptop",
   "ledger",
   "ledger_arrow_left",
   "ledger_arrow_right",
   "lightbulb_off",
   "lightbulb_on",
+  "like",
   "link",
+  "link_cloud",
+  "link_on",
   "list_view",
   "locked",
   "location",
   "logout",
   "lookup",
   "marker",
   "message",
+  "microphone",
   "minus",
   "minus_large",
   "mobile",
@@ -238,16 +257,19 @@ export const ICONS: IconType[] = [
   "print",
   "progress",
   "progressed",
+  "protect",
   "question",
   "question_hollow",
   "question_mark",
+  "recruiting",
   "refresh",
   "refresh_clock",
   "remove",
   "sage_coin",
   "save",
   "scan",
   "search",
+  "send",
   "services",
   "settings",
   "settings_old",
@@ -263,9 +285,12 @@ export const ICONS: IconType[] = [
   "stacked_boxes",
   "stacked_squares",
   "submitted",
+  "support_online",
   "sync",
   "tag",
   "talk",
+  "target",
+  "target_man",
   "theatre_masks",
   "three_boxes",
   "tick",
@@ -280,7 +305,10 @@ export const ICONS: IconType[] = [
   "uploaded",
   "video",
   "view",
+  "volunteering",
   "warning",
+  "website",
+  "welfare",
 ];
 
 export default dlsConfig;