JSFiddle - React, Tailwind, and code Playground

HTML

<div id="octogono"></div>

CSS

#octogono {
  width: 150px;
  height: 150px;
  background: #999;
  position: relative;
}
#octogono:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 44px solid #999;
  border-left: 44px solid #fff;/*Para el ejemplo he elegido blanco, poned vosotros el color de fondo de vuestra web. No uséis transparent porque entonces se verá el color de fondo del cuadrado*/
  border-right: 44px solid #fff;
  width: 63px; height: 0;
}
 
#octogono:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 44px solid #999;
  border-left: 44px solid #fff;
  border-right: 44px solid #fff;
  width: 63px;
  height: 0; }