Openlayers 3 - Create symbol like openlayers 2 -> OpenLayers.Renderer.symbol.anySymbol

Question

In the Openlayers v2 I could add symbols like:

OpenLayers.Renderer.symbol.pointToIcon = [100, 70, 20, 50, 42, 70, 20, 90];

How can I do it with Openlayers 3 ?

In the openlayers 3 I can use this feature:

var starSymbol = new ol.style.RegularShape({
    points: 4,
    opacity: .5,
    radius: 10,
    radius2: 10 * .5,
    angle: 130,
    fill: new ol.style.Fill({
        color: "blue"
    }),
    stroke: new ol.style.Stroke({
        color: "red",
        width: 1
    })
});

I can make the other figures,but I can't make the following figure.

In addition, I don't use 'Icon' like:

new ol.style.Style({
    image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
        anchor: [0.5, 46],
        anchorXUnits: 'fraction',
        anchorYUnits: 'pixels',
        opacity: 0.75,
        src: 'data/icon.png'
    }))
})

Because the color of icon is fixed and I can't use my needed colors.

Answer 1

You can find solution in this post. We can use earthquake custom symbol to create own custom shapes.