<div class="container">
  <img src="https://assets.codepen.io/221808/uni.svg" width="100" height="100" alt="UNI" />
  <p><span class="material-symbols-outlined">
      pets
    </span></p>
  <p><span class="material-symbols-outlined">
      pets
    </span></p>
  <img src="https://assets.codepen.io/221808/uni.svg" width="100" height="100" alt="UNI" />
</div>

.container {
  display: grid;
  place-items: center;
  place-content: center;
  grid-template: repeat(2, auto) / repeat(2, auto);
}

/* その他のスタイル */

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 100, "GRAD" 0, "opsz" 48;
  font-size: 50px;
}

html,
body {
  height: 100%;
  background-color: #e8faff;
}

body {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM,
    "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #087c98;
}

.container {
  height: 100%;
  gap: 20px;
}