Как можно сделать данный элемент?
Попробуй на фон просто поставить градиент, а там, где надо его обрезать, размести белые треугольники с помощью position: absolute и псевдоэлементов :: before и ::after. Если треугольники будут под фоном, то добавь z-index
В общем заумного ни чего нету здесь - рисуем обычный path и между defs располагаем linearGradient с уникальным ID и активному блоку присваиваем для SVG именно такой фон 

Сама фигура делается с таких расчётов  => если viewBox="0 0 200 70" то и path d будет таким M0,0 200,0
200,50 100,70 0,50 подробнее я уже пытался по teamviewwer объяснить ты мне не дал ..если не получается сделать в ручную то покупаем или пользуемся халявным векторным редактором ...открываем рисуем и сохраняем и вставляем в html в нужный блок ..в моём случае на ручном приводе получилось вот так 

snippet