Можно ли так сделать?

А если картинкой вставить в код?

 

Можно,но у тебя углы разные)

 

5ickppl_inactive2857169, Я знаю) Просто как пример сделал

--- Сообщение объединено с предыдущим 5 фев 2020

Quant_, Там можно будет фон залить,градиентом,если так сделать?

 

Хмм, объясни, пожалуйста, суть задачи
Нужно на сайте разместить эту фигуру, задать ему фон градиентом и сделать эту чёрную обводку?

 

Quant_, Ну в принципе ты правильно понял

 

А после размещения этой фигуры нужно будет как-нибудь с ней взаимодействовать? Например, вставить поверх неё текст

 

Quant_, Да

 

Вроде это можно нарисовать при помощи SVG, но я и сам в этом плохо разбираюсь
Есть вариант, чтобы вырезать эту фигуру и вставить в код через <img>, либо же, думаю, будет лучше создать <div> и в CSS коде задать ему background-image
А чтобы разместить текст поверх этой картинки, попробуй воспользоваться этим видео (не реклама):

 

Благодарю попробую

 

Не за что, буду рад, если смог помочь тебе)