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

0 vote201 views1 answer
Centos 8 cron on reboot
CSS
2 votes200 views1 answer
How to center with position fixed
CSS
145 votes224 views10 answers
Grepper
CSS
0 vote164 views2 answers
Media query for tablet only
CSS
0 vote225 views1 answer
Ecto generator create new mvc
CSS
2 votes224 views1 answer
Css square image
CSS
0 vote199 views1 answer
Slect all li that not have ul
CSS
0 vote188 views1 answer
How to add a pure css loading spinner
CSS
0 vote205 views5 answers
Rosa
CSS
0 vote194 views1 answer
Css animation scale image
CSS