.ph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.ph::before {
  display: inline-block;
  font-family: "Onest", sans-serif;
  line-height: 1;
}

.ph-arrow-up-right::before { content: "↗"; }
.ph-list::before { content: "☰"; }
.ph-x::before { content: "×"; }
.ph-navigation-arrow::before { content: "⌖"; }
.ph-arrow-right::before { content: "→"; }
.ph-arrow-down::before { content: "↓"; }
.ph-arrow-left::before { content: "←"; }
.ph-waves::before { content: "≋"; }
.ph-users-three::before { content: "◉"; }
.ph-receipt::before { content: "▤"; }
.ph-paper-plane-tilt::before { content: "↗"; }
.ph-check::before { content: "✓"; }