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 vote242 views1 answer
Create a animation name in css
CSS
1 vote207 views1 answer
Ionic textarea placeholder color
CSS
0 vote194 views2 answers
Drop function postgresql
CSS
0 vote216 views2 answers
Désactiver le hotlinking de vos images
CSS
0 vote314 views1 answer
Bulma modal
CSS Bulma
0 vote204 views1 answer
Wordpress link post tags
CSS
1 vote219 views1 answer
Clear both css
CSS
0 vote207 views2 answers
Clearfix
CSS
0 vote200 views1 answer
Roam research
CSS
0 vote152 views1 answer
Flex-decoration column
CSS