<svg viewBox="0 0 768 425" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <style>
      path {
        fill: transparent;
        stroke: #fff;
        stroke-width: 1.5;
        stroke-dasharray: 2 2;
      }
    </style>
  </defs>
  <rect width="100%" height="100%" x="0" y="0" fill="#1A1A1A" />
  <g>
    <title>Крутые места</title>
    <path class="f2" d="M178,50 
           C170,20 179,20 189,22 
           L215,26 359,48
           C359,48 366,53 360,67
           L350,112
           C350,112 346,123 320,124
           L334,151 295,129 217,136
           C217,136 199,137 196,123z" />

    <g class="f_2">
      <text class="num" x="190" y="75">2</text>
      <text class="head" x="225" y="68">Крутые места</text>
    </g>
  </g>

  <g>
    <title>Знаем дело</title>
    <path class="f1" d="M126,250 
             C126,250 66,234 64,180
             C64,180 72,115 150,145
             C150,145 188,135 224,167
             C224,167 245,153 265,161
             C265,161 244,163 237,176
             C237,176 260,213 213,242
             C215,244 178,288 126,250z" />
  </g>

  <g>
    <title>Идём на встечу</title>
    <path class="f6" d="M242,267 268,237
             C268,237 280,220 290,242
             L309,260 340,245 334,275 357,276
             C357,276 382,274 372,293
             L368,314 377,324
             C377,324 384,338 372,342
             L359,353 350,388
             C350,388 347,420 319,402
             L292,390
             C274,404 261,414 254,399
             L239,377 219,384
             C219,384 206,387 200,364
             L189,359
             C189,359 174,359 180,342
             L187,326
             C187,326 166,290 195,286
             L198,277
             C198,277 198,263 219,268z" />
  </g>

  <g>
    <title>Надёжность</title>
    <path class="f5" d="M389,269 419,279 
             C419,279 448,259 483,276
             C483,276 525,240 574,279
             C574,279 613,316 581,363
             C581,363 565,400 507,390
             C507,390 454,397 437,367
             C437,367 380,335 403,290z" />

  </g>

  <g>
    <title>Дела не простоят</title>
    <path class="f4" d="M455,193 491,199 
             C491,199 482,157 528,151
             L627,127 
             C627,127 684,122 690,182
             C690,182 689,239 655,244
             L538,248
             C538,248 510,248 495,220z" />
  </g>

  <g>
    <title>Буря событий</title>
    <path class="f3" d="M423,161 
             C423,161 438,145 442,126
             C442,126 410,120 398,78
             C398,78 395,20 488,2
             C480,2 575,0 577,62
             C577,62 600,100 550,127
             C550,127 494,150 457,128
             C457,128 445,155 423,161z" />
  </g>

  <g>
    <image xlink:href="https://i.ibb.co/9Y43Rcp/icon.png" width="50" x="350" y="120" opacity="0.7" />
  </g>

</svg>
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

/* описание fill для текста и path
 2) #00B6FF
 1) #00E8CE
 6) #FF484D
 5) #FF722E
 4) #F1A900
 3) #9DEC5D

*/

text.f_1 {
  fill: #00e8ce;
}
.f_2 {
  fill: #00b6ff;
}
.f_3 {
  fill: #9dec5d;
}
.f_4 {
  fill: #f1a900;
}
.f_5 {
  fill: #ff722e;
}
.f_6 {
  fill: #ff484d;
}
.f1 {
  stroke: #00e8ce;
}
.f2 {
  stroke: #00b6ff;
}
.f3 {
  stroke: #9dec5d;
}
.f4 {
  stroke: #f1a900;
}
.f5 {
  stroke: #ff722e;
}
.f6 {
  stroke: #ff484d;
}

.head,
num {
  text-transform: uppercase;
}

.num {
  font-size: 36px;
  font-weight: 900;
}

.head {
  font-size: 14px;
  font-weight: 700;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.