src/@narative/gatsby-theme-novela/components/Logo/index.js
/**
 * Paste in your SVG logo and return it from this component.
 * Make sure you have a height set for your logo.
 * It is recommended to keep the height within 25-35px.
 * Logo comes with a property vallue called `fill`. `fill` is useful
 * when you want to change your logo depending on the theme you are on.
 */
Paste in your SVG logo and return it from this component.
Make sure you have a height set for your logo.
It is recommended to keep the height within 25-35px.
Logo comes with a property vallue called `fill`. `fill` is useful
when you want to change your logo depending on the theme you are on.
Paste in your SVG logo and return it from this component . Make sure you have a height set for your logo . It is recommended to keep the height within 25 - 35px . Logo comes with a property vallue called ` fill ` . ` fill ` is useful when you want to change your logo depending on the theme you are on .
function Logo({ fill }) {
  return (
    <svg
      version="1.1"
      baseProfile="basic"
      x="0px"
      y="0px"
      height="35px"
      viewBox="0 0 25 25"
    >
      <g id="Isolation_Mode">
        <path
          fill="#3A3749"
          className="st0"
          d="M18.8,0.1c1.1,0,1,0,0.9,0.5c0,1,0,2.1,0,3.1c0,0.3-0.1,0.7-0.2,1c-0.2,0.5-0.6,0.8-1.1,0.8
        c-0.2,0-0.2,0.1-0.2,0.2c0,0.4,0,0.8,0,1.2c0,0.1,0,0.2,0.2,0.2c0.8,0.3,1.4,1,1.4,1.8c0,0.8-0.5,1.5-1.4,1.8
        c-0.1,0-0.2,0.1-0.2,0.2c-0.1,1.3-0.6,2.4-1.4,3.4c-0.2,0.2-0.5,0.5-0.7,0.7c-0.1,0.1-0.2,0.2-0.2,0.3c0,0.5,0,0.9,0,1.4
        c0,0.1,0,0.1,0.1,0.2c2,0.6,3.6,1.8,4.9,3.4c1,1.2,1.7,2.5,1.9,4c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.6-0.5,0.6c-1.5,0-3,0-4.5,0
        c-4.9,0-9.8,0-14.7,0c-0.6,0-0.7-0.2-0.6-0.7c0.2-1.6,0.9-3,1.9-4.3c1.3-1.5,2.9-2.6,4.8-3.2c0.2-0.1,0.2-0.1,0.2-0.3
        c0-0.4,0-0.9,0-1.3c0-0.1,0-0.2-0.1-0.2c-1.4-1-2.1-2.4-2.2-4.1c0-0.1,0-0.2-0.2-0.2c-0.8-0.3-1.4-1-1.4-1.8c0-0.8,0.6-1.5,1.4-1.8
        c0.1,0,0.2-0.1,0.2-0.2c0-0.4,0-0.7,0-1.1c0-0.2,0-0.2-0.2-0.2c-0.4,0-0.5-0.1-0.5-0.5c0-0.4,0-0.7,0-1.1c0-0.8,0.8-1.5,1.5-1.5
        c0.2,0,0.5,0.1,0.7,0C9,2.3,8.9,2,9,1.8c0.3-1,1-1.5,2-1.6C11,0.1,16,0.1,18.8,0.1z"
        />
        <path
          fill="#FFD300"
          className="st1"
          d="M14.6,21.9c0.3,0,0.4,0.2,0.6,0.4c0.1,0.1,0,0.1-0.1,0.1c-0.8,0.5-1.5,1-2.3,1.6c-0.1,0.1-0.1,0.1-0.2,0
        c-0.8-0.6-1.6-1.1-2.5-1.6c-0.1-0.1-0.1-0.1,0-0.2c0.1-0.2,0.3-0.3,0.5-0.2C11.2,21.9,13.9,21.9,14.6,21.9z"
        />
        <g>
          <path
            fill="#EF4D53"
            className="st2"
            d="M10.3,18.5c-0.2-0.2-0.4-0.5-0.5-0.7c-0.1-0.2-0.2-0.2-0.4-0.1C7.6,18.1,6.2,19,5,20.4
          c-0.4,0.5-0.8,1.1-1.1,1.7c2.3-2,4.9-2.6,7.8-2.8C11.1,19.2,10.6,18.9,10.3,18.5z"
          />
          <path
            fill="#EF4D53"
            className="st2"
            d="M20.9,21.7c-0.5-0.9-1.2-1.6-2-2.3c-0.9-0.8-2-1.4-3.1-1.8c-0.2-0.1-0.3,0-0.4,0.2c-0.4,0.8-1.1,1.3-2,1.5
          c-0.1,0-0.1,0-0.2,0.1c2.9,0.1,5.5,0.7,7.8,2.5C21,21.8,20.9,21.8,20.9,21.7z"
          />
          <path
            fill="#EF4D53"
            className="st2"
            d="M13.3,22.2c-0.2,0-1.1,0-1.4,0c-0.2,0-0.3,0.1-0.4,0.3c-0.1,0.2,0,0.3,0.1,0.4c0.2,0.2,0.5,0.4,0.7,0.6
          c0.2,0.1,0.3,0.1,0.5,0c0.2-0.2,0.4-0.4,0.7-0.6c0.1-0.1,0.2-0.3,0.1-0.4C13.6,22.3,13.5,22.2,13.3,22.2z"
          />
        </g>
        <path
          fill="#3A6EB5"
          className="st3"
          d="M13.9,24.2c0.4-0.3,0.9-0.6,1.3-0.9c0.3-0.2,0.5-0.3,0.8-0.5c0.3-0.2,0.3-0.4,0.1-0.7
        c-0.2-0.2-0.4-0.4-0.6-0.7c-0.1-0.2-0.3-0.2-0.5-0.2c-1.3,0-2.6,0-3.9,0c-0.3,0-0.5,0-0.8,0c-0.2,0-0.4,0-0.5,0.2
        c-0.2,0.2-0.4,0.5-0.6,0.7c-0.2,0.2-0.2,0.5,0.1,0.6c0.7,0.5,1.4,1,2.1,1.4c0,0,0.1,0,0.1,0.1c-0.1,0.1-0.1,0-0.2,0
        c-2.5,0-5.1,0-7.6,0c-0.3,0-0.3,0-0.1-0.2c0.5-1,1.2-1.6,2.1-2.2c1.2-0.8,2.6-1.2,4-1.5c1-0.2,2.1-0.3,3.1-0.2
        c2.2,0.1,4.3,0.4,6.2,1.4c0.9,0.5,1.7,1.1,2.3,1.9c0.1,0.2,0.3,0.4,0.4,0.6c0.1,0.1,0,0.2-0.1,0.2c-0.5,0-1,0-1.5,0c-2,0-4,0-5.9,0
        C14,24.2,14,24.2,13.9,24.2C13.9,24.2,13.9,24.2,13.9,24.2z"
        />
        <g>
          <path
            fill="#FBC6A6"
            className="st4"
            d="M17.1,6.8c-0.4-0.4-0.7-0.8-1.1-1.2c-0.1-0.1-0.2-0.1-0.3-0.1c-0.6,0-1.1,0-1.7,0c-0.4,0-0.5,0.1-0.5,0.5
          c0.1,0.4,0,0.7-0.2,0.9c-0.2,0.3-0.5,0.5-0.8,0.7c-0.2,0.1-0.3,0.1-0.5,0c-0.2-0.1-0.2-0.3-0.1-0.5c0.1-0.2,0-0.4-0.1-0.6
          c-0.2-0.3-0.3-0.6-0.3-0.9c0-0.2-0.1-0.2-0.2-0.2c-0.6,0-1.2,0-1.9,0C9.1,5.5,9,5.5,9,5.6C8.6,5.9,8.3,6.2,8,6.5
          C7.9,6.6,7.8,6.7,7.8,6.8c0,0.7,0,1.3,0,2.1c0,0.6-0.1,1.4,0,2.2c0.1,1,0.5,2,1.3,2.8c1.4,1.4,4,1.8,5.8,0.7
          c1.5-0.9,2.1-2.3,2.2-4c0-1.2,0-2.3,0-3.5C17.2,7,17.2,6.9,17.1,6.8z"
          />
          <path
            fill="#FBC6A6"
            className="st4"
            d="M10.2,15.5c0,0.4,0,0.7,0,1.1c0.1,1,0.9,1.8,1.9,2c1.1,0.2,2.1-0.3,2.5-1.2c0.3-0.6,0.2-1.2,0.2-1.8
          C13.3,16.2,11.8,16.2,10.2,15.5z"
          />
          <path
            fill="#FBC6A6"
            className="st4"
            d="M18.2,7.9C18,7.9,18,7.9,18,8.1c0,0.3,0,0.6,0,0.8c0,0.3,0,0.6,0,0.9c0,0.2,0.1,0.2,0.2,0.1
          c0.4-0.2,0.5-0.5,0.5-0.9C18.7,8.5,18.6,8.2,18.2,7.9z"
          />
          <path
            fill="#FBC6A6"
            className="st4"
            d="M6.3,8.9c0,0.5,0.3,0.9,0.7,1c0-0.7,0-1.4,0-2C6.5,8,6.3,8.4,6.3,8.9z"
          />
        </g>
      </g>
    </svg>
  );
}
function Logo ( { fill } ) { return ( < svg version = "1.1" baseProfile = "basic" x = "0px" y = "0px" height = "35px" viewBox = "0 0 25 25" > < g id = "Isolation_Mode" > < path fill = "#3A3749" className = "st0" d = "M18.8,0.1c1.1,0,1,0,0.9,0.5c0,1,0,2.1,0,3.1c0,0.3-0.1,0.7-0.2,1c-0.2,0.5-0.6,0.8-1.1,0.8
        c-0.2,0-0.2,0.1-0.2,0.2c0,0.4,0,0.8,0,1.2c0,0.1,0,0.2,0.2,0.2c0.8,0.3,1.4,1,1.4,1.8c0,0.8-0.5,1.5-1.4,1.8
        c-0.1,0-0.2,0.1-0.2,0.2c-0.1,1.3-0.6,2.4-1.4,3.4c-0.2,0.2-0.5,0.5-0.7,0.7c-0.1,0.1-0.2,0.2-0.2,0.3c0,0.5,0,0.9,0,1.4
        c0,0.1,0,0.1,0.1,0.2c2,0.6,3.6,1.8,4.9,3.4c1,1.2,1.7,2.5,1.9,4c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.6-0.5,0.6c-1.5,0-3,0-4.5,0
        c-4.9,0-9.8,0-14.7,0c-0.6,0-0.7-0.2-0.6-0.7c0.2-1.6,0.9-3,1.9-4.3c1.3-1.5,2.9-2.6,4.8-3.2c0.2-0.1,0.2-0.1,0.2-0.3
        c0-0.4,0-0.9,0-1.3c0-0.1,0-0.2-0.1-0.2c-1.4-1-2.1-2.4-2.2-4.1c0-0.1,0-0.2-0.2-0.2c-0.8-0.3-1.4-1-1.4-1.8c0-0.8,0.6-1.5,1.4-1.8
        c0.1,0,0.2-0.1,0.2-0.2c0-0.4,0-0.7,0-1.1c0-0.2,0-0.2-0.2-0.2c-0.4,0-0.5-0.1-0.5-0.5c0-0.4,0-0.7,0-1.1c0-0.8,0.8-1.5,1.5-1.5
        c0.2,0,0.5,0.1,0.7,0C9,2.3,8.9,2,9,1.8c0.3-1,1-1.5,2-1.6C11,0.1,16,0.1,18.8,0.1z" / > < path fill = "#FFD300" className = "st1" d = "M14.6,21.9c0.3,0,0.4,0.2,0.6,0.4c0.1,0.1,0,0.1-0.1,0.1c-0.8,0.5-1.5,1-2.3,1.6c-0.1,0.1-0.1,0.1-0.2,0
        c-0.8-0.6-1.6-1.1-2.5-1.6c-0.1-0.1-0.1-0.1,0-0.2c0.1-0.2,0.3-0.3,0.5-0.2C11.2,21.9,13.9,21.9,14.6,21.9z" / > < g > < path fill = "#EF4D53" className = "st2" d = "M10.3,18.5c-0.2-0.2-0.4-0.5-0.5-0.7c-0.1-0.2-0.2-0.2-0.4-0.1C7.6,18.1,6.2,19,5,20.4
          c-0.4,0.5-0.8,1.1-1.1,1.7c2.3-2,4.9-2.6,7.8-2.8C11.1,19.2,10.6,18.9,10.3,18.5z" / > < path fill = "#EF4D53" className = "st2" d = "M20.9,21.7c-0.5-0.9-1.2-1.6-2-2.3c-0.9-0.8-2-1.4-3.1-1.8c-0.2-0.1-0.3,0-0.4,0.2c-0.4,0.8-1.1,1.3-2,1.5
          c-0.1,0-0.1,0-0.2,0.1c2.9,0.1,5.5,0.7,7.8,2.5C21,21.8,20.9,21.8,20.9,21.7z" / > < path fill = "#EF4D53" className = "st2" d = "M13.3,22.2c-0.2,0-1.1,0-1.4,0c-0.2,0-0.3,0.1-0.4,0.3c-0.1,0.2,0,0.3,0.1,0.4c0.2,0.2,0.5,0.4,0.7,0.6
          c0.2,0.1,0.3,0.1,0.5,0c0.2-0.2,0.4-0.4,0.7-0.6c0.1-0.1,0.2-0.3,0.1-0.4C13.6,22.3,13.5,22.2,13.3,22.2z" / > < / g > < path fill = "#3A6EB5" className = "st3" d = "M13.9,24.2c0.4-0.3,0.9-0.6,1.3-0.9c0.3-0.2,0.5-0.3,0.8-0.5c0.3-0.2,0.3-0.4,0.1-0.7
        c-0.2-0.2-0.4-0.4-0.6-0.7c-0.1-0.2-0.3-0.2-0.5-0.2c-1.3,0-2.6,0-3.9,0c-0.3,0-0.5,0-0.8,0c-0.2,0-0.4,0-0.5,0.2
        c-0.2,0.2-0.4,0.5-0.6,0.7c-0.2,0.2-0.2,0.5,0.1,0.6c0.7,0.5,1.4,1,2.1,1.4c0,0,0.1,0,0.1,0.1c-0.1,0.1-0.1,0-0.2,0
        c-2.5,0-5.1,0-7.6,0c-0.3,0-0.3,0-0.1-0.2c0.5-1,1.2-1.6,2.1-2.2c1.2-0.8,2.6-1.2,4-1.5c1-0.2,2.1-0.3,3.1-0.2
        c2.2,0.1,4.3,0.4,6.2,1.4c0.9,0.5,1.7,1.1,2.3,1.9c0.1,0.2,0.3,0.4,0.4,0.6c0.1,0.1,0,0.2-0.1,0.2c-0.5,0-1,0-1.5,0c-2,0-4,0-5.9,0
        C14,24.2,14,24.2,13.9,24.2C13.9,24.2,13.9,24.2,13.9,24.2z" / > < g > < path fill = "#FBC6A6" className = "st4" d = "M17.1,6.8c-0.4-0.4-0.7-0.8-1.1-1.2c-0.1-0.1-0.2-0.1-0.3-0.1c-0.6,0-1.1,0-1.7,0c-0.4,0-0.5,0.1-0.5,0.5
          c0.1,0.4,0,0.7-0.2,0.9c-0.2,0.3-0.5,0.5-0.8,0.7c-0.2,0.1-0.3,0.1-0.5,0c-0.2-0.1-0.2-0.3-0.1-0.5c0.1-0.2,0-0.4-0.1-0.6
          c-0.2-0.3-0.3-0.6-0.3-0.9c0-0.2-0.1-0.2-0.2-0.2c-0.6,0-1.2,0-1.9,0C9.1,5.5,9,5.5,9,5.6C8.6,5.9,8.3,6.2,8,6.5
          C7.9,6.6,7.8,6.7,7.8,6.8c0,0.7,0,1.3,0,2.1c0,0.6-0.1,1.4,0,2.2c0.1,1,0.5,2,1.3,2.8c1.4,1.4,4,1.8,5.8,0.7
          c1.5-0.9,2.1-2.3,2.2-4c0-1.2,0-2.3,0-3.5C17.2,7,17.2,6.9,17.1,6.8z" / > < path fill = "#FBC6A6" className = "st4" d = "M10.2,15.5c0,0.4,0,0.7,0,1.1c0.1,1,0.9,1.8,1.9,2c1.1,0.2,2.1-0.3,2.5-1.2c0.3-0.6,0.2-1.2,0.2-1.8
          C13.3,16.2,11.8,16.2,10.2,15.5z" / > < path fill = "#FBC6A6" className = "st4" d = "M18.2,7.9C18,7.9,18,7.9,18,8.1c0,0.3,0,0.6,0,0.8c0,0.3,0,0.6,0,0.9c0,0.2,0.1,0.2,0.2,0.1
          c0.4-0.2,0.5-0.5,0.5-0.9C18.7,8.5,18.6,8.2,18.2,7.9z" / > < path fill = "#FBC6A6" className = "st4" d = "M6.3,8.9c0,0.5,0.3,0.9,0.7,1c0-0.7,0-1.4,0-2C6.5,8,6.3,8.4,6.3,8.9z" / > < / g > < / g > < / svg > ) ; }
Paste in your SVG logo and return it from this component.
Paste in your SVG logo and return it from this component .