Vertical align svg?

Question

css

These icons are inline svg. They are display:inline-block and vertical-align:middle. However, everything is still going somewhere. If the parent of the breadcrumbs is line-height:1, then everything is fine ... I
suspect that this is due to the fact that body has line-height:1.45 set.
How can I universally align inline svg icons?

Answer 1

I have been using flexbox for a long time for this

.container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

and all