Be The Hero

1import { cn } from "@/lib/utils"
2import { type SVGProps } from "react"
3 
4export interface BeTheHeroProps extends SVGProps<SVGSVGElement> {}
5 
6export const BeTheHero = (props: BeTheHeroProps) => {
7  return (
8    <svg
9      xmlns="http://www.w3.org/2000/svg"
10      viewBox="0 0 1066.61 876.03"
11      {...props}
12      className={cn("w-full h-auto", props.className)}
13      role="img"
14    >
15      <title>Be The Hero</title>
16      <defs>
17        <linearGradient gradientTransform="translate(51.69 -65.88) rotate(6.1)"
18            gradientUnits="userSpaceOnUse" id="80eb2e63-b174-4995-98de-a6f06d09e993-2588"
19            x1="660.62" x2="660.62" y1="785.23" y2="108.23">
20            <stop offset="0" stop-color="gray" stop-opacity="0.25" />
21            <stop offset="0.54" stop-color="gray" stop-opacity="0.12" />
22            <stop offset="1" stop-color="gray" stop-opacity="0.1" />
23        </linearGradient>
24        <linearGradient gradientTransform="matrix(0.97, 0.05, -0.05, 1, 52.93, -28.22)"
25            href="#80eb2e63-b174-4995-98de-a6f06d09e993-2588"
26            id="897a3ab3-8922-4256-a8e6-4a2ee8dcb308-2589" x1="636.28" x2="636.28" y1="829.65"
27            y2="226.73" />
28    </defs>
29    <title>
30        be_the_hero
31    </title>
32    <path
33        d="M126.72,461.64c3,33.76,22.14,64.32,33.82,96.47a228.68,228.68,0,0,1,4.45,142c-2.78,9.58-6.21,19.19-6.21,29,0,33.82,38.53,56.27,73.54,71.2a1340.62,1340.62,0,0,0,276.82,83.64c31.07,5.87,69.88,8.4,89.54-13.67,9.44-10.6,11.72-24.44,18.65-36.33C635,803.62,678,791.84,716.6,785.09A1212.54,1212.54,0,0,1,857.27,768.9c47.48-2.67,101.39-5,132.86-36.17,20-19.82,25.82-47.17,26.62-73,2.61-84.74-37.88-176.44,14.09-249.83,21.79-30.78,57.37-53.26,79-84.13,31.31-44.73,28.61-101.54,7.41-149.21s-58.75-88.2-95.76-127.92c-12.24-13.13-25.3-26.79-43.68-32.88-19.13-6.34-40.82-3.43-61.33-.43-93.3,13.62-190.14,28.46-268.39,75.24-38.86,23.23-71.32,53.36-106,81.07C467.2,231.51,380.44,286.81,281.55,310.45,201.21,329.66,119.5,381.47,126.72,461.64Z"
34        fill="var(--color-primary)" opacity="0.1" transform="translate(-66.64 -11.98)" />
35    <path
36// … truncated