Hcaptcha icon

thesvg-color:hcaptcha

The Hcaptcha icon (thesvg-color:hcaptcha) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 256 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 256 × 256

Download SVG

SVG code

<svg 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.007zm-32.007 0h32.007V192H128z"/><path fill="url(#SVGSMH1tNET)" d="M96.007 160.007h32.007V192H96.007zm-32.007 0h32.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.007zM128 128h32.007v32.007H128z"/><path fill="url(#SVGhKvCPd4J)" d="M96.007 128h32.007v32.007H96.007zM64 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.007zm-32.007 0h32.007v32.007H128z"/><path fill="url(#SVGsud9beXr)" d="M96.007 96.007h32.007v32.007H96.007zm-32.007 0h32.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.007zM128 64h32.007v32.007H128z"/><path fill="url(#SVGPjGq4blz)" d="M96.007 64h32.007v32.007H96.007zM64 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="#fff" 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>

How to use the Hcaptcha icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:hcaptcha" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:hcaptcha" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:hcaptcha" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--hcaptcha]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:hcaptcha"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:hcaptcha"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/hcaptcha.svg" alt="Hcaptcha icon" width="24" height="24">

Hcaptcha icon in other icon sets

Hcaptcha icon FAQ

Is the Hcaptcha icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Hcaptcha icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:hcaptcha" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hcaptcha icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/hcaptcha.svg" alt="Hcaptcha icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →