Storybook

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="64" fill="none" viewBox="0 0 100 20">
  <g clip-path="url(#a)">
    <path fill="#333" fill-rule="evenodd" d="M26.643 15.831a8.8 8.8 0 0 1-2.464-.344q-1.184-.343-1.968-.952l.8-1.776q1.633 1.137 3.664 1.136 1.056 0 1.624-.344t.568-.952q0-.543-.52-.848-.52-.303-1.848-.592-1.488-.303-2.376-.736-.888-.431-1.296-1.064-.408-.63-.408-1.56 0-1.023.568-1.824.569-.8 1.592-1.256t2.368-.456q1.2 0 2.312.352 1.111.353 1.768.944l-.8 1.776Q28.674 6.2 26.963 6.2q-.976 0-1.536.376-.56.377-.56 1.032 0 .384.216.632t.72.44 1.432.4q2.175.48 3.128 1.232.952.753.952 2.08 0 1.6-1.232 2.52t-3.44.92Zm10.464-1.792q.367 0 .768-.048l-.128 1.76q-.465.064-.928.064-1.793.001-2.616-.784-.825-.783-.824-2.384V9.64H31.89V7.831h1.488V5.527h2.416v2.304h1.968V9.64h-1.968v2.992q0 1.409 1.312 1.408Zm5.616 1.776q-1.248 0-2.192-.504a3.54 3.54 0 0 1-1.456-1.424q-.512-.92-.512-2.168t.512-2.168a3.5 3.5 0 0 1 1.456-1.416q.944-.495 2.192-.496 1.248 0 2.192.496.945.497 1.456 1.416.512.92.512 2.168t-.512 2.168a3.53 3.53 0 0 1-1.456 1.424q-.944.504-2.192.504m0-1.84q1.76 0 1.76-2.256 0-1.135-.456-1.696t-1.304-.56q-1.76 0-1.76 2.256t1.76 2.256M53.57 9.623l-1.36.144q-1.008.096-1.424.568-.416.473-.416 1.256v4.096h-2.416V7.831h2.32V9.16q.591-1.359 2.448-1.488l.704-.048.144 2Zm7.02-1.776h2.368l-4.736 10.72h-2.448l1.504-3.312-3.232-7.408h2.512l1.984 4.992zm7.968-.208q1.023 0 1.808.496.783.496 1.224 1.416.44.921.44 2.136t-.44 2.152-1.232 1.456a3.2 3.2 0 0 1-1.8.52 3.1 3.1 0 0 1-1.472-.344 2.45 2.45 0 0 1-1.008-.952v1.168h-2.384V4.407h2.416v4.48a2.4 2.4 0 0 1 1-.92 3.16 3.16 0 0 1 1.448-.328m-.704 6.336q.847 0 1.312-.6t.464-1.688q0-1.07-.464-1.64-.465-.567-1.312-.568-.849 0-1.312.584-.465.585-.464 1.656 0 1.089.464 1.672.464.585 1.312.584m9.424 1.84q-1.248 0-2.192-.504a3.54 3.54 0 0 1-1.456-1.424q-.512-.92-.512-2.168t.512-2.168a3.5 3.5 0 0 1 1.456-1.416q.944-.495 2.192-.496 1.247 0 2.192.496.944.497 1.456 1.416.512.92.512 2.168t-.512 2.168a3.54 3.54 0 0 1-1.456 1.424q-.944.504-2.192.504m0-1.84q1.76 0 1.76-2.256 0-1.135-.456-1.696t-1.304-.56q-1.76 0-1.76 2.256t1.76 2.256m9.008 1.84q-1.248 0-2.192-.504a3.54 3.54 0 0 1-1.456-1.424q-.513-.92-.512-2.168 0-1.248.512-2.168a3.5 3.5 0 0 1 1.456-1.416q.945-.495 2.192-.496 1.247 0 2.192.496.944.497 1.456 1.416.512.92.512 2.168t-.512 2.168a3.54 3.54 0 0 1-1.456 1.424q-.945.504-2.192.504m0-1.84q1.76 0 1.76-2.256 0-1.135-.456-1.696t-1.304-.56q-1.76 0-1.76 2.256t1.76 2.256m13.716 1.712h-2.96l-3.008-3.504v3.504h-2.416V4.407h2.416v6.784l2.896-3.344h2.88l-3.296 3.744z" clip-rule="evenodd"/>
    <mask id="b" width="17" height="20" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha">
      <path fill="#fff" d="M.62 18.43 0 1.92A1.006 1.006 0 0 1 .944.88l14.04-.878a1.006 1.006 0 0 1 1.069 1.004v17.988A1.006 1.006 0 0 1 15.003 20L1.58 19.396a1.006 1.006 0 0 1-.96-.967Z"/>
    </mask>
    <g mask="url(#b)">
      <path fill="#ff4785" d="M.62 18.43 0 1.92A1.006 1.006 0 0 1 .944.88l14.04-.878a1.006 1.006 0 0 1 1.069 1.004v17.988A1.006 1.006 0 0 1 15.003 20L1.58 19.396a1.006 1.006 0 0 1-.96-.967Z"/>
      <path fill="#fff" d="m11.852 2.458.096-2.306L13.876 0l.083 2.379a.15.15 0 0 1-.243.123l-.743-.586-.88.668a.15.15 0 0 1-.241-.126m-2.466 5.08c0 .391 2.636.204 2.99-.07 0-2.665-1.43-4.065-4.048-4.065-2.617 0-4.084 1.422-4.084 3.554 0 3.715 5.012 3.786 5.012 5.812 0 .568-.278.906-.89.906-.799 0-1.115-.408-1.077-1.794 0-.3-3.045-.394-3.138 0-.236 3.36 1.857 4.328 4.251 4.328 2.321 0 4.14-1.237 4.14-3.476 0-3.98-5.086-3.874-5.086-5.847 0-.8.594-.906.946-.906.372 0 1.04.065.984 1.558"/>
    </g>
  </g>
  <defs>
    <clipPath id="a">
      <path fill="#fff" d="M0 0h100v20H0z"/>
    </clipPath>
  </defs>
</svg>