hookstate logo

hookstate from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
hookstate
Set
SVG Logos
Style
Color
Viewbox
256×325
License
CC0

Use the hookstate logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosHookstate(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-hookstate {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20325%22%3E%3Cpath%20fill%3D%22%233b2c6c%22%20d%3D%22M86.234%20231.414c12.798-4.54%2021.981-16.72%2021.981-31.075v-82.796c0-14.355-9.183-26.535-21.981-31.074v-12.81c0-5.186%204.218-9.407%209.406-9.407h85.727c4.528%200%207.274%202.52%208.508%204.021s3.174%204.682%202.298%209.124l-34.19%20173.38c-1.097%205.572-6.015%209.615-11.695%209.615H95.684c-5.211%200-9.45-4.239-9.45-9.45zM232.989%2085.047l-34.75%20175.573c-4.822%2024.362-26.345%2042.043-51.18%2042.043H94.786c-28.024%200-50.824-22.8-50.824-50.823v-18.502h20.29v17.604c0%2017.36%2014.074%2031.431%2031.432%2031.431h50.604c16.195%200%2030.13-11.454%2033.263-27.343l34.187-173.38c4.021-20.392-11.587-39.379-32.371-39.379H95.64c-17.335%200-31.387%2014.053-31.387%2031.388v10.884h-20.29V73.119c0-28.198%2022.94-51.138%2051.136-51.138h86.083c15.864%200%2030.738%207.03%2040.807%2019.29c10.071%2012.258%2014.08%2028.213%2011%2043.776M181.182%200H95.1C54.718%200%2021.981%2032.736%2021.981%2073.12v13.349C9.183%2091.009%200%20103.188%200%20117.543v82.796c0%2014.356%209.183%2026.535%2021.981%2031.075v20.426c0%2040.208%2032.597%2072.805%2072.805%2072.805h52.273c35.403%200%2065.87-25.027%2072.744-59.757l34.75-175.574C263.702%2043.074%20228.317%200%20181.182%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20325%22%3E%3Cpath%20fill%3D%22%233b2c6c%22%20d%3D%22M86.234%20231.414c12.798-4.54%2021.981-16.72%2021.981-31.075v-82.796c0-14.355-9.183-26.535-21.981-31.074v-12.81c0-5.186%204.218-9.407%209.406-9.407h85.727c4.528%200%207.274%202.52%208.508%204.021s3.174%204.682%202.298%209.124l-34.19%20173.38c-1.097%205.572-6.015%209.615-11.695%209.615H95.684c-5.211%200-9.45-4.239-9.45-9.45zM232.989%2085.047l-34.75%20175.573c-4.822%2024.362-26.345%2042.043-51.18%2042.043H94.786c-28.024%200-50.824-22.8-50.824-50.823v-18.502h20.29v17.604c0%2017.36%2014.074%2031.431%2031.432%2031.431h50.604c16.195%200%2030.13-11.454%2033.263-27.343l34.187-173.38c4.021-20.392-11.587-39.379-32.371-39.379H95.64c-17.335%200-31.387%2014.053-31.387%2031.388v10.884h-20.29V73.119c0-28.198%2022.94-51.138%2051.136-51.138h86.083c15.864%200%2030.738%207.03%2040.807%2019.29c10.071%2012.258%2014.08%2028.213%2011%2043.776M181.182%200H95.1C54.718%200%2021.981%2032.736%2021.981%2073.12v13.349C9.183%2091.009%200%20103.188%200%20117.543v82.796c0%2014.356%209.183%2026.535%2021.981%2031.075v20.426c0%2040.208%2032.597%2072.805%2072.805%2072.805h52.273c35.403%200%2065.87-25.027%2072.744-59.757l34.75-175.574C263.702%2043.074%20228.317%200%20181.182%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/hookstate.svg?color=%231a73e8&size=48