svgl

PreviousNext
Docs
svglcomponent

Preview

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

const Svgl = (props: SVGProps<SVGSVGElement>) => (
  <svg
    {...props}
    viewBox="0 0 512 512"
    fill="none"
    xmlnsXlink="http://www.w3.org/1999/xlink"
  >
    <rect
      id="«r3b»"
      width="512"
      height="512"
      x="0"
      y="0"
      rx="128"
      fill="url(#«r3c»)"
      stroke="#FFFFFF"
      strokeWidth="0"
      stroke-opacity="100%"
      paint-order="stroke"
    />
    <defs>
      <radialGradient
        id="«r3c»"
        cx="50%"
        cy="50%"
        r="100%"
        fx="50%"
        fy="0%"
        gradientUnits="objectBoundingBox"
      >
        <stop stop-color="#232323" />
        <stop offset="1" stop-color="#000000" />
      </radialGradient>
    </defs>
    <svg
      fill="#fffafa"
      viewBox="0 0 256 256"
      x="76"
      y="76"
      alignment-baseline="middle"
      style={{ color: "#e6e6e6" }}
    >
      <path d="M168,36H88A52.06,52.06,0,0,0,36,88v80a52.06,52.06,0,0,0,52,52h48a3.83,3.83,0,0,0,1.26-.21c25.46-8.48,74.05-57.07,82.53-82.53A3.83,3.83,0,0,0,220,136V88A52.06,52.06,0,0,0,168,36ZM44,168V88A44.05,44.05,0,0,1,88,44h80a44.05,44.05,0,0,1,44,44v44H184a52.06,52.06,0,0,0-52,52v28H88A44.05,44.05,0,0,1,44,168Zm96,42V184a44.05,44.05,0,0,1,44-44h26C198.9,162.23,162.23,198.9,140,210Z" />
    </svg>
  </svg>
);

export { Svgl };

Installation

npx shadcn@latest add @svgl/svgl

Usage

import { Svgl } from "@/components/svgl"
<Svgl />