<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" role="img" aria-label="Продвижение в App Store">
  <defs>
    <linearGradient id="bgas" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#e7f6ff"/><stop offset="1" stop-color="#f3f8fb"/>
    </linearGradient>
  </defs>
  <rect width="1200" height="675" fill="url(#bgas)"/>
  <circle cx="980" cy="160" r="170" fill="#71cbf3" opacity="0.16"/>
  <circle cx="220" cy="540" r="140" fill="#f6dd00" opacity="0.16"/>
  <!-- store tile with A glyph -->
  <rect x="430" y="170" width="340" height="340" rx="74" fill="#0d98ec"/>
  <text x="600" y="430" font-family="Arial" font-size="240" font-weight="800" fill="#ffffff" text-anchor="middle">A</text>
  <!-- search magnifier -->
  <g stroke="#27333c" stroke-width="13" fill="none">
    <circle cx="300" cy="300" r="62" fill="#ffffff"/>
    <line x1="345" y1="345" x2="392" y2="392" stroke-linecap="round"/>
  </g>
  <!-- rank chart -->
  <rect x="820" y="430" width="34" height="60" rx="6" fill="#0d98ec" opacity="0.5"/>
  <rect x="866" y="400" width="34" height="90" rx="6" fill="#0d98ec" opacity="0.75"/>
  <rect x="912" y="360" width="34" height="130" rx="6" fill="#23b26a"/>
  <!-- label -->
  <rect x="470" y="540" width="240" height="44" rx="10" fill="#27333c"/>
  <text x="590" y="572" font-family="Arial" font-size="26" font-weight="800" fill="#ffffff" text-anchor="middle">App Store</text>
</svg>
