Подпись к своему маркеру

Иконка так же может иметь свой макет, как и балун.

Эти вещи никак между собой не связаны

А как сделать иконка была с подписью и плюсом балун. Балун я оформил, все работает, а вот как оформит иконку так чтоб с надписью была. Дайте пожалуйста пример либо ссылку на документацию где есть описание сего процесса.

Возможно, Вам подойдет один из стандартных пресетов StretchyIcon 
Вот пример: https://tech.yandex.ru/maps/jsbox/2.1/placemark
В противном случае, для иконки надо задать свой iconLayout.

К сожалению стандаратные не подойдут исходя из набросков дизайна. iconLayout попробую еще раз хотя в прошлый раз у меня не получилось нормально его оформить....

создайте пример на jsfidlle (можно прямо из песочницы сделать экспорт), и выложите ссылку в посте. Мы поможем поправить

Создал на https://jsfiddle.net/w6L6odq7/4/

Оформить свой маркер получилось с помощью iconLayout. Но сейчас проблема в том что при клике на иконку не срабатывают эвенты. То есть balloonContent не открывается. Подскажите в чем причина?

Вы забыли задать iconShape. Посмотрите, как это сделано в примере.

https://jsfiddle.net/w6L6odq7/6/

Благодарю, но я уже разобрался.

Задаю свой iconLayout но тогда перестают работать эвенты при клике на иконку. Как с этим быть?

var squareLayout = ymaps.templateLayoutFactory.createClass('$this->getAssetManager()->getAssetUrl($asset, "img/single/marker-hover.png")?>">'+name+'');

var myPlacemark = new ymaps.Placemark($cords, {

}, {
iconLayout: squareLayout,
   
});

myPlacemark.events
    .add("balloonopen", function (e) {

        // действие
    }).add("mouseenter", function (e) {

       // действие

    }).add("mouseleave", function (e) {

      // действие

    });


myCollection.add(myPlacemark);