<div class="element"></div>
body {
  background-image: radial-gradient( circle 360px at 50% 50%,  rgba(54,96,172,1) 0%, rgba(46,53,89,1) 100.2% );
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
}

.element {
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css
  2. https://codepen.io/FlorinPop17/pen/LYEBjmB.css

External JavaScript

  1. https://codepen.io/FlorinPop17/pen/LYEBjmB.js