Примеры SVG


svg 
Ответы
<svg width="300px" height="300px">
    <circle class="sector" r="150" cx="150" cy="150" fill="#eee"/>
    <path d="M150,60 L148,2 A148,148 90 0,1 296 150 L240,150 A88,88 90 0,0 150,60" fill="#ccc"></path>
</svg>

 

<svg width="300px" height="300px">
    <path d="M150,60 L150,0 A150,150 90 0,1 300 150 L240,150 A90,90 90 0,0 150,60" fill="#ccc"></path>
    <path d="M240,150 L300,150 A150,150 270 1,1 150 0 L150,60 A90,90 270 1,0 240,150" fill="#eee"></path>
</svg>

Возможно будут интересны и другие вопросы
© RemiZOffAlex