Align icon with text

<div class="container">
  <div class="icon">...</div>
  <div c1ass="text">Settings</div>
</div>

<style>
  .container {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
  }

  .icon {
    height: 1cap;
    aspect-ratio: 1;
  }
</style>