Как это нарисовать на css?
Вот такой вариант например.
При желании можно сделать почти любую фигуру.
Вот хорошая страница для вдохновения.
Фон плюс 2 прозрачных PNG для стрелки,  разделенной на 2 части.
Или фон плюс объект SVG.