mocha

PreviousNext
Docs
svglcomponent

Preview

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

const MochaLight = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 1920 1084" fill="none">
    <path
      d="M496.36 933.52V714.848C496.36 561.289 291.434 507.242 214.842 640.703L139.842 771.304C118.857 807.887 71.5077 820.157 35.068 798.026C-0.0838509 776.723 -9.85666 729.978 10.5223 694.373L365.525 76.1461C442.117 -57.2398 647.043 -3.26817 647.043 150.367V369.866C647.043 523.35 851.893 577.397 928.56 444.162L1140.46 75.6945C1217.12 -57.6162 1421.97 -3.56924 1421.97 149.99V371.071C1421.97 524.555 1626.67 578.602 1703.42 445.442L1780.23 312.131C1801.29 275.623 1848.64 263.353 1885.01 285.559C1920.16 307.012 1929.86 353.682 1909.4 389.287L1552.73 1008.42C1475.99 1141.58 1271.29 1087.53 1271.29 934.047V713.719C1271.29 560.235 1066.44 506.188 989.773 639.423L777.877 1007.89C701.21 1141.2 496.36 1087.15 496.36 933.595V933.52Z"
      fill="#0D0D0D"
    />
  </svg>
);

export { MochaLight };

Installation

npx shadcn@latest add @svgl/mocha

Usage

import { Mocha } from "@/components/mocha"
<Mocha />