.icon
{
  text-align: center;
  position: relative;
  display:inline-block;
  background:black;
  color:white;
}
.icon i
{
  position: absolute;
  left:50%;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
}
.quad_50
{
  height:50px;
  width:50px;
}
.square_40
{
  height:40px;
  width:40px;
}
.rounded_icon_decorator
{
  position: relative;
  font-family: 'Font Awesome\ 5 Free';
}
.rounded_icon_decorator::after{
  font-family: 'Font Awesome\ 5 Free';
  position: absolute;
  top:-4px;
  right:-4px;
  height:20px;
  width:20px;
  content: "\f00c";
  border-radius:9999px;
  background-color:#6fa825;
  font-size:9px;
  line-height:20px;
  font-weight: 900;
}