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

27 votes188 views6 answers
Import font css
CSS
0 vote173 views1 answer
Container media queries for large displays
CSS
7 votes130 views2 answers
Html vertical and horizontal center
CSS
2 votes243 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote237 views2 answers
Mat input change placeholder color
CSS
9 votes168 views4 answers
Css size button
CSS
1 vote198 views1 answer
Composer use different php version
CSS
0 vote186 views1 answer
Have button beside form input
CSS
-1 vote206 views1 answer
How to do text center of select element
CSS
7 votes190 views2 answers
Rem vs em
CSS