buildship

PreviousNext
Docs
svglcomponent

Preview

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

const Buildship = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 44 44" fill="none">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M18 12C18 8.13401 21.134 5 25 5C28.866 5 32 8.13401 32 12C32 15.866 28.866 19 25 19V15C26.6569 15 28 13.6569 28 12C28 10.3431 26.6569 9 25 9C23.3431 9 22 10.3431 22 12H18Z"
      fill="url(#paint0_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M32 12C32 15.866 28.866 19 25 19H22V15H25C26.6569 15 28 13.6569 28 12H32Z"
      fill="url(#paint1_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M25 5C28.866 5 32 8.13401 32 12H28C28 10.3431 26.6569 9 25 9V5Z"
      fill="url(#paint2_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M25 9C23.3431 9 22 10.3431 22 12H18C18 8.13401 21.134 5 25 5V9Z"
      fill="url(#paint3_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M8 22C8 18.134 11.134 15 15 15H18V19H15C13.3431 19 12 20.3431 12 22H8Z"
      fill="url(#paint4_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M18 32C18 35.866 21.134 39 25 39C28.866 39 32 35.866 32 32H28C28 33.6569 26.6569 35 25 35C23.3431 35 22 33.6569 22 32H18Z"
      fill="url(#paint5_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22 12L22 32L18 32L18 12L22 12Z"
      fill="url(#paint6_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M32 32C32 28.134 28.866 25 25 25H20V29H25C26.6569 29 28 30.3431 28 32H32Z"
      fill="url(#paint7_linear_1898_1050)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M8 22C8 25.866 11.134 29 15 29H20V25H15C13.3431 25 12 23.6569 12 22H8Z"
      fill="url(#paint8_linear_1898_1050)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_1898_1050"
        x1="21.1111"
        y1="15.8889"
        x2="29.4444"
        y2="9.22222"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#4200FF" />
        <stop offset="0.5" stop-color="#00AAFF" />
        <stop offset="1" stop-color="#00FFAA" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_1898_1050"
        x1="30"
        y1="12"
        x2="22"
        y2="18"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#FD3DF6" />
        <stop offset="1" stop-color="#D478EF" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_1898_1050"
        x1="25"
        y1="7"
        x2="30.5"
        y2="12"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#FF69F9" />
        <stop offset="1" stop-color="#FD3DF6" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_1898_1050"
        x1="22"
        y1="12"
        x2="25"
        y2="9"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#8C6CF3" />
        <stop offset="1" stop-color="#FF69F9" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_1898_1050"
        x1="10"
        y1="22"
        x2="18"
        y2="17"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#00D1AC" />
        <stop offset="1" stop-color="#7696D9" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_1898_1050"
        x1="20"
        y1="32"
        x2="30.5"
        y2="32"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#1B71EA" />
        <stop offset="1" stop-color="#2C91ED" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_1898_1050"
        x1="22"
        y1="32"
        x2="22"
        y2="11.7755"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#1B71EA" />
        <stop offset="1" stop-color="#8C6CF3" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_1898_1050"
        x1="23.5"
        y1="26"
        x2="28"
        y2="32"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#00D1AC" />
        <stop offset="1" stop-color="#2C91ED" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_1898_1050"
        x1="10"
        y1="22"
        x2="20"
        y2="27"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#00D1AC" />
        <stop offset="1" stop-color="#00D1AC" />
      </linearGradient>
    </defs>
  </svg>
);

export { Buildship };

Installation

npx shadcn@latest add @svgl/buildship

Usage

import { Buildship } from "@/components/buildship"
<Buildship />