Logo.js

import { HStack, Text } from "@chakra-ui/react";

const SvgLogo = () => {
  return (
    <svg
      height={32}
      id="Layer_1"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 512 512"
    >
      <title>love-food</title>
      <g id="love-food">
        <path
          d="M244.62,506C114.78,506,9.4,368.79,9.4,279.24a7.71,7.71,0,0,1,7.71-7.71h455a7.71,7.71,0,0,1,7.71,7.71C479.84,368.79,374.46,506,244.62,506ZM25.1,286.94c6,81.75,104,203.67,219.52,203.67S458.18,368.69,464.14,286.94Z"
          fill="#EC3B50"
        />
        <path
          d="M320.45,514.45H151.92a7.71,7.71,0,1,1,0-15.41H320.45a7.71,7.71,0,0,1,0,15.41Z"
          fill="#EC3B50"
        />
        <path
          d="M251.36,244.59a7.71,7.71,0,0,1-5.43-13.18L474.1,4.69A7.71,7.71,0,0,1,485,15.63L256.8,242.35A7.69,7.69,0,0,1,251.36,244.59Z"
          fill="#EC3B50"
        />
        <path
          d="M187,188.08a7.71,7.71,0,0,1-6.51-11.82L277.2,23.35a7.7,7.7,0,1,1,13,8.23L193.55,184.48A7.68,7.68,0,0,1,187,188.08Z"
          fill="#EC3B50"
        />
        <path
          d="M263.48,229a7.69,7.69,0,0,1-5-1.87l-32-27.53a46.66,46.66,0,0,1-14.86-24c-1.73-7-1-11.42-.84-12.23,1.51-16.63,14.92-29.76,31.09-29.76a31.3,31.3,0,0,1,21.51,8.59,30,30,0,0,1,21.13-8.59c16.22,0,29.63,13.15,31.21,30.58,0,0,.75,4.39-.93,11.39a47,47,0,0,1-14.83,24l-31.4,27.53A7.7,7.7,0,0,1,263.48,229Zm-21.61-80c-9.4,0-15.09,8.34-15.86,16.57a16.9,16.9,0,0,0,.59,6.35,31.29,31.29,0,0,0,10,16l26.83,23.11,26.35-23.11a31.56,31.56,0,0,0,10-16,18.14,18.14,0,0,0,.63-5.8c-.82-8.78-6.5-17.11-15.93-17.11-6.15,0-11.37,3.55-14,9.51a7.71,7.71,0,0,1-7,4.62h0a7.7,7.7,0,0,1-7-4.6A16,16,0,0,0,241.87,149Z"
          fill="#EC3B50"
        />
      </g>
    </svg>
  );
};

function Logo() {
  return (
    <HStack>
      <SvgLogo />
      <Text
        bgGradient="linear(to-l, #E31837, #E23D28)"
        bgClip="text"
        fontWeight="extrabold"
        fontFamily="Open Sans"
      >
        Guruprasad
      </Text>
    </HStack>
  );
}
export default Logo;