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

7 votes348 views4 answers
How to crop images in css
CSS
4 votes313 views4 answers
What is the "style", when creating an internal CSS?
CSS
2 votes349 views2 answers
Css change image color
CSS
0 vote344 views1 answer
100 bytes of css
CSS
-2 votes351 views1 answer
Scaling Images and Videos css
CSS
2 votes362 views1 answer
Transform:translateX()
CSS
0 vote355 views1 answer
Mediaquery for portrate
CSS
1 vote360 views1 answer
Css target except id
CSS
60 votes372 views3 answers
Media query for mobile view css
CSS
0 vote353 views1 answer
Css opacité fond mais pas texte
CSS