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

2 votes371 views2 answers
Remove input styling
CSS
98 votes228 views2 answers
Css box-shadow shorthand
CSS
0 vote175 views1 answer
Css opacity from 0 to 1
CSS
0 vote177 views1 answer
Apt list only security updates
CSS
2 votes215 views1 answer
Css text dont select
CSS
-1 vote176 views1 answer
Materialize table padding css
CSS
0 vote230 views1 answer
Helooo
CSS
9 votes199 views3 answers
Css get rid of button outline on click
CSS
2 votes205 views1 answer
Css square image
CSS
0 vote171 views1 answer
Truncate long line with dots
CSS