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

6 votes164 views6 answers
How to properly install tailwind css in react
CSS
0 vote180 views1 answer
Font weightcss
CSS
-1 vote185 views1 answer
Link design like a Button"
CSS
-1 vote197 views2 answers
How to put different p elements next to each
CSS
0 vote157 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote186 views1 answer
Css top right corner
CSS
76 votes166 views6 answers
Reduce method
CSS
0 vote182 views1 answer
Html don't select text
CSS
5 votes187 views1 answer
Html how to indent text
CSS
0 vote195 views1 answer
Opposite of visibility hidden in css
CSS