powersync

PreviousNext
Docs
svglcomponent

Preview

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

const Powersync = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} fill="none" viewBox="0 0 70 48">
    <path
      fill="url(#a)"
      d="m68.3875 25.6594-8.1758-13.7965c-1.0071-1.6996-2.8677-2.7462-4.8819-2.7462h-8.424c-.7233 0-1.1756.76287-.8139 1.3734l1.8284 3.0862c.3361.5661.9561.9152 1.6271.9152h3.6816c1.3426 0 2.5832.6981 3.2548 1.831l6.0757 10.2527c.6716 1.1329.6716 2.5285 0 3.6614l-6.0757 10.2527c-.6709 1.1329-1.9122 1.8311-3.2548 1.8311H41.0777c-1.3426 0-2.5832-.6982-3.2548-1.8311L24.6813 18.313c-.3617-.6105.0906-1.3728.8139-1.3728h3.6809c.7233 0 1.1755-.7628.8139-1.3727l-1.8284-3.0862c-.3362-.5661-.9561-.9152-1.6278-.9152h-7.951c-.6716 0-1.2916.3491-1.6277.9152l-3.9755 6.709c-.3355.5661-.3355 1.2643 0 1.831l1.8284 3.0862c.3616.6099 1.2654.6099 1.6277 0l1.8405-3.1058c.3617-.6099 1.2655-.6099 1.6271 0L34.095 44.9502c1.0071 1.6997 2.8677 2.7462 4.8826 2.7462h16.3515c2.0142 0 3.8748-1.0472 4.8826-2.7462l8.1758-13.7964c1.0071-1.6997 1.0071-3.7935 0-5.4925v-.0019Z"
    />
    <path
      fill="url(#b)"
      d="M21.7933 34.935c-.3355-.5667-.9561-.9152-1.6271-.9152h-3.6816c-1.3426 0-2.5832-.6981-3.2549-1.831L7.15412 21.9361c-.67164-1.1329-.67164-2.5286 0-3.6614L13.2297 8.02196c.6717-1.13287 1.9123-1.83103 3.2549-1.83103h12.1519c1.3426 0 2.5832.69816 3.2549 1.83103L45.033 30.1983c.3616.6105-.0906 1.3727-.8139 1.3727h-3.6809c-.7233 0-1.1756.7629-.8139 1.3728l1.8284 3.0862c.3354.5667.9561.9152 1.6271.9152h7.9509c.6717 0 1.2917-.3491 1.6271-.9152l3.9755-6.709c.3362-.5661.3362-1.2643 0-1.831l-1.8284-3.0862c-.3616-.6099-1.2654-.6099-1.6271 0l-1.8404 3.1064c-.3617.6099-1.2655.6099-1.6278 0L35.6179 3.56238C34.6108 1.8634 32.7502.816162 30.736.816162H14.3845c-2.0143 0-3.8749 1.047238-4.88199 2.746218L1.32675 17.3588c-1.00712 1.699-1.00712 3.7928 0 5.4925l8.17576 13.7964c1.00709 1.6997 2.86839 2.7462 4.88259 2.7462h8.4241c.7233 0 1.1748-.7628.8138-1.3727l-1.829-3.0862h-.0007Z"
    />
    <defs>
      <linearGradient
        id="a"
        x1="17.4274"
        x2="63.6811"
        y1="11.6845"
        y2="39.0946"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#0055FF" />
        <stop offset="1" stop-color="#00D5FF" />
      </linearGradient>
      <linearGradient
        id="b"
        x1="52.2868"
        x2="6.03308"
        y1="36.8262"
        y2="9.41672"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#0055FF" />
        <stop offset="1" stop-color="#AA00FF" />
      </linearGradient>
    </defs>
  </svg>
);

export { Powersync };

Installation

npx shadcn@latest add @svgl/powersync

Usage

import { Powersync } from "@/components/powersync"
<Powersync />