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 vote116 views3 answers
Css make div one line
CSS
0 vote126 views1 answer
Position an icon in relation a parent element
CSS
1 vote118 views1 answer
Gulp with pm2
CSS
15 votes117 views3 answers
Css wrap
CSS
33 votes123 views6 answers
Css flex center
CSS
27 votes122 views3 answers
Align div to center of screen
CSS
17 votes133 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
102 votes116 views6 answers
How to center an element in css
CSS
0 vote121 views1 answer
Animations
CSS
51 votes119 views6 answers
Css first element
CSS