在固定的div中对齐和居中图像

我有一个非常简单的页面,固定的页脚.在这个页脚上,我想放置5个图像居中,它们之间的距离相等.

这是我的HTML/CSS:
Footer div:

div.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 9%;
    background-color: pink;
}

和HTML:

这是我获得的:

我想在中心显示红色图标.它应具有响应性,具体取决于使用'%'值的显示分辨率.我想在页脚中做一个网格.但有更简单的方法吗？在网上找不到任何关于此的内容,希望它不是重复的!预先感谢您的任何帮助 !

您可以再补充text-align: center上fixed股利.

div.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 9%;
  background-color: pink;
  text-align: center;
}