svg

PreviousNext
Docs
svglcomponent

Preview

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

const Svg = (props: SVGProps<SVGSVGElement>) => (
  <svg
    {...props}
    xmlnsXlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 300 300"
  >
    <g stroke="#000" strokeWidth="38.009">
      <g id="svgstar" transform="translate(150 150)">
        <path
          id="svgbar"
          fill="#ffb13b"
          d="M-84.149-15.851a22.417 22.417 0 1 0 0 31.702H84.15a22.417 22.417 0 1 0 0-31.702Z"
        />
        <use xlink:href="#svgbar" transform="rotate(45)" />
        <use xlink:href="#svgbar" transform="rotate(90)" />
        <use xlink:href="#svgbar" transform="rotate(135)" />
      </g>
    </g>
    <use xlink:href="#svgstar" />
  </svg>
);

export { Svg };

Installation

npx shadcn@latest add @svgl/svg

Usage

import { Svg } from "@/components/svg"
<Svg />