SVG Comet

An comet like shape drawn in SVG

by IPWright83

HTML

<svg width="500" height="500">
    <defs>
        <filter id="f1" x="-0.5" y="-0.5" width="200%" height="200%">
            <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
        </filter>
    </defs>
    <g class="comet" transform="translate(250,250)scale(3)">
        <!--<path d="M-14,0 s 12,-28 28,-0 "/>-->
        <path d="M12,0a12,12 0 1,0 -24,0 l12,40 l12,-40z" filter="" />
        <circle r="4" cx="0" cy="0" fill="#8BC34A"  />
        
    </g>
</svg>

CSS

body {
    background: black;
}

.comet circle {
    fill: white;
}
.comet path {
    fill: white;
    opacity: 0.8;
}