hcaptcha

PreviousNext
Docs
svglcomponent

Preview

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

const Hcaptcha = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 256 256" preserveAspectRatio="xMidYMid">
    <defs>
      <linearGradient
        id="a"
        x1="49.979%"
        x2="49.979%"
        y1="-702.201%"
        y2="97.969%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient id="b" x1="50%" x2="50%" y1="-602.243%" y2="197.926%">
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="c"
        x1="49.979%"
        x2="49.979%"
        y1="-602.243%"
        y2="197.926%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="d"
        x1="50.021%"
        x2="50.021%"
        y1="-502.498%"
        y2="298.01%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient id="e" x1="50%" x2="50%" y1="-502.498%" y2="298.01%">
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="f"
        x1="49.979%"
        x2="49.979%"
        y1="-502.498%"
        y2="298.01%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="g"
        x1="50.021%"
        x2="50.021%"
        y1="-402.285%"
        y2="397.884%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient id="h" x1="50%" x2="50%" y1="-402.285%" y2="397.884%">
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="i"
        x1="49.979%"
        x2="49.979%"
        y1="-402.285%"
        y2="397.884%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="j"
        x1="50.021%"
        x2="50.021%"
        y1="-302.328%"
        y2="497.842%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient id="k" x1="50%" x2="50%" y1="-302.328%" y2="497.842%">
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="l"
        x1="49.979%"
        x2="49.979%"
        y1="-302.328%"
        y2="497.842%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="m"
        x1="50.021%"
        x2="50.021%"
        y1="-202.328%"
        y2="597.842%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient id="n" x1="50%" x2="50%" y1="-202.328%" y2="597.842%">
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="o"
        x1="49.979%"
        x2="49.979%"
        y1="-202.328%"
        y2="597.842%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient id="p" x1="50%" x2="50%" y1="-102.37%" y2="697.799%">
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="q"
        x1="49.979%"
        x2="49.979%"
        y1="-102.37%"
        y2="697.799%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
      <linearGradient
        id="r"
        x1="49.979%"
        x2="49.979%"
        y1="-2.37%"
        y2="797.799%"
      >
        <stop offset="0%" stop-color="#00D4BF" />
        <stop offset="100%" stop-color="#0074BF" />
      </linearGradient>
    </defs>
    <path
      fill="url(#a)"
      d="M160.007 223.993h32.007V256h-32.007z"
      opacity=".5"
    />
    <path fill="url(#a)" d="M128 223.993h32.007V256H128z" opacity=".7" />
    <path fill="url(#a)" d="M96.007 223.993h32.007V256H96.007z" opacity=".7" />
    <path fill="url(#a)" d="M64 223.993h32.007V256H64z" opacity=".5" />
    <path fill="url(#b)" d="M192 192h31.993v32.007H192z" opacity=".7" />
    <path fill="url(#c)" d="M160.007 192h32.007v32.007h-32.007z" opacity=".8" />
    <path fill="url(#c)" d="M128 192h32.007v32.007H128z" />
    <path fill="url(#c)" d="M96.007 192h32.007v32.007H96.007z" />
    <path fill="url(#c)" d="M64 192h32.007v32.007H64z" opacity=".8" />
    <path fill="url(#c)" d="M32.007 192h32.007v32.007H32.007z" opacity=".7" />
    <path fill="url(#d)" d="M223.993 160.007H256V192h-32.007z" opacity=".5" />
    <path fill="url(#e)" d="M192 160.007h31.993V192H192z" opacity=".8" />
    <path
      fill="url(#f)"
      d="M160.007 160.007h32.007V192h-32.007zM128 160.007h32.007V192H128z"
    />
    <path
      fill="url(#f)"
      d="M96.007 160.007h32.007V192H96.007zM64 160.007h32.007V192H64z"
    />
    <path fill="url(#f)" d="M32.007 160.007h32.007V192H32.007z" opacity=".8" />
    <path fill="url(#f)" d="M0 160.007h32.007V192H0z" opacity=".5" />
    <path fill="url(#g)" d="M223.993 128H256v32.007h-32.007z" opacity=".7" />
    <path fill="url(#h)" d="M192 128h31.993v32.007H192z" />
    <path
      fill="url(#i)"
      d="M160.007 128h32.007v32.007h-32.007zM128 128h32.007v32.007H128z"
    />
    <path
      fill="url(#i)"
      d="M96.007 128h32.007v32.007H96.007zM64 128h32.007v32.007H64z"
    />
    <path fill="url(#i)" d="M32.007 128h32.007v32.007H32.007z" />
    <path fill="url(#i)" d="M0 128h32.007v32.007H0z" opacity=".7" />
    <path fill="url(#j)" d="M223.993 96.007H256v32.007h-32.007z" opacity=".7" />
    <path fill="url(#k)" d="M192 96.007h31.993v32.007H192z" />
    <path
      fill="url(#l)"
      d="M160.007 96.007h32.007v32.007h-32.007zM128 96.007h32.007v32.007H128z"
    />
    <path
      fill="url(#l)"
      d="M96.007 96.007h32.007v32.007H96.007zM64 96.007h32.007v32.007H64z"
    />
    <path fill="url(#l)" d="M32.007 96.007h32.007v32.007H32.007z" />
    <path fill="url(#l)" d="M0 96.007h32.007v32.007H0z" opacity=".7" />
    <path fill="url(#m)" d="M223.993 64H256v32.007h-32.007z" opacity=".5" />
    <path fill="url(#n)" d="M192 64h31.993v32.007H192z" opacity=".8" />
    <path
      fill="url(#o)"
      d="M160.007 64h32.007v32.007h-32.007zM128 64h32.007v32.007H128z"
    />
    <path
      fill="url(#o)"
      d="M96.007 64h32.007v32.007H96.007zM64 64h32.007v32.007H64z"
    />
    <path fill="url(#o)" d="M32.007 64h32.007v32.007H32.007z" opacity=".8" />
    <path fill="url(#o)" d="M0 64h32.007v32.007H0z" opacity=".5" />
    <path fill="url(#p)" d="M192 32.007h31.993v32.007H192z" opacity=".7" />
    <path
      fill="url(#q)"
      d="M160.007 32.007h32.007v32.007h-32.007z"
      opacity=".8"
    />
    <path fill="url(#q)" d="M128 32.007h32.007v32.007H128z" />
    <path fill="url(#q)" d="M96.007 32.007h32.007v32.007H96.007z" />
    <path fill="url(#q)" d="M64 32.007h32.007v32.007H64z" opacity=".8" />
    <path
      fill="url(#q)"
      d="M32.007 32.007h32.007v32.007H32.007z"
      opacity=".7"
    />
    <path fill="url(#r)" d="M160.007 0h32.007v32.007h-32.007z" opacity=".5" />
    <path fill="url(#r)" d="M128 0h32.007v32.007H128z" opacity=".7" />
    <path fill="url(#r)" d="M96.007 0h32.007v32.007H96.007z" opacity=".7" />
    <path fill="url(#r)" d="M64 0h32.007v32.007H64z" opacity=".5" />
    <path
      fill="#FFF"
      d="m84.25 117.841 8.912-19.951c3.251-5.12 2.818-11.378-.745-14.9a9.13 9.13 0 0 0-1.57-1.26 9.847 9.847 0 0 0-8.223-.934 13.437 13.437 0 0 0-7.409 5.756s-12.19 28.445-16.755 41.285c-4.565 12.841-2.709 36.274 14.778 53.828 18.556 18.557 45.47 22.837 62.605 9.942a10.755 10.755 0 0 0 2.018-1.354l52.825-44.143c2.574-2.154 6.38-6.502 2.953-11.487-3.427-4.984-9.63-1.557-12.19.095l-30.423 22.12a1.354 1.354 0 0 1-1.964-.231 3.738 3.738 0 0 1 .298-4.47l46.636-39.578c4.063-3.63 4.592-8.9 1.354-12.516-3.237-3.616-8.249-3.44-12.299.23l-41.989 32.833a1.87 1.87 0 0 1-2.709-.352 2.587 2.587 0 0 1-.217-3.44l47.557-46.148a9.305 9.305 0 0 0 .474-13.125 8.886 8.886 0 0 0-6.461-2.709 9.481 9.481 0 0 0-6.678 2.71l-48.531 45.578c-1.165 1.165-3.44 0-3.712-1.355-.1-.493.058-1.004.42-1.354L160.4 70.556a9.17 9.17 0 1 0-12.936-12.976l-56.428 62.307c-2.018 2.018-4.998 2.113-6.42.948a2.113 2.113 0 0 1-.366-2.994Z"
    />
  </svg>
);

export { Hcaptcha };

Installation

npx shadcn@latest add @svgl/hcaptcha

Usage

import { Hcaptcha } from "@/components/hcaptcha"
<Hcaptcha />