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

5 votes123 views2 answers
Overflow dots css
CSS
7 votes142 views2 answers
Transition css hover
CSS
4 votes138 views2 answers
How to remove horizontal scrolling
CSS
0 vote126 views2 answers
How to evenly space icons in a div css
CSS
0 vote129 views1 answer
Css media query for mobile and hide a row wordpress
CSS
20 votes131 views5 answers
Background color transparent opacity css
CSS
0 vote127 views1 answer
Css broken image has top margin?
CSS
1 vote133 views1 answer
To make the content of the select2 RTL or LTR
CSS
0 vote120 views1 answer
How to use the display property
CSS
1 vote135 views1 answer
Css animation display none
CSS