From c3e6a1f8ddf0e69829d649b950bd5316d218c2ea Mon Sep 17 00:00:00 2001
From: Dylan Munson <65001528+CodeyGuyDylan@users.noreply.github.com>
Date: Tue, 26 Nov 2024 12:44:35 -0700
Subject: [PATCH] Add/growth icon to upsell (#40347)

* Add growth icon to recommendation upsell

* changelog
---
 .../jetpack/_inc/client/recommendations/feature-utils.js      | 1 +
 projects/plugins/jetpack/changelog/add-growth-icon-to-upsell  | 4 ++++
 .../plugins/jetpack/images/recommendations/growth-icon.svg    | 1 +
 3 files changed, 6 insertions(+)
 create mode 100644 projects/plugins/jetpack/changelog/add-growth-icon-to-upsell
 create mode 100644 projects/plugins/jetpack/images/recommendations/growth-icon.svg

diff --git a/projects/plugins/jetpack/_inc/client/recommendations/feature-utils.js b/projects/plugins/jetpack/_inc/client/recommendations/feature-utils.js
index 352dfe48a0d49..1bd4cfc73d0fc 100644
--- a/projects/plugins/jetpack/_inc/client/recommendations/feature-utils.js
+++ b/projects/plugins/jetpack/_inc/client/recommendations/feature-utils.js
@@ -816,6 +816,7 @@ export const getProductCardData = ( state, productSlug ) => {
 				} ),
 				productCardCtaText: __( 'Get Jetpack Growth', 'jetpack' ),
 				productCardList: products.growth ? products.growth.features : [],
+				productCardIcon: '/recommendations/growth-icon.svg',
 			};
 		case PLAN_JETPACK_ANTI_SPAM:
 			return {
diff --git a/projects/plugins/jetpack/changelog/add-growth-icon-to-upsell b/projects/plugins/jetpack/changelog/add-growth-icon-to-upsell
new file mode 100644
index 0000000000000..fccbdfa35c27a
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/add-growth-icon-to-upsell
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Add growth icon to recommendation upsell
diff --git a/projects/plugins/jetpack/images/recommendations/growth-icon.svg b/projects/plugins/jetpack/images/recommendations/growth-icon.svg
new file mode 100644
index 0000000000000..e6e365b69ddb4
--- /dev/null
+++ b/projects/plugins/jetpack/images/recommendations/growth-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none"><path fill="#fff" fill-rule="evenodd" d="M10.99 9.917h3.414v1.5h-3.415c-.331 0-.65.132-.884.366l-3.083 3.084h3.846v1.5h-4.45c-1.113 0-1.671-1.346-.884-2.134l3.51-3.51a2.75 2.75 0 0 1 1.945-.806" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M24.57 8.684a11.91 11.91 0 0 1-9.65 11.692l-3.154-3.154a11.91 11.91 0 0 1 11.692-9.65h1.113zM10.202 17.47a13.41 13.41 0 0 1 13.257-11.4h2.136c.263 0 .477.214.477.477v2.136c0 3.631-1.454 6.964-3.846 9.4v3.069c0 .729-.29 1.428-.806 1.944l-3.51 3.51c-.788.788-2.134.23-2.134-.883v-3.998q-.543.13-1.104.214a.54.54 0 0 1-.46-.15l-3.859-3.86a.54.54 0 0 1-.15-.46m7.074 3.804a13.4 13.4 0 0 0 3.45-1.876v1.754c0 .331-.132.65-.367.884l-3.083 3.083zm2.432-6.719a1.5 1.5 0 1 1-2.122-2.121 1.5 1.5 0 0 1 2.122 2.121m1.06 1.06a3 3 0 1 1-4.242-4.242 3 3 0 0 1 4.242 4.243M10.4 20.199a.75.75 0 1 0-1.447-.396l-.7 2.56a1.25 1.25 0 0 0 1.52 1.54l2.593-.677a.75.75 0 0 0-.379-1.45l-2.174.567z" clip-rule="evenodd"/></svg>
\ No newline at end of file