link

PreviousNext
Docs
svglcomponent

Preview

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

const Link = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 200 200" fill="none">
    <g clipPath="url(#clip0_3_23)">
      <path
        d="M100 200C155.229 200 200 155.229 200 100C200 44.7715 155.229 0 100 0C44.7715 0 0 44.7715 0 100C0 155.229 44.7715 200 100 200Z"
        fill="#375BD2"
      />
      <path
        d="M100 25L35.0475 62.5V137.5L100 175L164.952 137.5V62.5L100 25ZM137.427 121.61L100 143.217L62.5725 121.61V78.39L100 56.7825L137.427 78.39V121.61Z"
        fill="white"
      />
    </g>
    <defs>
      <clipPath id="clip0_3_23">
        <rect width="200" height="200" fill="white" />
      </clipPath>
    </defs>
  </svg>
);

export { Link };

Installation

npx shadcn@latest add @svgl/link

Usage

import { Link } from "@/components/link"
<Link />