apidog

PreviousNext
Docs
svglcomponent

Preview

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

const Apidog = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 256 256" preserveAspectRatio="xMidYMid">
    <defs>
      <linearGradient id="a" x1="0%" x2="99.996%" y1="36.301%" y2="64.611%">
        <stop offset="0%" stop-color="#3BF" />
        <stop offset="100%" stop-color="#73F" />
      </linearGradient>
      <linearGradient
        id="b"
        x1="102.837%"
        x2="-5.655%"
        y1="70.777%"
        y2="28.962%"
      >
        <stop offset="0%" stop-color="#99C2FF" />
        <stop offset="100%" stop-color="#FFF" />
      </linearGradient>
      <linearGradient id="c" x1="49.941%" x2="23.669%" y1="69.215%" y2="32.86%">
        <stop offset="0%" stop-color="#99C2FF" />
        <stop offset="100%" stop-color="#FFF" />
      </linearGradient>
    </defs>
    <path
      fill="url(#a)"
      d="M198.391 180.368 194 175.984l-.816-.752a93.674 93.674 0 0 0-65.318-26.504 93.674 93.674 0 0 0-65.309 26.504l-.568.56-4.327 4.384-9.288 9.264a28.238 28.238 0 0 1-20.08 8.384 28.334 28.334 0 0 1-20.006-8.264A28.187 28.187 0 0 1 0 169.6c0-7.49 2.983-14.672 8.288-19.96l20.007-19.96-19.76-19.656A28.225 28.225 0 0 1 0 89.824a28.206 28.206 0 0 1 8.288-19.96c11.06-11.033 28.962-11.033 40.022 0L62.805 84.32a93.746 93.746 0 0 0 65.317 26.48c24.4 0 47.838-9.504 65.31-26.48a2.96 2.96 0 0 1 .632-.632l8.215-8.256 5.464-5.384a27.974 27.974 0 0 1 19.951-8.256 28.293 28.293 0 0 1 20 8.264 28.185 28.185 0 0 1 6.119 30.864 27.843 27.843 0 0 1-6.296 9.176l-19.823 19.776 19.823 19.776a28.04 28.04 0 0 1 8.472 20.144c0 7.48-2.984 14.656-8.288 19.952-11.038 11.026-28.92 11.026-39.958 0l-9.416-9.376h.064Z"
    />
    <path
      fill="url(#b)"
      d="M178.712 2.136a28.123 28.123 0 0 1 9.184 6.12 28.185 28.185 0 0 1-.064 39.864l-20 19.96-.503.44c-21.958 21.404-56.975 21.404-78.933 0l-.504-.44-20.015-19.96c-10.934-11.033-10.88-28.833.12-39.8C79.011-2.686 96.85-2.715 107.9 8.256l20.015 19.968 19.952-19.968A28.303 28.303 0 0 1 167.88 0a28.24 28.24 0 0 1 10.84 2.136h-.009Z"
    />
    <path
      fill="url(#c)"
      d="M77.117 253.864a28.159 28.159 0 0 1-9.184-6.12 28.185 28.185 0 0 1 .064-39.864l20.015-19.96.504-.44c21.959-21.395 56.966-21.395 78.925 0l.504.44 20.015 19.96c10.932 11.035 10.875 28.835-.128 39.8-11.014 11.006-28.853 11.035-39.902.064l-20.016-19.968-19.95 19.96A28.302 28.302 0 0 1 87.947 256a28.239 28.239 0 0 1-10.831-2.136Z"
    />
  </svg>
);

export { Apidog };

Installation

npx shadcn@latest add @svgl/apidog

Usage

import { Apidog } from "@/components/apidog"
<Apidog />