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 vote141 views1 answer
Text decoration css transition
CSS
0 vote156 views1 answer
Css background half one color the other half another color
CSS
0 vote126 views1 answer
New margin property css 2021
CSS
0 vote145 views1 answer
How to select classes that start with a certian name
CSS
25 votes281 views8 answers
Background image with gradient css
CSS
0 vote211 views1 answer
How to make multiple borders using box shadow in css
CSS
23 votes172 views5 answers
Image rotate css
CSS
0 vote172 views2 answers
Css background image is not show change default picture
CSS
1 vote160 views1 answer
What css font smoothing
CSS
22 votes168 views6 answers
Font family css
CSS