Create any kind of polygon using clip-path.
Triangle, Rhombus, Hexagon, Octagon, and more!
.polygon {
width: 200px; /* adjust to control the size */
aspect-ratio: 1;
clip-path: polygon(100% 50%,90.45% 79.39%,65.45% 97.55%,34.55% 97.55%,9.55% 79.39%,0% 50%,9.55% 20.61%,34.55% 2.45%,65.45% 2.45%,90.45% 20.61%);
}