formance

PreviousNext
Docs
svglcomponent

Preview

Loading preview…
././static/components-generated/formanceLight.tsx
import type { SVGProps } from "react";

const FormanceLight = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 40 40" fill="none">
    <g clipPath="url(#clip0_2272_2527)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17.7987 29.4147L14.2387 39.0947C15.5813 39.5627 16.9547 39.8747 18.36 40V34.848H21.6387V40C23.044 39.8747 24.4493 39.5627 25.8227 39.0947L22.2627 29.4147C21.5133 27.3533 18.5787 27.3533 17.7973 29.4147H17.7987Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M25.1053 28.228L29.4453 37.596C30.7253 36.972 31.944 36.2227 33.0053 35.316L29.352 31.6627L31.6933 29.3213L35.3467 32.9747C36.252 31.8813 37.0333 30.664 37.6573 29.384L28.2893 25.044C26.2907 24.1067 24.2307 26.2 25.136 28.1973L25.1053 28.228Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M29.4147 22.232L39.0947 25.792C39.5627 24.4493 39.8747 23.076 40 21.6707H34.848V18.392H40C39.8747 16.9867 39.5627 15.5813 39.0947 14.208L29.4147 17.768C27.3533 18.5173 27.3533 21.452 29.4147 22.2333V22.232Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M28.228 14.9253L37.596 10.5853C36.972 9.30532 36.2227 8.08666 35.316 7.02532L31.6627 10.6787L29.3213 8.33732L32.9747 4.68399C31.8813 3.77866 30.664 2.99732 29.384 2.37332L25.044 11.7413C24.1067 13.74 26.2 15.8 28.1973 14.8947L28.228 14.9253Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M22.232 10.6173L25.792 0.937333C24.4493 0.469333 23.076 0.157333 21.6707 0.032V5.184H18.392V0C16.9867 0.125333 15.5813 0.437333 14.208 0.937333L17.768 10.6173C18.5173 12.6787 21.452 12.6787 22.2333 10.6173H22.232Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M14.9254 11.8027L10.5854 2.436C9.30535 3.06 8.08669 3.80934 7.02535 4.716L10.6787 8.36934L8.33735 10.7107L4.68402 7.05734C3.77869 8.15067 2.99735 9.368 2.37335 10.648L11.7414 14.988C13.74 15.9253 15.8 13.832 14.8947 11.8347L14.9254 11.804V11.8027Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.6173 17.7987L0.937333 14.208C0.437333 15.5507 0.125333 16.956 0 18.3613H5.152V21.64H0C0.125333 23.0453 0.437333 24.4507 0.937333 25.824L10.6173 22.264C12.6787 21.5147 12.6787 18.58 10.6173 17.7987Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M11.8027 25.1053L2.43466 29.4453C3.05866 30.7253 3.808 31.944 4.71466 33.0053L8.36799 29.352L10.7093 31.6933L7.05599 35.3466C8.14933 36.252 9.36666 37.0333 10.6467 37.6573L14.9867 28.2893C15.924 26.2906 13.8307 24.2306 11.8333 25.136L11.8027 25.1053Z"
        fill="#02353C"
        style={{
          fill: "color(display-p3 .0078 .2078 .2353)",
          fillOpacity: "1",
        }}
      />
    </g>
    <defs>
      <clipPath id="clip0_2272_2527">
        <rect
          width="40"
          height="40"
          fill="white"
          style={{ fill: "#fff", fillOpacity: "1" }}
        />
      </clipPath>
    </defs>
  </svg>
);

export { FormanceLight };

Installation

npx shadcn@latest add @svgl/formance

Usage

import { Formance } from "@/components/formance"
<Formance />