Как сделать такую фигуру с помощью css?
Как вариант - https://jsfiddle.net/ncjd769m/1/
Для реализации на CSS потребуются как минимум conic-gradient() и CSS Masks, и то и другое весьма далеко до широкой поддержки браузерами, поэтому гораздо проще будет просто сделать SVG картинку.