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

2 votes315 views2 answers
Css border top linear gradient
CSS
0 vote345 views2 answers
Icon rounded corners css
CSS
3 votes333 views3 answers
Open sans css
CSS
0 vote330 views2 answers
How to change svg image color on hover using css
CSS
0 vote353 views2 answers
Scrollbar not working
CSS
0 vote322 views1 answer
What is bulletproof buttons
CSS
-1 vote343 views1 answer
Critical css
CSS
33 votes331 views6 answers
Git reset head
CSS
0 vote332 views3 answers
Css keep focus color on div after click
CSS
8 votes313 views1 answer
Remove styles button
CSS