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

1 vote355 views2 answers
Media max height css
CSS
4 votes376 views2 answers
How to remove onclick input border
CSS
1 vote392 views1 answer
How to change what twine looks like
CSS
2 votes357 views1 answer
How to add a black border around text css
CSS
7 votes369 views3 answers
Text unselectable css
CSS
0 vote370 views1 answer
Enque script only on specific archive page
CSS
6 votes385 views3 answers
.row bootstrap
CSS Bootstrap
0 vote360 views1 answer
Laravel load css from public
CSS
0 vote415 views1 answer
Table tr sortable helper css
CSS
0 vote366 views1 answer
This syntax requires an imported helper but module 'tslib' cannot be found.
CSS