Пример пользовательской иконки на Yandex карте

http://demiart.ru/forum/index.php?showtopic=251677

by sazakharov

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div class="warpper_maps">
	<div class="embed-responsive embed-responsive-16by9">
		<div id="myMap" class="embed-responsive-item"></div>
	</div>
</div>

CSS

.warpper_maps {
    max-width: 900px;
    margin: 0 auto;
}
.embed-responsive{
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
b, strong {
    font-weight: bold;
}

JavaScript

ymaps.ready(function(){
	var mapYa =  new ymaps.Map("myMap",
		{
			center: [53.203786,50.110005],
			zoom: 10,
			controls: ['typeSelector','zoomControl','fullscreenControl']
		}
	),
    placemark = new ymaps.Placemark(
		[53.203786,50.110005],
		{
			balloonContentHeader: "<h1>Заголовок балуна</h1>",
			balloonContent: "Контент балуна",
			balloonContentBody: "Содержимое основой части балуна <br /><strong>Для форматирования можем использовать любые HTML теги</strong>",
			balloonContentFooter: "Содержимое нижней части балуна",
			hintContent: 'г. Самара'
        },
        {
			iconLayout: 'default#image',
			iconImageHref: '//www.gravatar.com/avatar/281155f8ec92888618a6378972a505be/?default=&s=64',
			iconImageSize: [64, 64],
			iconImageOffset: [-32, -64],
			balloonShadow: true,
			balloonAutoPan: true
		}
	);
	mapYa.geoObjects.add(placemark);
    mapYa.behaviors.disable('scrollZoom');
});