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 vote194 views1 answer
How to change what twine looks like
CSS
0 vote189 views1 answer
Click a list html css
CSS
0 vote171 views1 answer
Adding a perfect responsive background image
CSS
72 votes179 views6 answers
How to center text in a div
CSS
0 vote169 views1 answer
Elementor ccs code for gradient
CSS
0 vote169 views1 answer
Datepicker not select future date odoo 13
CSS
2 votes182 views3 answers
How to make a html css js editor
CSS
0 vote179 views1 answer
Change parent div css on over of child
CSS
-1 vote231 views1 answer
Change font size on large screen resolution bootstrap
CSS
101 votes170 views4 answers
Css top padding
CSS