JSFiddle - React, Tailwind, and code Playground

by andypotanin

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="200" viewBox="0 0 500 200">
  <!-- Background -->
  <rect width="500" height="200" fill="#005BBB"/> <!-- Blue background -->

  <!-- DUPR Text -->
  <path d="M50 40 L50 160 H100 C130 160 150 140 150 120 C150 100 130 80 100 80 H80 V40 Z" fill="white"/>
  <path d="M180 40 H230 C260 40 280 60 280 80 C280 100 260 120 230 120 H200 V160 H180 Z M200 80 V100 H230 C240 100 250 90 250 80 C250 70 240 60 230 60 H200 Z" fill="white"/>
  <path d="M310 40 H330 V160 H310 Z" fill="white"/>
  <path d="M350 40 H430 C460 40 480 60 480 80 C480 100 460 120 430 120 H390 V160 H370 Z M390 80 V100 H430 C440 100 450 90 450 80 C450 70 440 60 430 60 H390 Z" fill="white"/>
</svg>