scala

PreviousNext
Docs
svglcomponent

Preview

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

const Scala = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} preserveAspectRatio="xMidYMid" viewBox="0 0 256 416">
    <defs>
      <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="a">
        <stop stop-color="#4F4F4F" offset="0%" />
        <stop offset="100%" />
      </linearGradient>
      <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="b">
        <stop stop-color="#C40000" offset="0%" />
        <stop stop-color="red" offset="100%" />
      </linearGradient>
    </defs>
    <path
      d="M0 288v-32c0-5 116-14 192-32 37 8 64 19 64 32v32c0 13-27 24-64 32-76-18-192-27-192-32"
      fill="url(#a)"
      transform="matrix(1 0 0 -1 0 544)"
    />
    <path
      d="M0 160v-32c0-5 116-14 192-32 37 8 64 19 64 32v32c0 13-27 24-64 32-76-18-192-27-192-32"
      fill="url(#a)"
      transform="matrix(1 0 0 -1 0 288)"
    />
    <path
      d="M0 224v-96c0 8 256 24 256 64v96c0-40-256-56-256-64"
      fill="url(#b)"
      transform="matrix(1 0 0 -1 0 416)"
    />
    <path
      d="M0 96V0c0 8 256 24 256 64v96c0-40-256-56-256-64"
      fill="url(#b)"
      transform="matrix(1 0 0 -1 0 160)"
    />
    <path
      d="M0 352v-96c0 8 256 24 256 64v96c0-40-256-56-256-64"
      fill="url(#b)"
      transform="matrix(1 0 0 -1 0 672)"
    />
  </svg>
);

export { Scala };

Installation

npx shadcn@latest add @svgl/scala

Usage

import { Scala } from "@/components/scala"
<Scala />