jetbrains-fleet

PreviousNext
Docs
svglcomponent

Preview

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

const Fleet = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} fill="none" viewBox="0 0 70 70">
    <defs>
      <radialGradient
        id="a"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(22.35433 -20.58122 27.17129 29.51214 38.648 42.538)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".771" stop-color="#001AFF" />
        <stop offset="1" stop-color="#8ACEFF" />
      </radialGradient>
      <radialGradient
        id="b"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(-30.543 79.837 -70.068) scale(16.777 22.1489)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".719" stop-color="#FA00FF" stop-opacity="0" />
        <stop offset="1" stop-color="#FF00D6" stop-opacity=".44" />
      </radialGradient>
      <radialGradient
        id="c"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(49.385 -19.814 41.858) scale(47.8852)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".026" stop-color="#8DFDFD" />
        <stop offset=".271" stop-color="#87FBFB" />
        <stop offset=".484" stop-color="#74D6F4" />
        <stop offset=".932" stop-color="#0038FF" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(137.237 9.434 23.195) scale(32.8316)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".267" stop-color="#0500FF" stop-opacity="0" />
        <stop offset="1" stop-color="#0500FF" stop-opacity=".15" />
      </radialGradient>
      <radialGradient
        id="e"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(75.198 -4.629 32.631) scale(51.1484)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".42" stop-color="#FF00E5" stop-opacity="0" />
        <stop offset=".774" stop-color="#FF00F5" stop-opacity=".64" />
        <stop offset=".899" stop-color="#BE46FF" stop-opacity=".87" />
      </radialGradient>
      <radialGradient
        id="g"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(2.73484 22.75837 -34.39872 4.13365 29.458 35.276)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#00B2FF" />
        <stop offset=".571" stop-color="#74C5FF" />
        <stop offset=".979" stop-color="#9FD7FF" />
      </radialGradient>
      <linearGradient
        id="f"
        x1="11.644"
        x2="82.363"
        y1="42.432"
        y2="43.401"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".432" stop-color="#FE62EE" stop-opacity="0" />
        <stop offset=".818" stop-color="#FD3AF5" stop-opacity=".47" />
      </linearGradient>
      <linearGradient
        id="h"
        x1="33.054"
        x2="37.35"
        y1="23.191"
        y2="49.344"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".042" stop-color="#0038FF" />
        <stop offset=".724" stop-color="#48BFF1" stop-opacity=".59" />
        <stop offset="1" stop-color="#74C5FF" stop-opacity="0" />
      </linearGradient>
    </defs>
    <path
      fill="url(#a)"
      d="M65.153 30.85c0 9.496-10.163 17.194-22.7 17.194-12.536 0-22.699-7.698-22.699-17.194 0-9.496 10.163-17.194 22.7-17.194 12.536 0 22.699 7.698 22.699 17.194z"
    />
    <path
      fill="url(#b)"
      d="M65.153 30.85c0 9.496-10.163 17.194-22.7 17.194-12.536 0-22.699-7.698-22.699-17.194 0-9.496 10.163-17.194 22.7-17.194 12.536 0 22.699 7.698 22.699 17.194z"
    />
    <path
      fill="url(#c)"
      d="M66 35c0 17.12-13.88 31-31 31C17.88 66 4 52.12 4 35 4 17.88 17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429 3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35z"
    />
    <path
      fill="url(#d)"
      d="M66 35c0 17.12-13.88 31-31 31C17.88 66 4 52.12 4 35 4 17.88 17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429 3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35z"
    />
    <path
      fill="url(#e)"
      d="M66 35c0 17.12-13.88 31-31 31C17.88 66 4 52.12 4 35 4 17.88 17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429 3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35z"
    />
    <path
      fill="url(#f)"
      d="M66 35c0 17.12-13.88 31-31 31C17.88 66 4 52.12 4 35 4 17.88 17.88 4 35 4c8.046 3.642 16.464 17.194 19.99 21.429 3.524 4.235 12.648 9.571 8.176-1.623C65.073 26.832 66 31.852 66 35z"
    />
    <path
      fill="url(#g)"
      d="M56.651 39.682c1.658 7.764-6.511 16.089-18.246 18.594-11.734 2.505-22.59-1.757-24.248-9.52-1.658-7.764 6.511-16.089 18.246-18.594 11.734-2.506 22.59 1.757 24.248 9.52z"
    />
    <path
      fill="url(#h)"
      d="M56.651 39.682c1.658 7.764-6.511 16.089-18.246 18.594-11.734 2.505-22.59-1.757-24.248-9.52-1.658-7.764 6.511-16.089 18.246-18.594 11.734-2.506 22.59 1.757 24.248 9.52z"
    />
    <path
      fill="#D6F8F8"
      fill-opacity=".19"
      fillRule="evenodd"
      d="M51.462 49.883c3.074-3.133 4.386-6.66 3.698-9.882-.688-3.223-3.326-5.907-7.411-7.51-4.073-1.6-9.412-2.037-15.028-.838-5.616 1.199-10.31 3.779-13.375 6.901-3.074 3.133-4.386 6.66-3.698 9.883.688 3.223 3.326 5.906 7.412 7.51 4.072 1.6 9.41 2.037 15.027.838 5.616-1.2 10.31-3.779 13.375-6.902zm-13.057 8.393c11.735-2.505 19.904-10.83 18.246-18.594-1.658-7.763-12.514-12.026-24.248-9.52-11.735 2.505-19.904 10.83-18.246 18.593 1.658 7.764 12.514 12.026 24.248 9.521z"
      clipRule="evenodd"
    />
  </svg>
);

export { Fleet };

Installation

npx shadcn@latest add @svgl/jetbrains-fleet

Usage

import { JetbrainsFleet } from "@/components/jetbrains-fleet"
<JetbrainsFleet />