<svg viewBox="0 0 220 60" width="110" height="30" fill="currentColor">
  <path d="M55.5,57.64A2.13,2.13,0,0,1,54,57L3,6A2.14,2.14,0,1,1,6,3L57,54A2.14,2.14,0,0,1,55.5,57.64Z"/>
  <path d="M56.59,33.94a2.13,2.13,0,0,1-1.51-.63L26.68,4.93a2.14,2.14,0,0,1,3-3L58.1,30.29A2.14,2.14,0,0,1,56.59,33.94Z"/>
  <path d="M31.8,58.72a2.13,2.13,0,0,1-1.51-.63L1.9,29.71a2.14,2.14,0,1,1,3-3L33.32,55.07A2.14,2.14,0,0,1,31.8,58.72Z"/>
  <text x="85" y="45" font-size="42">Drizzle</text>
</svg>

<svg viewBox="0 0 250 60" width="125" height="30" fill="currentColor">
  <path d="M55.5,57.64A2.13,2.13,0,0,1,54,57L3,6A2.14,2.14,0,1,1,6,3L57,54A2.14,2.14,0,0,1,55.5,57.64Z"/>
  <path d="M56.59,33.94a2.13,2.13,0,0,1-1.51-.63L26.68,4.93a2.14,2.14,0,0,1,3-3L58.1,30.29A2.14,2.14,0,0,1,56.59,33.94Z"/>
  <path d="M31.8,58.72a2.13,2.13,0,0,1-1.51-.63L1.9,29.71a2.14,2.14,0,1,1,3-3L33.32,55.07A2.14,2.14,0,0,1,31.8,58.72Z"/>
  <text x="85" y="45" font-size="42">Drizzle</text>
</svg>

Make the viewbox a little wider to text doesn't get cut off with different fonts, browsers, OS
Make the viewbox a little wider to text doesn't get cut off with different fonts, browsers, OS
