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 vote155 views2 answers
Writing mode css
CSS
2 votes148 views1 answer
Transition syntax css
CSS
25 votes154 views3 answers
How to add spaces between text in html
CSS
85 votes140 views6 answers
Color code green
CSS
0 vote177 views1 answer
Bootsrap view only landscape
CSS
0 vote133 views1 answer
Text decoration css transition
CSS
0 vote140 views1 answer
Vertical align h1 inside div
CSS
1 vote164 views1 answer
Remove border between td
CSS
3 votes142 views2 answers
Remove highlight input css
CSS
0 vote154 views1 answer
Center a button wordpress
CSS