Is it possible to have a custom layer symbol that isn't just an image?

[rowanfreeman]

I love the flexibility of the Marker component because you can put anything inside it. However I ran into performance problems, and it was just too many markers in a single area (500+).

So I switched over to using Source and Layer (symbols). This renders something really nice (text and an icon) and it's got great performance because it only renders a limited number of nodes at a time.

However, I discovered the Symbol Layer only allows for images (PNG, SVG) as the icon.

Is it possible to have the performance and simplicity of Layer with the customisation of Marker? For example, I'm trying to do something like this:

<Source data={data} type="geojson">
    <Layer
        id="data"
        type="symbol"
        layout={{
        'icon-image': <MyCustomIcon />,
        'text-field': ['get', 'name'],
        }}
    />
</Source>

Is this remotely possibly, or does anyone have any suggestions to achieve the same effect?