JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class="container" style="margin-top: 100px;">
<div class="col-12">
<h1 style="font-size: 30vw; font-family: Avant Garde;" class="text-center"><span class="umlaut">U</span></h1>
</div>
</div>

CSS

.umlaut {
  position:relative;
}
.umlaut:before {
  content: '˙';
  position:absolute;
  top:-23%;
  left:10%;
}
.umlaut:after {
  content: '˙';
  position:absolute;
  top:-23%;
  right:10%;
}