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 votes305 views2 answers
Css how to change font colr
CSS
0 vote317 views1 answer
Css if select has value
CSS
0 vote323 views1 answer
Nth-of-type(2):before
CSS
-1 vote309 views1 answer
Css tricks
CSS
63 votes336 views6 answers
Text shadow
CSS
0 vote310 views1 answer
Center tecxt css
CSS
0 vote371 views1 answer
Select html stop blue border
CSS
1 vote326 views1 answer
Edge media query
CSS
0 vote275 views1 answer
Set background transparency
CSS
1 vote339 views1 answer
Clear both css
CSS