How to change color of marker icon shape to gradient?

General talk
1

I’m trying to use gradient for iconShape property. Now it has this color #4d8de8.

How to change it to gradient?

case "one":
            return L.BeautifyIcon.icon({
              icon: "leaf fa-lg",
              iconShape: "marker",
              borderWidth: "1.3",
              borderColor: "#4d8de8",
              textColor: "#3A5F0B",
              backgroundColor: "transparent"
            });
            break;
2

For best odds of a useful answer, please explain in a broader sense what you’re trying to do. Specifically, what app, programming language, etc. are you using? We can only guess.

3

Hi,
so I have this regular marker on a map. It’s unicoloured like this one

https://icons-for-free.com/map+marker+icon-1320166582858325800/

Instead of one color (borderColor property in my code) I’d like to use a gradient.

I’m using Java Script and Json. And of course HTML and CSS.

4

Update:

why this line of code

backgroundColor: "-webkit-linear-gradient(#9c47fc, #356ad2)",

added to the code above isn’t working? Isn’t even seen in devtools?

5

Please, Iconmania, try and answer this question:

Until you do, we have no idea of what you’re trying to do other than that it’s something to do with OpenStreetMap data. Currently we don’t know if you’re trying to process openstreetmap data for use on a web site, a phone application, a billboard or trying to engrave it in your lawn with weedkiller.