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

1 vote314 views3 answers
Css hover animation text
CSS
4 votes251 views1 answer
Css first h element
CSS
33 votes255 views4 answers
Css background collor
CSS
150 votes336 views2 answers
How to link your css file to html
CSS
0 vote348 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
1 vote270 views2 answers
1rem to px
CSS
0 vote295 views1 answer
Css display table row gap
CSS
2 votes262 views1 answer
Size carousel bootstrap 4
CSS
0 vote283 views1 answer
QAnon Won't believe who
CSS
0 vote283 views1 answer
Link para inserir css
CSS