From 606f9eaec7d288b98a930de860f1948c564bcfd2 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Thu, 25 Jul 2024 08:45:46 -0500
Subject: [PATCH] Merge pull request #19594 from
 overleaf/jel-light-touch-table-checkmark

[web] Add new green checkmark to plans light touch redesign

GitOrigin-RevId: f6c38e819fdd784ccf39ab09109a33fcd58f23d8
---
 .../subscriptions/plans/light-redesign/_mixins.pug     |  2 +-
 .../web/frontend/stylesheets/components/icons.less     | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/services/web/app/views/subscriptions/plans/light-redesign/_mixins.pug b/services/web/app/views/subscriptions/plans/light-redesign/_mixins.pug
index fdcc07703b..c5218653c2 100644
--- a/services/web/app/views/subscriptions/plans/light-redesign/_mixins.pug
+++ b/services/web/app/views/subscriptions/plans/light-redesign/_mixins.pug
@@ -315,7 +315,7 @@ mixin table_cell(feature, plan)
 				| !{translate(planValue, {}, ['strong'])}
 			else if (feature.value === 'bool')
 				if (planValue)
-					i.fa.fa-check(aria-hidden="true")
+					i.material-symbols.material-symbols-outlined.icon-green-round-background.icon-sm(aria-hidden="true") check
 					span.sr-only #{translate("feature_included")}
 				else
 					span(aria-hidden="true") -
diff --git a/services/web/frontend/stylesheets/components/icons.less b/services/web/frontend/stylesheets/components/icons.less
index 1af9442f61..46102ca402 100644
--- a/services/web/frontend/stylesheets/components/icons.less
+++ b/services/web/frontend/stylesheets/components/icons.less
@@ -26,3 +26,13 @@
   width: 16px !important;
   height: 16px !important;
 }
+
+.icon-round-background {
+  border-radius: 50%;
+}
+
+.icon-green-round-background {
+  .icon-round-background;
+  background: var(--green-30);
+  color: var(--dark-jungle-green);
+}