<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<svg viewBox="0 0 605 120" xmlns="http://www.w3.org/2000/svg">
  <polygon points="0,0 605,0  605,25 470,120 0,120" fill="#1F491B" />
  <path d="M8,10 595,10 595,20 465,110 8,110z" fill="none" stroke="#fff" stroke-width="1" />
  <foreignObject x="20" y="20" width="460" height="80">
    <div class="flex">
      <div class="item">
        <p><i class="fa fa-map-marker"></i>г.Москва,уд.Ижорская,дом 8,офис 3</p>
        <p><i class="fa fa-file-powerpoint-o"></i>пн-пт: 9:00 - 18:00 ч</p>
        <p></p>
      </div>
      <div class="item">
        <p><i class="fa fa-envelope-o"></i>util.services@yandex.ru</p>
        <p class="color"><i class="fa fa-phone"></i> 8(499)288-07-41</p>
      </div>
    </div>
  </foreignObject>
</svg>

body {
  margin: 0;
}

svg .item p {
  color: #fff;
  font-size: 0.3vw;
  font-family: sans-serif;
  white-space: pre;
}

svg .flex {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

svg .item {
  display: flex;
  height: 40px;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
}
svg .item i {
  margin-right: 4px;
  font-size: 4px;
}

svg p.color {
  color: yellow;
}