JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"></div>

CSS

html, body, #map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScript

ymaps.ready(function() {
    var map = new ymaps.Map('map', {
        center: [55.7, 37.6],
        zoom: 10
    });
    
    ymaps.option.presetStorage.add('my#style', {
        iconLayout: 'default#image',
        iconImageHref: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/SVG_logo.svg/512px-SVG_logo.svg.png',
        iconImageSize: [40, 40],
        iconImageOffset: [-20, -20]
    });
    
    ymaps.geoXml.load('http://maps.yandex.ru/export/usermaps/-89eI2gSlsCQX8OKYiCDoilWScqRw6kD/').then(function (res) {
        var geoObjects = res.geoObjects;
        
        geoObjects.each(function (obj) {
            obj.options.set('preset', 'my#style');
        });
        
        map.geoObjects.add(geoObjects);
    });
});