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

4 votes191 views2 answers
How to get all values from object in javascript
CSS
0 vote204 views1 answer
Css youtube video get rid of black border
CSS
0 vote204 views1 answer
CSS logo left and navigation right
CSS
0 vote253 views1 answer
Justify xd
CSS
0 vote255 views1 answer
Table inside table not matching borders
CSS
0 vote224 views1 answer
How to set color of instagram css
CSS
0 vote230 views1 answer
Breaking bad api
CSS
8 votes209 views2 answers
CSS make image fill whole background
CSS
3 votes221 views2 answers
How to zoom iin by default in html page
CSS
0 vote189 views1 answer
Css flex alle elemente gleiche höhe
CSS