const HydroRoll = ({ height = 56 }: { height?: number }) => (
  <svg height={height} viewBox="0 0 283 64" fill="none">
    <title>HydroRoll</title>
    <path
      fill="currentColor"
      d="M0 350 l0 -350 350 0 350 0 0 350 0 350 -350 0 -350 0 0 -350z m170
95 c0 -69 -3 -125 -7 -125 -5 0 -8 56 -8 125 0 69 3 125 8 125 4 0 7 -56 7
-125z m57 -212 c-1 -65 -3 -14 -3 112 0 127 2 180 3 118 2 -62 2 -165 0 -230z
m68 117 c0 -121 -3 -220 -7 -220 -5 0 -8 99 -8 220 0 121 3 220 8 220 4 0 7
-99 7 -220z m125 0 c0 -121 -3 -220 -7 -220 -5 0 -8 99 -8 220 0 121 3 220 8
220 4 0 7 -99 7 -220z m63 -1 c-1 -122 -5 -224 -8 -227 -3 -3 -5 97 -5 221 0
125 3 227 8 227 4 0 6 -100 5 -221z m62 96 c0 -69 -3 -125 -7 -125 -5 0 -8 56
-8 125 0 69 3 125 8 125 4 0 7 -56 7 -125z m-347 -67 c-1 -119 -3 -136 -7 -78
-6 75 -2 230 5 230 2 0 3 -69 2 -152z m311 -78 c-4 -54 -6 -31 -6 80 0 116 2
135 6 75 3 -44 3 -114 0 -155z m-149 130 c0 -22 -4 -40 -10 -40 -5 0 -10 18
-10 40 0 22 5 40 10 40 6 0 10 -18 10 -40z m-101 -160 l-6 -105 0 140 c0 77 2
124 6 105 4 -19 4 -82 0 -140z m189 33 l-2 -138 -5 105 c-6 100 -3 170 5 170
2 0 3 -62 2 -137z m-119 62 c-1 -79 -18 -83 -18 -5 -1 52 2 70 9 60 5 -8 9
-33 9 -55z m60 -12 c-1 -55 -3 -70 -9 -53 -14 44 -10 130 6 130 2 0 4 -35 3
-77z m-29 -84 c0 -44 -4 -68 -10 -64 -5 3 -10 35 -10 71 0 36 4 64 10 64 6 0
10 -30 10 -71z m26 -87 c-12 -11 -15 5 -8 44 l7 39 3 -39 c2 -21 1 -41 -2 -44z"
    />
  </svg>
);

export default HydroRoll;