Home/Libraries/SVG Logos (Iconify)/hookstate

SVG Logos (Iconify)

Hookstate

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 325"><path fill="#818cf8" 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>

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. HookstateIcon.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.