Hookstate icon

logos:hookstate

The Hookstate icon (logos:hookstate) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 325 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 × 325

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="325" viewBox="0 0 256 325"><path fill="#3b2c6c" d="M86.234 231.414c12.798-4.54 21.981-16.72 21.981-31.075v-82.796c0-14.355-9.183-26.535-21.981-31.074v-12.81c0-5.186 4.218-9.407 9.406-9.407h85.727c4.528 0 7.274 2.52 8.508 4.021s3.174 4.682 2.298 9.124l-34.19 173.38c-1.097 5.572-6.015 9.615-11.695 9.615H95.684c-5.211 0-9.45-4.239-9.45-9.45zM232.989 85.047l-34.75 175.573c-4.822 24.362-26.345 42.043-51.18 42.043H94.786c-28.024 0-50.824-22.8-50.824-50.823v-18.502h20.29v17.604c0 17.36 14.074 31.431 31.432 31.431h50.604c16.195 0 30.13-11.454 33.263-27.343l34.187-173.38c4.021-20.392-11.587-39.379-32.371-39.379H95.64c-17.335 0-31.387 14.053-31.387 31.388v10.884h-20.29V73.119c0-28.198 22.94-51.138 51.136-51.138h86.083c15.864 0 30.738 7.03 40.807 19.29c10.071 12.258 14.08 28.213 11 43.776M181.182 0H95.1C54.718 0 21.981 32.736 21.981 73.12v13.349C9.183 91.009 0 103.188 0 117.543v82.796c0 14.356 9.183 26.535 21.981 31.075v20.426c0 40.208 32.597 72.805 72.805 72.805h52.273c35.403 0 65.87-25.027 72.744-59.757l34.75-175.574C263.702 43.074 228.317 0 181.182 0"/></svg>

How to use the Hookstate icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Hookstate icon FAQ

Is the Hookstate 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 Hookstate icon in React?

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

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

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

Browse all SVG Logos icons →