Нужно чтобы дизайн показывал HTML (Div) со значком настроек

Question

Мне нужна помощь в показанном ниже дизайне HTML со значком настроек, как показано на рисунке.

Answer 1

.polydiv {
  clip-path: polygon(48% 0, 100% 0, 100% 30%, 83% 43%, 83% 77%, 0 77%, 0 0);
  width: 160px;
  height: 160px;
  padding:5px;
  position:relative;
  background: #ccc;
}

.right_pos {
  position: absolute;
  right: 9px;
  top: 5px;
  margin: 0;
}

ul li {
  list-style-type: none;
  margin-bottom:6px;
}
ul li i {
 color:#ffffff;
 font-size:16px;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<div class="polydiv">
clip-path property used
  <ul class="right_pos">
    <li><i class="fa fa-cog fa-spin"></i>
      <li>
        <li><i class="fa fa-backward"></i>
          <li>
  </ul>
</div>

пожалуйста, проверьте, полезно ли это вам ...