green_icon.jsx

const StatusIcon = () => {
    const color1 = "green";
    const color2 = "#74ba74";
    const color3 = "#74ba74";
    const radius = 50;
    return <div id="status_icon"><style>{`
        #status_icon{
            width: ${radius}px;
            height: ${radius}px;
            border-radius: ${radius}px;
            background-image: -moz-radial-gradient(12px 12px 45deg, circle cover, ${color1} 0%, ${color2} 100%, ${color3} 95%);
            background-image: -webkit-radial-gradient(12px 12px, circle cover, ${color1}, ${color2});
            background-image: radial-gradient(12px 12px 45deg, circle cover, ${color1} 0%, ${color2} 100%, ${color3} 95%);
        }
    `}</style></div>
}