<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    aria-hidden="true"
    focusable="false"
    fill="currentColor"
    :class="className"
    :stroke-width="strokeWidth"
  >
    <path
      fill="#000000"
      style="fill: #000000 !important"
      d="m3.005 8.858 8.783 12.544h3.904L6.908 8.858zM6.905 15.825 3 21.402h3.907l1.951-2.788zM16.585 2l-6.75 9.64 1.953 2.79L20.492 2zM17.292 7.965v13.437h3.2V3.395z"
    />
  </svg>
</template>

<script>
export default {
  name: 'GrokIcon',
  props: {
    className: {
      type: String,
      default: 'size-4'
    },
    strokeWidth: {
      type: [String, Number],
      default: '1.5'
    }
  }
}
</script>
