Home/Libraries/SVG Logos (Iconify)/hcaptcha-icon

SVG Logos (Iconify)

HcaptchaIcon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGKKxv1bVF" 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="SVGKJGOvfkX" 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="SVGHlnzSbhR" 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="SVGAy1YRdVi" 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="SVG3bRWbdAG" 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="SVGSMH1tNET" 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="SVGDk6zTd0J" 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="SVGGTyrYbWF" 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="SVGhKvCPd4J" 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="SVGe4QvmexB" 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="SVG2WfQ9gmL" 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="SVGsud9beXr" 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="SVG44g0ZdjB" 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="SVGAi8oHeYv" 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="SVGPjGq4blz" 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="SVGXj60LuIn" 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="SVGStkKYT6k" 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="SVG1PTmweIq" 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(#SVGKKxv1bVF)" d="M160.007 223.993h32.007V256h-32.007z" opacity=".5"/><path fill="url(#SVGKKxv1bVF)" d="M128 223.993h32.007V256H128z" opacity=".7"/><path fill="url(#SVGKKxv1bVF)" d="M96.007 223.993h32.007V256H96.007z" opacity=".7"/><path fill="url(#SVGKKxv1bVF)" d="M64 223.993h32.007V256H64z" opacity=".5"/><path fill="url(#SVGKJGOvfkX)" d="M192 192h31.993v32.007H192z" opacity=".7"/><path fill="url(#SVGHlnzSbhR)" d="M160.007 192h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#SVGHlnzSbhR)" d="M128 192h32.007v32.007H128z"/><path fill="url(#SVGHlnzSbhR)" d="M96.007 192h32.007v32.007H96.007z"/><path fill="url(#SVGHlnzSbhR)" d="M64 192h32.007v32.007H64z" opacity=".8"/><path fill="url(#SVGHlnzSbhR)" d="M32.007 192h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#SVGAy1YRdVi)" d="M223.993 160.007H256V192h-32.007z" opacity=".5"/><path fill="url(#SVG3bRWbdAG)" d="M192 160.007h31.993V192H192z" opacity=".8"/><path fill="url(#SVGSMH1tNET)" d="M160.007 160.007h32.007V192h-32.007z"/><path fill="url(#SVGSMH1tNET)" d="M128 160.007h32.007V192H128z"/><path fill="url(#SVGSMH1tNET)" d="M96.007 160.007h32.007V192H96.007z"/><path fill="url(#SVGSMH1tNET)" d="M64 160.007h32.007V192H64z"/><path fill="url(#SVGSMH1tNET)" d="M32.007 160.007h32.007V192H32.007z" opacity=".8"/><path fill="url(#SVGSMH1tNET)" d="M0 160.007h32.007V192H0z" opacity=".5"/><path fill="url(#SVGDk6zTd0J)" d="M223.993 128H256v32.007h-32.007z" opacity=".7"/><path fill="url(#SVGGTyrYbWF)" d="M192 128h31.993v32.007H192z"/><path fill="url(#SVGhKvCPd4J)" d="M160.007 128h32.007v32.007h-32.007z"/><path fill="url(#SVGhKvCPd4J)" d="M128 128h32.007v32.007H128z"/><path fill="url(#SVGhKvCPd4J)" d="M96.007 128h32.007v32.007H96.007z"/><path fill="url(#SVGhKvCPd4J)" d="M64 128h32.007v32.007H64z"/><path fill="url(#SVGhKvCPd4J)" d="M32.007 128h32.007v32.007H32.007z"/><path fill="url(#SVGhKvCPd4J)" d="M0 128h32.007v32.007H0z" opacity=".7"/><path fill="url(#SVGe4QvmexB)" d="M223.993 96.007H256v32.007h-32.007z" opacity=".7"/><path fill="url(#SVG2WfQ9gmL)" d="M192 96.007h31.993v32.007H192z"/><path fill="url(#SVGsud9beXr)" d="M160.007 96.007h32.007v32.007h-32.007z"/><path fill="url(#SVGsud9beXr)" d="M128 96.007h32.007v32.007H128z"/><path fill="url(#SVGsud9beXr)" d="M96.007 96.007h32.007v32.007H96.007z"/><path fill="url(#SVGsud9beXr)" d="M64 96.007h32.007v32.007H64z"/><path fill="url(#SVGsud9beXr)" d="M32.007 96.007h32.007v32.007H32.007z"/><path fill="url(#SVGsud9beXr)" d="M0 96.007h32.007v32.007H0z" opacity=".7"/><path fill="url(#SVG44g0ZdjB)" d="M223.993 64H256v32.007h-32.007z" opacity=".5"/><path fill="url(#SVGAi8oHeYv)" d="M192 64h31.993v32.007H192z" opacity=".8"/><path fill="url(#SVGPjGq4blz)" d="M160.007 64h32.007v32.007h-32.007z"/><path fill="url(#SVGPjGq4blz)" d="M128 64h32.007v32.007H128z"/><path fill="url(#SVGPjGq4blz)" d="M96.007 64h32.007v32.007H96.007z"/><path fill="url(#SVGPjGq4blz)" d="M64 64h32.007v32.007H64z"/><path fill="url(#SVGPjGq4blz)" d="M32.007 64h32.007v32.007H32.007z" opacity=".8"/><path fill="url(#SVGPjGq4blz)" d="M0 64h32.007v32.007H0z" opacity=".5"/><path fill="url(#SVGXj60LuIn)" d="M192 32.007h31.993v32.007H192z" opacity=".7"/><path fill="url(#SVGStkKYT6k)" d="M160.007 32.007h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#SVGStkKYT6k)" d="M128 32.007h32.007v32.007H128z"/><path fill="url(#SVGStkKYT6k)" d="M96.007 32.007h32.007v32.007H96.007z"/><path fill="url(#SVGStkKYT6k)" d="M64 32.007h32.007v32.007H64z" opacity=".8"/><path fill="url(#SVGStkKYT6k)" d="M32.007 32.007h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#SVG1PTmweIq)" d="M160.007 0h32.007v32.007h-32.007z" opacity=".5"/><path fill="url(#SVG1PTmweIq)" d="M128 0h32.007v32.007H128z" opacity=".7"/><path fill="url(#SVG1PTmweIq)" d="M96.007 0h32.007v32.007H96.007z" opacity=".7"/><path fill="url(#SVG1PTmweIq)" d="M64 0h32.007v32.007H64z" opacity=".5"/><path fill="#818cf8" d="m84.25 117.841l8.912-19.951c3.251-5.12 2.818-11.378-.745-14.9a9 9 0 0 0-1.57-1.26a9.85 9.85 0 0 0-8.223-.934a13.44 13.44 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.828c18.556 18.557 45.47 22.837 62.605 9.942a10.8 10.8 0 0 0 2.018-1.354l52.825-44.143c2.574-2.154 6.38-6.502 2.953-11.487c-3.427-4.984-9.63-1.557-12.19.095l-30.423 22.12a1.354 1.354 0 0 1-1.964-.231a3.74 3.74 0 0 1 .298-4.47l46.636-39.578c4.063-3.63 4.592-8.9 1.354-12.516s-8.249-3.44-12.299.23l-41.989 32.833a1.87 1.87 0 0 1-2.709-.352a2.587 2.587 0 0 1-.217-3.44l47.557-46.148a9.305 9.305 0 0 0 .474-13.125a8.9 8.9 0 0 0-6.461-2.709a9.48 9.48 0 0 0-6.678 2.71l-48.531 45.578c-1.165 1.165-3.44 0-3.712-1.355c-.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.994"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HcaptchaIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.