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 vote338 views1 answer
Css quitar el icono de lista
CSS
75 votes332 views6 answers
Flexbox
CSS
1 vote339 views1 answer
Css div on the bottom
CSS
66 votes351 views6 answers
How to center a div with position absolute
CSS
7 votes406 views6 answers
Css background overlay
CSS
0 vote398 views2 answers
Css grid cheat sheet
CSS
1 vote371 views2 answers
Round one side of div css
CSS
5 votes327 views1 answer
Roblox player died
CSS
51 votes322 views6 answers
Ellipsis css
CSS
-1 vote341 views3 answers
Transparent background css for image
CSS