<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="838" height="306" viewBox="0 0 838 306">
  <defs>
    <style>
      .cls-1 {
        fill: #6dcff6;
      }

      .cls-2, .cls-3 {
        font-size: 300px;
        font-family: "Century Gothic";
        font-weight: 700;
      }

      .cls-2 {
        filter: url(#filter);
      }
    </style>
    <filter id="filter" x="306" y="37" width="526" height="226" filterUnits="userSpaceOnUse">
      <feGaussianBlur result="blur" stdDeviation="3.464" in="SourceAlpha"/>
      <feFlood result="flood" flood-opacity="0.63"/>
      <feComposite result="composite" operator="out" in2="blur"/>
      <feOffset result="offset" dy="1"/>
      <feComposite result="composite-2" operator="in" in2="SourceAlpha"/>
      <feBlend result="blend" mode="multiply" in2="SourceGraphic"/>
    </filter>
  </defs>
  <rect id="Rounded_Rectangle_2" data-name="Rounded Rectangle 2" class="cls-1" x="7" y="7" width="271" height="289" rx="30" ry="30"/>
  <text id="hub" class="cls-2" x="286" y="258">hub</text>
  <text id="F" class="cls-3" x="66" y="266">F</text>
</svg>
