Как в svg отрисовать такую фигуру?

Question

[V1a7te1in]

В общем, имеется такой блок:

и не знаю как его отрисовать.. большая просьба помочь

Comments

[Дима Паутов]

А почему это должен быть svg блок?

[V1a7te1in]

Дима Турков: если вы сумеете предложить варианты реализации исключительно css-ом - буду только рад)

[Дима Паутов]

V1a7te1in: а что там не реализуемо на css&

[V1a7te1in]

Дима Турков: речь не идёт о содержимом блока. Речь о его форме.

[Дима Паутов]

V1a7te1in: Сохранили картинку и на фон

Answer 1

[Капитан Какао]

Открываете иллюстратор, рисуете нужную фигуру, жмёте сохранить как и выбираете формат SVG
Затем чистите код от мусора который в него пихает иллюстратор и получаете результат:
https://jsfiddle.net/2m5eggfo/
Кстати пример резиновый, растягивается по ширение.

UPDATE 1

Так же сделал пример с размещением контента внутри SVG фигуры.
https://jsfiddle.net/2m5eggfo/1/

И это лишь один из вариантов, реализовать это можно и другими способами.

Answer 2

[Максим]

Тоже свои пять копеек вставлю



https://codepen.io/simkaUser/pen/LLWodP?editors=1000