diff --git a/src/pages/CheckoutSuccess.tsx b/src/pages/CheckoutSuccess.tsx
index 25e567a..b5a46f9 100644
--- a/src/pages/CheckoutSuccess.tsx
+++ b/src/pages/CheckoutSuccess.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import { motion } from 'framer-motion';
+import { Leaf } from 'lucide-react';
 import { getOrderDetails } from '../api/checkoutClient';
 import { OrderDetailsResponse } from '../types';
 import { CarbonImpactComparison } from '../components/CarbonImpactComparison';
@@ -342,9 +343,7 @@ export default function CheckoutSuccess({
                       <p className="text-3xl font-bold text-emerald-900 mt-1">{order.tons} tons CO₂</p>
                     </div>
                     <div className="text-emerald-600">
-                      <svg className="w-16 h-16" fill="currentColor" viewBox="0 0 20 20">
-                        <path d="M10 2C7.243 2 5 4.243 5 7c0 1.654.843 3.116 2.122 3.975-.076.328-.122.668-.122 1.025v4c0 2.209 1.791 4 4 4s4-1.791 4-4v-4c0-.357-.046-.697-.122-1.025C16.157 10.116 17 8.654 17 7c0-2.757-2.243-5-5-5zm-2 5c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2-2-.897-2-2z" />
-                      </svg>
+                      <Leaf className="w-16 h-16" />
                     </div>
                   </div>
                 </div>