change icon

Author: lebo

beta/src/components/MDX/BlogCard.tsx

@@ -39,12 +39,25 @@ function BlogCard({title, badge, date, icon, url, children}: BlogCardProps) {
               viewBox="0 0 72 72"
               fill="none"
               xmlns="http://www.w3.org/2000/svg">
-              <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M12.7101 56.3758C13.0724 56.7251 13.6324 57 14.3887 57H57.6113C58.3676 57 58.9276 56.7251 59.2899 56.3758C59.6438 56.0346 59.8987 55.5407 59.9086 54.864C59.9354 53.022 59.9591 50.7633 59.9756 48H12.0244C12.0409 50.7633 12.0645 53.022 12.0914 54.864C12.1013 55.5407 12.3562 56.0346 12.7101 56.3758ZM12.0024 42H59.9976C59.9992 41.0437 60 40.0444 60 39C60 29.5762 59.9327 22.5857 59.8589 17.7547C59.8359 16.2516 58.6168 15 56.9938 15L15.0062 15C13.3832 15 12.1641 16.2516 12.1411 17.7547C12.0673 22.5857 12 29.5762 12 39C12 40.0444 12.0008 41.0437 12.0024 42ZM65.8582 17.6631C65.7843 12.8227 61.8348 9 56.9938 9H15.0062C10.1652 9 6.21572 12.8227 6.1418 17.6631C6.06753 22.5266 6 29.5477 6 39C6 46.2639 6.03988 51.3741 6.09205 54.9515C6.15893 59.537 9.80278 63 14.3887 63H57.6113C62.1972 63 65.8411 59.537 65.9079 54.9515C65.9601 51.3741 66 46.2639 66 39C66 29.5477 65.9325 22.5266 65.8582 17.6631ZM39 21C37.3431 21 36 22.3431 36 24C36 25.6569 37.3431 27 39 27H51C52.6569 27 54 25.6569 54 24C54 22.3431 52.6569 21 51 21H39ZM36 33C36 31.3431 37.3431 30 39 30H51C52.6569 30 54 31.3431 54 33C54 34.6569 52.6569 36 51 36H39C37.3431 36 36 34.6569 36 33ZM24 33C27.3137 33 30 30.3137 30 27C30 23.6863 27.3137 21 24 21C20.6863 21 18 23.6863 18 27C18 30.3137 20.6863 33 24 33Z"
-                fill="currentColor"
-              />
+              <g clipPath="url(#clip0_10_20055)">
+                <path
+                  fillRule="evenodd"
+                  clipRule="evenodd"
+                  d="M24 6C25.3766 6 26.5766 6.93689 26.9104 8.27239L27.291 9.79486C28.6346 15.1691 32.8309 19.3654 38.2051 20.709L39.7276 21.0896C41.0631 21.4234 42 22.6234 42 24C42 25.3766 41.0631 26.5766 39.7276 26.9104L38.2051 27.291C32.8309 28.6346 28.6346 32.8309 27.291 38.2051L26.9104 39.7276C26.5766 41.0631 25.3766 42 24 42C22.6234 42 21.4234 41.0631 21.0896 39.7276L20.709 38.2051C19.3654 32.8309 15.1691 28.6346 9.79485 27.291L8.27239 26.9104C6.93689 26.5766 6 25.3766 6 24C6 22.6234 6.93689 21.4234 8.27239 21.0896L9.79485 20.709C15.1691 19.3654 19.3654 15.1691 20.709 9.79486L21.0896 8.27239C21.4234 6.93689 22.6234 6 24 6ZM24 17.2312C22.2953 19.9771 19.9771 22.2953 17.2312 24C19.9771 25.7047 22.2953 28.0229 24 30.7688C25.7047 28.0229 28.0229 25.7047 30.7688 24C28.0229 22.2953 25.7047 19.9771 24 17.2312Z"
+                  fill="currentColor"
+                />
+                <path
+                  fillRule="evenodd"
+                  clipRule="evenodd"
+                  d="M56.522 56.5214C55.5352 52.9034 55.5355 49.0815 56.5229 45.4636C52.9045 46.451 49.0819 46.451 45.4634 45.4637C46.4508 49.0814 46.4511 52.9031 45.4644 56.521C49.0823 55.5341 52.9042 55.5343 56.522 56.5214ZM36.0109 38.7491C35.9591 39.3557 36.0908 39.9837 36.428 40.5457L38.0666 43.2767C40.9167 48.0269 40.9167 53.9613 38.0666 58.7116L36.4742 61.3654C36.3591 61.5453 36.2641 61.7363 36.1902 61.9345C36.0551 62.2943 35.9935 62.6692 36.0005 63.0398C36.006 63.3524 36.0604 63.6667 36.1667 63.9711C36.3892 64.6123 36.8294 65.182 37.457 65.5585C38.4719 66.1675 39.7023 66.1063 40.6331 65.5037L43.275 63.9185C48.0252 61.0684 53.9596 61.0684 58.7099 63.9185L61.3744 65.5173C62.3027 66.1072 63.5221 66.1629 64.5294 65.5585C65.9501 64.7061 66.4108 62.8633 65.5584 61.4426L63.9198 58.7116C61.0696 53.9613 61.0696 48.0269 63.9198 43.2767L65.5584 40.5457C65.9359 39.9165 66.0559 39.2045 65.9489 38.5324C65.9144 38.313 65.8549 38.0953 65.7696 37.8833C65.6514 37.5887 65.4862 37.3115 65.277 37.0642C64.3448 35.958 62.7217 35.6598 61.4414 36.428L58.7104 38.0666C53.9602 40.9167 48.0258 40.9167 43.2755 38.0666L40.5445 36.428C39.2072 35.6256 37.4959 35.9867 36.5887 37.2168C36.4883 37.3524 36.4003 37.4955 36.3249 37.6444C36.1452 37.9981 36.0423 38.3731 36.0109 38.7491Z"
+                  fill="currentColor"
+                />
+              </g>
+              <defs>
+                <clipPath id="clip0_10_20055">
+                  <rect width="72" height="72" fill="white" />
+                </clipPath>
+              </defs>
             </svg>
           )}
           <h2 className="font-bold text-2xl lg:text-3xl group-hover:underline leading-snug mb-4">