appwrite

PreviousNext
Docs
svglcomponent

Preview

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

const Appwrite = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} fill="none" viewBox="0 0 90 91">
    <g clipPath="url(#a)">
      <path fill="#19191D" d="M90 .839H0v90h90z" />
      <g opacity=".9">
        <g filter="url(#b)">
          <path
            fill="#FD366E"
            fill-opacity=".8"
            d="M153.6 91.037 5.806-31.793l99.144-29.674L153.6 91.037Z"
          />
        </g>
        <g filter="url(#c)" opacity=".55">
          <path
            fill="#FE9567"
            fill-opacity=".8"
            d="M149.601 66.145 26.704-35.994l82.443-24.675 40.454 126.814Z"
          />
        </g>
        <g filter="url(#d)">
          <path
            fill="#FD366E"
            fill-opacity=".8"
            d="m99.172-30.774 29.725 93.182-78.146-1.212-12.157-73.84 60.578-18.13Z"
          />
        </g>
        <g filter="url(#e)" opacity=".65">
          <path
            fill="#FE9567"
            fill-opacity=".8"
            d="m122.067 25.612-65.743-54.64 44.103-13.2 21.64 67.84Z"
          />
        </g>
        <g filter="url(#f)" style={{ mixBlendMode: "overlay" }}>
          <ellipse
            cx="51.664"
            cy="4.998"
            fill="#EDEDF0"
            fill-opacity=".4"
            rx="51.664"
            ry="4.998"
            transform="scale(1 -1) rotate(-44.222 52.735 -69.976)"
          />
        </g>
        <g filter="url(#g)" style={{ mixBlendMode: "overlay" }}>
          <ellipse
            cx="40.558"
            cy="4.13"
            fill="#EDEDF0"
            fill-opacity=".4"
            rx="40.558"
            ry="4.13"
            transform="scale(1 -1) rotate(-44.222 36.043 -48.606)"
          />
        </g>
      </g>
      <g filter="url(#h)">
        <path
          fill="url(#i)"
          d="M71.92 57.313v12.074H41.658c-8.817 0-16.515-4.856-20.634-12.075a24.282 24.282 0 0 1-3.132-10.442v-3.264a24.114 24.114 0 0 1 .842-4.954c2.827-10.136 12.02-17.563 22.924-17.563s20.095 7.427 22.922 17.563H51.64c-2.124-3.304-5.8-5.489-9.982-5.489-4.182 0-7.859 2.185-9.983 5.489a12.044 12.044 0 0 0-1.479 3.293 12.232 12.232 0 0 0-.448 3.293c0 3.461 1.435 6.58 3.737 8.782a11.775 11.775 0 0 0 8.173 3.292H71.92Z"
        />
        <path
          fill="#FD366E"
          d="M71.92 41.944V54.02H49.83a12.111 12.111 0 0 0 3.738-8.782c0-1.141-.156-2.245-.448-3.293h18.8Z"
        />
      </g>
    </g>
    <defs>
      <filter
        id="b"
        width="310.336"
        height="315.046"
        x="-75.465"
        y="-142.738"
        color-interpolation-filters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur
          result="effect1_foregroundBlur_878_1918"
          stdDeviation="40.636"
        />
      </filter>
      <filter
        id="c"
        width="242.601"
        height="246.518"
        x="-33.148"
        y="-120.521"
        color-interpolation-filters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur
          result="effect1_foregroundBlur_878_1918"
          stdDeviation="29.926"
        />
      </filter>
      <filter
        id="d"
        width="315.887"
        height="318.766"
        x="-74.198"
        y="-143.566"
        color-interpolation-filters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur
          result="effect1_foregroundBlur_878_1918"
          stdDeviation="56.396"
        />
      </filter>
      <filter
        id="e"
        width="163.269"
        height="165.364"
        x="7.561"
        y="-90.99"
        color-interpolation-filters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur
          result="effect1_foregroundBlur_878_1918"
          stdDeviation="24.381"
        />
      </filter>
      <filter
        id="f"
        width="131.272"
        height="129.315"
        x="38.621"
        y="-49.158"
        color-interpolation-filters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur
          result="effect1_foregroundBlur_878_1918"
          stdDeviation="14.222"
        />
      </filter>
      <filter
        id="g"
        width="115.311"
        height="113.776"
        x="18.403"
        y="-42.926"
        color-interpolation-filters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur
          result="effect1_foregroundBlur_878_1918"
          stdDeviation="14.222"
        />
      </filter>
      <filter
        id="h"
        width="65.309"
        height="59.578"
        x="12.252"
        y="15.449"
        color-interpolation-filters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          result="hardAlpha"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="2.82" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" />
        <feBlend
          in2="BackgroundImageFix"
          result="effect1_dropShadow_878_1918"
        />
        <feBlend
          in="SourceGraphic"
          in2="effect1_dropShadow_878_1918"
          result="shape"
        />
      </filter>
      <linearGradient
        id="i"
        x1="30.605"
        x2="102.512"
        y1="21.004"
        y2="98.87"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".36" stop-color="#FD366E" />
        <stop offset="1" stop-color="#FE9567" />
      </linearGradient>
      <clipPath id="a">
        <path fill="#fff" d="M90 .839H0v90h90z" />
      </clipPath>
    </defs>
  </svg>
);

export { Appwrite };

Installation

npx shadcn@latest add @svgl/appwrite

Usage

import { Appwrite } from "@/components/appwrite"
<Appwrite />