Webhint icon

logos:webhint

The Webhint icon (logos:webhint) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 302 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 302

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="302" viewBox="0 0 256 302"><path fill="#fff" d="M239.682 239.404h-26.397a7.301 7.301 0 0 1-4.633-13.058a127.5 127.5 0 0 0 46.757-98.289C255.412 57.825 198.846.695 128.617 0C74.576-.293 26.193 33.442 7.786 84.252c-18.408 50.81-2.86 107.707 38.83 142.094a7.301 7.301 0 0 1-4.633 13.058H15.445C6.947 239.48.077 246.35 0 254.849v31.452a15.45 15.45 0 0 0 15.445 15.586h224.518a15.446 15.446 0 0 0 15.446-15.445v-31.593c0-8.553-6.893-15.509-15.446-15.585z"/><path fill="#4700a3" d="M127.634 14.743C65.69 15.133 15.751 65.594 16.007 127.54c.259 61.945 50.616 111.99 112.562 111.861s112.096-50.38 112.096-112.326a112.33 112.33 0 0 0-113.03-112.332m99.271 112.332c-.077 55.104-44.728 99.755-99.832 99.832A99.13 99.13 0 0 1 27.8 127.075c.078-55.105 44.729-99.756 99.833-99.833c54.76.561 99.271 45.071 99.271 99.833"/><path fill="#4700a3" d="M141.956 90.006a33.4 33.4 0 0 1 20.5 5.055a9.55 9.55 0 0 0-.702 3.93a12.637 12.637 0 0 0 12.637 12.638a10.95 10.95 0 0 0 4.633-.562a41.56 41.56 0 0 1 6.179 21.624c0 43.387-34.26 47.46-57.007 47.46c-58.833 0-66.836-22.888-66.836-28.505h-2.808c-9.74-.076-17.616-7.952-17.692-17.691v-3.51h8.003a18.4 18.4 0 0 1 14.884 6.88a17.83 17.83 0 0 1 14.181-7.442h8.144v4.633a16.71 16.71 0 0 1-16.569 17.13H68.38c.562 2.81 9.127 3.932 11.374 3.932a15.16 15.16 0 0 0 14.322-8.004a27.66 27.66 0 0 0 2.809-16.568c0-22.747 6.177-41 45.071-41m54.76-13.76l-10.951 17.692l-3.37 6.88a8 8 0 0 1-1.686 2.246a8.28 8.28 0 0 1-7.441 1.685a4.92 4.92 0 0 1-3.37-1.685a8.004 8.004 0 0 1 0-10.812c.562-.562 1.123-.562 1.545-1.123z"/><path fill="#18186d" d="m50.267 280.404l-5.897-15.586h-2.949l-5.897 15.586l-5.757-15.586h-3.37l7.302 19.517h3.37l5.757-14.883l5.757 14.883h3.37l7.3-19.517h-3.229zm25.134-14.603a9.83 9.83 0 0 0-5.055-1.264a9.83 9.83 0 0 0-5.054 1.404a9.13 9.13 0 0 0-3.51 3.51a10.95 10.95 0 0 0 0 10.25a9.27 9.27 0 0 0 3.65 3.652a11.65 11.65 0 0 0 5.616 1.264a11.4 11.4 0 0 0 4.353-.843a8.4 8.4 0 0 0 3.37-2.387l-1.966-2.247a7.3 7.3 0 0 1-5.616 2.387a7.44 7.44 0 0 1-4.915-1.684a6.04 6.04 0 0 1-2.246-4.213h15.866v-.983a10.95 10.95 0 0 0-1.263-5.335a9 9 0 0 0-3.23-3.51m-11.233 7.442a6.32 6.32 0 0 1 1.966-4.212a6.74 6.74 0 0 1 8.425 0a6.32 6.32 0 0 1 2.106 4.212zm36.226-7.442a10.25 10.25 0 0 0-5.054-1.264a9.4 9.4 0 0 0-3.932.843a7.6 7.6 0 0 0-2.808 2.387v-10.812h-3.65v27.38h3.369v-3.089a7.7 7.7 0 0 0 2.949 2.388a9.4 9.4 0 0 0 4.072.983a10.25 10.25 0 0 0 5.054-1.405a9.13 9.13 0 0 0 3.51-3.51a10.53 10.53 0 0 0 1.405-5.196a10.53 10.53 0 0 0-1.404-5.194a9 9 0 0 0-3.51-3.51m.422 12.356a6.2 6.2 0 0 1-2.388 2.528a7.02 7.02 0 0 1-6.739 0a6.2 6.2 0 0 1-2.387-2.528a8.14 8.14 0 0 1 0-7.16a6.04 6.04 0 0 1 2.387-2.388a7.02 7.02 0 0 1 6.74 0a6.04 6.04 0 0 1 2.387 2.388a7.86 7.86 0 0 1 0 7.16m19.797-13.48a10.25 10.25 0 0 0-4.071.703a7.44 7.44 0 0 0-2.809 2.106v-10.53h-3.65v27.38h3.65v-10.11a6.6 6.6 0 0 1 1.685-4.774a6.04 6.04 0 0 1 4.493-1.685a5.2 5.2 0 0 1 3.932 1.404a6.04 6.04 0 0 1 1.404 4.212v10.953h3.51v-11.233a8.42 8.42 0 0 0-2.106-6.319a8.14 8.14 0 0 0-6.038-2.247zm14.744.141h3.51v19.658h-3.51zm1.825-8.565a2.39 2.39 0 0 0-1.825.842a2.25 2.25 0 0 0-.561 1.545c-.053.615.15 1.224.561 1.685c.48.484 1.144.74 1.825.702a2.4 2.4 0 0 0 1.685-.702a2.25 2.25 0 0 0 .702-1.685a2.1 2.1 0 0 0-.702-1.685a2.4 2.4 0 0 0-1.685-.561zm18.956 8.425a10 10 0 0 0-4.213.702a7 7 0 0 0-2.807 2.387v-3.09h-3.511v19.658h3.51v-10.11a6.6 6.6 0 0 1 1.685-4.914a6.04 6.04 0 0 1 4.634-1.685a5.2 5.2 0 0 1 3.931 1.405a6.04 6.04 0 0 1 1.404 4.212v10.952h3.51v-11.233a8.57 8.57 0 0 0-2.246-6.319a8.14 8.14 0 0 0-5.897-2.246zm21.904 16.85a2.95 2.95 0 0 1-2.387-.843a3.37 3.37 0 0 1-.702-2.388v-10.67h5.616v-2.809h-5.616v-4.353h-3.51v4.213h-3.37v2.948h3.37v10.812a6.04 6.04 0 0 0 1.544 4.493a6.32 6.32 0 0 0 4.634 1.685a8 8 0 0 0 2.387-.42a5.1 5.1 0 0 0 1.825-.984l-.983-2.527a4.2 4.2 0 0 1-2.808.983z"/><path fill="#4046dd" d="M187.45 279.561a2.53 2.53 0 0 0-1.826.702a2.4 2.4 0 0 0-.702 1.826a2.527 2.527 0 0 0 2.527 2.528a2.4 2.4 0 0 0 1.685-.703c.47-.49.723-1.147.703-1.825a2.4 2.4 0 0 0-.702-1.826a2.25 2.25 0 0 0-1.685-.702m9.267-23.308a2.25 2.25 0 0 0-1.685.842c-.427.404-.68.958-.703 1.545a2.1 2.1 0 0 0 .703 1.685c.446.448 1.052.7 1.685.702a2.4 2.4 0 0 0 1.684-.702c.448-.446.7-1.052.702-1.685a2.1 2.1 0 0 0-.701-1.685a2.53 2.53 0 0 0-1.685-.561zm-1.825 8.565h3.51v19.658h-3.51zm27.66 4.634a9.4 9.4 0 0 0-3.65-3.65a11.37 11.37 0 0 0-10.531 0a9.4 9.4 0 0 0-3.65 3.65a10.81 10.81 0 0 0 0 10.25a9.4 9.4 0 0 0 3.65 3.65a11.23 11.23 0 0 0 10.53 0a9.4 9.4 0 0 0 3.651-3.65a10.81 10.81 0 0 0 0-10.25m-3.089 8.705a6.04 6.04 0 0 1-2.386 2.528a7.02 7.02 0 0 1-6.74 0a6.3 6.3 0 0 1-2.388-2.528a7.86 7.86 0 0 1 0-7.16a6.2 6.2 0 0 1 2.388-2.388a7.02 7.02 0 0 1 6.74 0a5.9 5.9 0 0 1 2.386 2.388a8 8 0 0 1 0 7.16"/></svg>

How to use the Webhint icon

React

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

<Icon icon="logos:webhint" width="24" />

Vue

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

<template>
  <Icon icon="logos:webhint" width="24" />
</template>

Svelte

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

<Icon icon="logos:webhint" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webhint]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webhint"></div>

Web component

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

<iconify-icon icon="logos:webhint"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/webhint.svg" alt="Webhint icon" width="24" height="24">

Related icons in SVG Logos

Webhint icon in other icon sets

Webhint icon FAQ

Is the Webhint icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Webhint icon in React?

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

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

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

Browse all SVG Logos icons →