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 vote120 views2 answers
Sass variables across files
CSS
0 vote112 views1 answer
Css cut lines
CSS
0 vote126 views1 answer
How to add font otf format in html
CSS
0 vote115 views1 answer
Css loader with gradient
CSS
0 vote117 views1 answer
How to center an overlay button using flex box
CSS
2 votes118 views2 answers
Css all children of type
CSS
0 vote110 views1 answer
Css grid auto row
CSS
1 vote144 views1 answer
Css scrollbar always visible
CSS
0 vote118 views2 answers
Bootstrap 4 scss angular 8
CSS
1 vote70 views2 answers
Css darken
CSS