Как нарисовать на CSS фигуры?

Question

[by_ultra]

Всем добра.
Может кто-то подскажет, как нарисовать следующие фигуры, ранее никогда не сталкивался с подобным(





Заранее благодарю.

Comments

[Андрей Федоров]

А с поиском вы сталкивались? Даже на этом сайте, такой вопрос задавали и отвечали на него раз 100...

[by_ultra]

Андрей Федоров, Другие фигуры находил.
Подобным этим нет.

Answer 1

[Олег]

Answer 2

[Sergei Nazarenko]

как вариант

Comments

[by_ultra]

Большое спасибо, а как градиентную полосу, можно убрать?
Мои способы потерпели крах.

[by_ultra]

Нашел решение через

-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%);

Спасибо.