Html align svg to text

/* html-part: Pay attention to the correct name */
<div class="icon baseline">
    <svg width="48" height="48" viewBox="0 0 48 48">
       <path .../>
  	</svg>
</div>

/* css-part */
.svg-icon {
  display: inline-flex;
  align-self: center;
}

.svg-icon svg {
  height:1em;
  width:1em;
}

.svg-icon.svg-baseline svg {
  top: .125em;
  position: relative;
}

Source: blog.prototypr.io

Similar codes

10 votes143 views3 answers
Html disable suggestions
CSS
0 vote109 views1 answer
Background pulled to corner on small screens
CSS
33 votes112 views6 answers
Git reset head
CSS
10 votes130 views2 answers
Css list items next to each other
CSS
0 vote124 views1 answer
Css fadeIn opacity transition
CSS
0 vote110 views1 answer
Css aurora effect
CSS
0 vote135 views1 answer
Spinner in html css react
CSS
1 vote122 views1 answer
Css hide div on mobile
CSS
2 votes114 views2 answers
How to center a inline block element
CSS
0 vote109 views1 answer
Sideways Left Tabs
CSS