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 vote351 views1 answer
Docker buildx push to private registry
CSS
0 vote385 views1 answer
Jquery replace css class
CSS
0 vote359 views1 answer
Ul text decoration css
CSS
11 votes620 views2 answers
How to remove up and down arrows from input type number
CSS
0 vote374 views1 answer
Bast css 3d images gallery code
CSS
0 vote398 views1 answer
Css file verlinken
CSS
0 vote344 views2 answers
How to remove input background on select oin css
CSS
0 vote394 views1 answer
How to truncate a multiline text using css
CSS
17 votes399 views1 answer
Yarn problem
CSS
0 vote375 views1 answer
Rotate box-shadow
CSS