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 vote245 views1 answer
Icon float right side input css
CSS
0 vote262 views1 answer
Responsive page
CSS
0 vote288 views1 answer
React use global css
CSS
2 votes267 views3 answers
Make an image smaller css
CSS
0 vote250 views1 answer
Comentarios en archivo scss
CSS
0 vote255 views1 answer
Disable button outline in css
CSS
0 vote242 views2 answers
Css gradient rgba to hex
CSS
0 vote264 views1 answer
CodeIgniter + WordPress integration
CSS
0 vote285 views1 answer
Mixed-blend-mode css all properties
CSS
1 vote251 views1 answer
Css div on the bottom
CSS