replace icons for the upsell sidebar

vraja-pro · vraja-pro · commit 9bb49932d0c7 · 2025-12-08T18:55:53.000+02:00
diff --git a/packages/js/images/woo-seo-logo-new.svg b/packages/js/images/woo-seo-logo-new.svg
@@ -1,20 +1,61 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<g clip-path="url(#clip0_2032_522)">
-		<path d="M64 64H10.24C4.5856 64 0 59.4144 0 53.76V10.24C0 4.5856 4.5856 0 10.24 0H53.76C59.4144 0 64 4.5856 64 10.24V64Z" fill="#0E1E65"/>
-		<path d="M56.0159 0.252808L19.9551 64H63.9999V10.24C63.9999 5.36001 60.5855 1.28001 56.0159 0.252808Z" fill="#0075B3"/>
-		<path d="M9.52341 43.1744V47.6416C12.2882 47.5264 14.4514 46.6176 16.2818 44.7616C18.1122 42.9056 19.789 39.8976 21.389 35.4304L33.2418 3.6864H27.5074L17.9586 30.208L13.2226 15.3344H7.97461L14.9378 33.2288C15.6098 34.9504 15.6098 36.8576 14.9378 38.5792C14.2338 40.3968 12.9666 42.5344 9.52341 43.1744Z" fill="white"/>
-		<path d="M53.2738 5.11037C47.2834 1.72797 39.6834 3.83997 36.2978 9.83037C32.9122 15.8208 35.0274 23.4208 41.0178 26.8064C47.0082 30.192 54.6082 28.0768 57.9938 22.0864C61.3762 16.096 59.2642 8.49597 53.2738 5.11037Z" fill="#9FDA4F"/>
-		<path d="M37.7314 32.608C37.7314 32.608 37.7186 32.6016 37.7122 32.5952C37.7058 32.5952 37.7026 32.5888 37.6962 32.5856C33.565 30.3008 28.7266 31.9104 26.605 35.6704C24.3938 39.5872 25.7762 44.5504 29.6898 46.7648C29.6898 46.7648 29.6962 46.768 29.6994 46.7712C29.6994 46.7712 29.7058 46.7744 29.709 46.7776C33.6226 48.976 38.5762 47.5936 40.7842 43.6832C42.989 39.7792 41.6226 34.832 37.7346 32.6112" fill="#FEC228"/>
-		<path d="M28.4542 57.6096C28.4542 55.9072 27.5614 54.2528 25.9774 53.3536C25.219 52.9248 24.3934 52.72 23.5774 52.72C20.8862 52.72 18.6846 54.8992 18.6846 57.6032C18.6846 60.3072 20.8638 62.496 23.5678 62.496C26.2718 62.496 28.4606 60.3168 28.4606 57.6128" fill="#FF4E47"/>
-		<path d="M53.2736 5.11035L41.0176 26.8063C47.008 30.1919 54.608 28.0767 57.9936 22.0863C61.376 16.096 59.264 8.49595 53.2736 5.11035Z" fill="#77B227"/>
-		<path d="M37.6961 32.5856L29.6865 46.7648C33.6001 48.976 38.5697 47.5936 40.7809 43.68C42.9921 39.7632 41.6097 34.7968 37.6961 32.5856Z" fill="#F49A00"/>
-		<path d="M25.9714 53.3503L21.165 61.8591C23.5138 63.1871 26.4962 62.3583 27.821 60.0063C29.149 57.6575 28.3202 54.6751 25.9682 53.3503" fill="#ED261F"/>
-		<path d="M58.1023 46.8064C57.5295 46.8064 57.0303 47.1904 56.8831 47.744L56.7263 48.3264C53.0655 48.2592 49.4143 48.6848 45.8687 49.5872C45.8559 49.5872 45.8463 49.5936 45.8335 49.5968C45.5679 49.6864 45.4271 49.9712 45.5167 50.2368C46.0735 51.8976 46.7391 53.5232 47.5071 55.0976C47.5903 55.2704 47.7663 55.3792 47.9615 55.3792H55.5039C56.1439 55.3792 56.7167 55.7824 56.9311 56.3872H46.9311C46.6527 56.3872 46.4255 56.6144 46.4255 56.8928C46.4255 57.1712 46.6527 57.3984 46.9311 57.3984H57.5231C57.8015 57.3984 58.0287 57.1712 58.0287 56.8928C58.0287 55.744 57.2543 54.7424 56.1407 54.4512L57.8623 48C57.8911 47.8912 57.9903 47.8144 58.1055 47.8144H59.0367C59.3151 47.8144 59.5423 47.5872 59.5423 47.3088C59.5423 47.0304 59.3151 46.8032 59.0367 46.8032H58.1055L58.1023 46.8064ZM57.0175 59.92C56.4607 59.92 56.0095 59.4688 56.0095 58.912C56.0095 58.3552 56.4607 57.904 57.0175 57.904C57.5743 57.904 58.0255 58.3552 58.0255 58.912C58.0255 59.4688 57.5743 59.92 57.0175 59.92ZM48.4447 59.92C47.8879 59.92 47.4367 59.4688 47.4367 58.912C47.4367 58.3552 47.8879 57.904 48.4447 57.904C49.0015 57.904 49.4527 58.3552 49.4527 58.912C49.4527 59.4688 49.0015 59.92 48.4447 59.92Z" fill="#A1CCE3"/>
-	</g>
-	<path d="M10 0.5H54C59.2467 0.5 63.5 4.7533 63.5 10V63.5H10C4.7533 63.5 0.5 59.2467 0.5 54V10C0.5 4.7533 4.7533 0.5 10 0.5Z" stroke="white"/>
-	<defs>
-		<clipPath id="clip0_2032_522">
-			<path d="M0 10C0 4.47715 4.47715 0 10 0H54C59.5228 0 64 4.47715 64 10V64H10C4.47715 64 0 59.5228 0 54V10Z" fill="white"/>
-		</clipPath>
-	</defs>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#radial-gradient-3);
+      }
+
+      .cls-2 {
+        fill: url(#radial-gradient-2);
+      }
+
+      .cls-3 {
+        fill: url(#radial-gradient);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-5 {
+        fill: #fff;
+      }
+
+      .cls-6 {
+        fill: #a1cce3;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="-7.73" y1="59.99" x2="218.16" y2="143.88" gradientUnits="userSpaceOnUse">
+      <stop offset=".17" stop-color="#0e1e65"/>
+      <stop offset=".48" stop-color="#064b8d"/>
+      <stop offset=".73" stop-color="#0169a8"/>
+      <stop offset=".87" stop-color="#0075b3"/>
+    </linearGradient>
+    <radialGradient id="radial-gradient" cx="116.36" cy="44.04" fx="116.36" fy="44.04" r="36.58" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#9fda4f"/>
+      <stop offset="1" stop-color="#77b227"/>
+    </radialGradient>
+    <radialGradient id="radial-gradient-2" cx="92.08" cy="114.68" fx="92.08" fy="114.68" r="29.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fec228"/>
+      <stop offset=".22" stop-color="#fbb81e"/>
+      <stop offset="1" stop-color="#f49a00"/>
+    </radialGradient>
+    <radialGradient id="radial-gradient-3" cx="60.52" cy="156.68" fx="60.52" fy="156.68" r="14.35" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ff4e47"/>
+      <stop offset="1" stop-color="#ed261f"/>
+    </radialGradient>
+  </defs>
+  <path class="cls-4" d="M200,200H32c-17.67,0-32-14.33-32-32V32C0,14.33,14.33,0,32,0h136c17.67,0,32,14.33,32,32v168Z"/>
+  <g>
+    <g>
+      <g>
+        <path class="cls-3" d="M156.41,26.63c-17.59-9.93-39.9-3.73-49.84,13.86-9.94,17.59-3.73,39.9,13.86,49.84,17.59,9.94,39.9,3.73,49.84-13.86,9.93-17.59,3.73-39.9-13.86-49.84"/>
+        <path class="cls-2" d="M119.44,102.75h0s-.04-.02-.06-.04c-.02,0-.03-.02-.05-.03h0c-12.13-6.71-26.33-1.98-32.56,9.06-6.49,11.5-2.43,26.07,9.06,32.57h0s.02,0,.03.02c0,0,.02,0,.03.02h0c11.49,6.45,26.03,2.4,32.51-9.08,6.47-11.46,2.46-25.98-8.95-32.5"/>
+        <path class="cls-1" d="M85.91,163.76c0-5-2.62-9.85-7.27-12.49h0c-2.23-1.26-4.65-1.86-7.05-1.86-7.9,0-14.36,6.4-14.36,14.34s6.4,14.36,14.34,14.36,14.36-6.4,14.36-14.34"/>
+      </g>
+      <path class="cls-5" d="M29.52,136.99v13.02c8.06-.34,14.36-2.98,19.7-8.39,5.34-5.41,10.22-14.18,14.89-27.2L98.65,21.9h-16.71l-27.83,77.3-13.8-43.35h-15.3l20.29,52.16c1.96,5.02,1.96,10.58,0,15.59-2.05,5.3-5.74,11.53-15.78,13.39Z"/>
+    </g>
+    <path class="cls-6" d="M171.68,147.89c-1.32,0-2.47.88-2.81,2.16l-.36,1.34c-8.43-.15-16.85.83-25.01,2.9-.03,0-.05.01-.08.02-.61.21-.94.86-.73,1.47,1.28,3.83,2.81,7.57,4.59,11.2.19.4.6.65,1.05.65h17.38c1.47,0,2.79.93,3.29,2.32h-23.04c-.64,0-1.16.52-1.16,1.16s.52,1.16,1.16,1.16h24.4c.64,0,1.16-.52,1.16-1.16,0-2.65-1.78-4.95-4.35-5.62l3.97-14.86c.07-.25.29-.43.56-.43h2.14c.64,0,1.16-.52,1.16-1.16s-.52-1.16-1.16-1.16h-2.15ZM169.18,178.1c-1.28,0-2.32-1.04-2.32-2.32s1.04-2.32,2.32-2.32,2.32,1.04,2.32,2.32-1.04,2.32-2.32,2.32ZM149.43,178.1c-1.28,0-2.32-1.04-2.32-2.32s1.04-2.32,2.32-2.32,2.32,1.04,2.32,2.32-1.04,2.32-2.32,2.32Z"/>
+  </g>
+</svg>
diff --git a/packages/js/images/yoast-premium-logo-new.svg b/packages/js/images/yoast-premium-logo-new.svg
@@ -1,29 +1,61 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<g clip-path="url(#clip0_2032_308)">
-		<path d="M64 64H10.24C4.5856 64 0 59.4144 0 53.76V10.24C0 4.5856 4.5856 0 10.24 0H53.76C59.4144 0 64 4.5856 64 10.24V64Z" fill="url(#paint0_linear_2032_308)"/>
-		<path opacity="0.35" d="M56.0159 0.124756L19.9551 63.8752H63.9999V10.1152C63.9999 5.23516 60.5855 1.15516 56.0159 0.127956" fill="#6C2548"/>
-		<path d="M9.52341 43.1744V47.6416C12.2882 47.5264 14.4514 46.6176 16.2818 44.7616C18.1122 42.9056 19.789 39.8976 21.389 35.4304L33.2418 3.6864H27.5074L17.9586 30.208L13.2226 15.3344H7.97461L14.9378 33.2288C15.6098 34.9504 15.6098 36.8576 14.9378 38.5792C14.2338 40.3968 12.9666 42.5344 9.52341 43.1744Z" fill="white"/>
-		<path d="M53.2738 5.11037C47.2834 1.72797 39.6834 3.83997 36.2978 9.83037C32.9122 15.8208 35.0274 23.4208 41.0178 26.8064C47.0082 30.192 54.6082 28.0768 57.9938 22.0864C61.3762 16.096 59.2642 8.49597 53.2738 5.11037Z" fill="#9FDA4F"/>
-		<path d="M53.2736 5.11035L41.0176 26.8063C47.008 30.1919 54.608 28.0767 57.9936 22.0863C61.376 16.096 59.264 8.49595 53.2736 5.11035Z" fill="#77B227"/>
-		<path d="M37.7314 32.608C37.7314 32.608 37.7186 32.6016 37.7122 32.5952C37.7058 32.5952 37.7026 32.5888 37.6962 32.5856C33.565 30.3008 28.7266 31.9104 26.605 35.6704C24.3938 39.5872 25.7762 44.5504 29.6898 46.7648C29.6898 46.7648 29.6962 46.768 29.6994 46.7712C29.6994 46.7712 29.7058 46.7744 29.709 46.7776C33.6226 48.976 38.5762 47.5936 40.7842 43.6832C42.989 39.7792 41.6226 34.832 37.7346 32.6112" fill="#FEC228"/>
-		<path d="M37.6961 32.5856L29.6865 46.7648C33.6001 48.976 38.5697 47.5936 40.7809 43.68C42.9921 39.7632 41.6097 34.7968 37.6961 32.5856Z" fill="#F49A00"/>
-		<path d="M28.4542 57.6096C28.4542 55.9072 27.5614 54.2528 25.9774 53.3536C25.219 52.9248 24.3934 52.72 23.5774 52.72C20.8862 52.72 18.6846 54.8992 18.6846 57.6032C18.6846 60.3072 20.8638 62.496 23.5678 62.496C26.2718 62.496 28.4606 60.3168 28.4606 57.6128" fill="#FF4E47"/>
-		<path d="M25.9714 53.3503L21.165 61.8591C23.5138 63.1871 26.4962 62.3583 27.821 60.0063C29.149 57.6575 28.3202 54.6751 25.9682 53.3503" fill="#ED261F"/>
-		<path d="M57.4018 58.0864H43.8882V59.2832H57.4018V58.0864Z" fill="#CD82AB"/>
-		<path d="M53.7505 53.3664L50.6465 47.6064V47.6096L50.6433 47.6064L47.5393 53.3664L42.7617 49.9456L43.8881 57.648H50.6465H57.4017L58.5281 49.9456L53.7505 53.3664Z" fill="#CD82AB"/>
-	</g>
-	<path d="M10 0.5H54C59.2467 0.5 63.5 4.7533 63.5 10V63.5H10C4.7533 63.5 0.5 59.2467 0.5 54V10C0.5 4.7533 4.7533 0.5 10 0.5Z" stroke="white"/>
-	<defs>
-		<linearGradient id="paint0_linear_2032_308" x1="-2.912" y1="25.8432" x2="68.5088" y2="38.4384" gradientUnits="userSpaceOnUse">
-			<stop stop-color="#5D237A"/>
-			<stop offset="0.08" stop-color="#702175"/>
-			<stop offset="0.22" stop-color="#872070"/>
-			<stop offset="0.36" stop-color="#981E6C"/>
-			<stop offset="0.51" stop-color="#A21E69"/>
-			<stop offset="0.7" stop-color="#A61E69"/>
-		</linearGradient>
-		<clipPath id="clip0_2032_308">
-			<path d="M0 10C0 4.47715 4.47715 0 10 0H54C59.5228 0 64 4.47715 64 10V64H10C4.47715 64 0 59.5228 0 54V10Z" fill="white"/>
-		</clipPath>
-	</defs>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#radial-gradient-3);
+      }
+
+      .cls-2 {
+        fill: url(#radial-gradient-2);
+      }
+
+      .cls-3 {
+        fill: url(#radial-gradient);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-5 {
+        fill: #fff;
+      }
+
+      .cls-6 {
+        fill: #a61e69;
+      }
+    </style>
+    <radialGradient id="radial-gradient" cx="116.36" cy="44.04" fx="116.36" fy="44.04" r="36.58" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#9fda4f"/>
+      <stop offset="1" stop-color="#77b227"/>
+    </radialGradient>
+    <radialGradient id="radial-gradient-2" cx="92.08" cy="114.68" fx="92.08" fy="114.68" r="29.3" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fec228"/>
+      <stop offset=".22" stop-color="#fbb81e"/>
+      <stop offset="1" stop-color="#f49a00"/>
+    </radialGradient>
+    <radialGradient id="radial-gradient-3" cx="60.52" cy="156.68" fx="60.52" fy="156.68" r="14.35" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ff4e47"/>
+      <stop offset="1" stop-color="#ed261f"/>
+    </radialGradient>
+    <linearGradient id="linear-gradient" x1="61.93" y1="19.37" x2="61.93" y2="149.86" gradientUnits="userSpaceOnUse">
+      <stop offset=".3" stop-color="#83af42"/>
+      <stop offset=".44" stop-color="#7fac41"/>
+      <stop offset=".54" stop-color="#75a23e"/>
+      <stop offset=".64" stop-color="#64923b"/>
+      <stop offset=".74" stop-color="#4d7c35"/>
+      <stop offset=".8" stop-color="#396a31"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-6" d="M200,200H32c-17.67,0-32-14.33-32-32V32C0,14.33,14.33,0,32,0h136C185.67,0,200,14.33,200,32v168Z"/>
+  <g>
+    <path class="cls-3" d="M156.41,26.63c-17.59-9.93-39.9-3.73-49.84,13.86-9.94,17.59-3.73,39.9,13.86,49.84,17.59,9.94,39.9,3.73,49.84-13.86,9.93-17.59,3.73-39.9-13.86-49.84"/>
+    <path class="cls-2" d="M119.44,102.75h0s-.04-.02-.06-.04c-.02,0-.03-.02-.05-.03h0c-12.13-6.71-26.33-1.98-32.56,9.06-6.49,11.5-2.43,26.07,9.06,32.57h0s.02,0,.03.02c0,0,.02,0,.03.02h0c11.49,6.45,26.03,2.4,32.51-9.08,6.47-11.46,2.46-25.98-8.95-32.5"/>
+    <path class="cls-1" d="M85.91,163.76c0-5-2.62-9.85-7.27-12.49h0c-2.23-1.26-4.65-1.86-7.05-1.86-7.9,0-14.36,6.4-14.36,14.34s6.4,14.36,14.34,14.36,14.36-6.4,14.36-14.34"/>
+  </g>
+  <g>
+    <path class="cls-4" d="M81.06,20.2l-26.74,74.2-12.83-40.12h-19.04l21.31,54.8c1.79,4.66,1.79,9.85,0,14.51-2.39,6.09-6.33,11.34-16,12.66v16.24c18.8,0,29.01-11.58,38.09-36.95L101.42,20.2h-20.36Z"/>
+    <path class="cls-5" d="M27.76,154.13h-1.64v-19.31l1.42-.19c9.43-1.28,12.72-6.6,14.69-11.63,1.65-4.29,1.65-9.02,0-13.32l-22.18-57.03h22.64l11.73,36.66,25.5-70.75h23.87l-36.41,97.55c-8.16,22.81-18.02,38.02-39.62,38.02ZM29.4,137.65v13.17c16.28-.61,25.85-10.53,34.9-35.83L99.06,21.84h-16.84l-27.99,77.66-13.94-43.57h-15.44l20.44,52.56c1.95,5.06,1.95,10.63,0,15.69-2.09,5.34-5.79,11.6-15.89,13.47Z"/>
+  </g>
+</svg>
