Как задать свою изображение разметкой в иконке Placemark

[grabelnikovRus]

Помогите, второй день изучаю эту библиотеку и на этом моменте подсел конкретно.
Знаю, что в iconImageHref можно передать путь к иконке, но хотелось бы создать свой элемент в котором смогу отображать свой небольшой контент (буквально пару цифр)
Еще бы заранее хотелось спросить как на этот элемент можно вешать обработчик клика...
Заранее спасибо.

export const Maps: React.FC = ({ apartments, contacts, query, settings }) => {
const mapRef = useRef(null)
const [zoom, setZoom] = useState(defaultState.zoom)
const [bounds, setBounds] = useState([
[0, 0],
[0, 0],
])

useEffect(() => {
if (mapRef.current) {
mapRef.current.setZoom(zoom, { duration: 300 })
}
}, [zoom])

return (
<YMaps query={{ apikey: YMAPS.APIKEY_DEV }}>

<Map
defaultOptions={defaultOptions}
defaultState={defaultState}
instanceRef={(ref) => ref && (mapRef.current = ref)}
width={'100%'}
height={'100%'}
onMouseMove={() => setBounds(mapRef.current._bounds)}
onWheel={() => setZoom(mapRef.current._zoom)}
>
<Placemark
properties={{
iconContent: 'iconContent',
baloonContent: 'baloonContent',
hintContent: 'hintContent',
}}
options={{
iconLayout: 'default#imageWithContent',
iconImageSize: [100, 100],
balloonOffset: [3, -40],
iconImageHref: ,
}}
geometry={[55, 37]}
/>

<button className={styles.zoom_btn} onClick={() => setZoom((zoom) => zoom + 1)}>
+

<button className={styles.zoom_btn} onClick={() => setZoom((zoom) => zoom - 1)}>
-

)
}

[Manimall]

@grabelnikovRus iconImageHref: '/images/contacts/mapMarker.svg',