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 vote147 views1 answer
How to set initial state after first time in formik
CSS
1 vote153 views1 answer
Onclick change visibility
CSS
19 votes188 views6 answers
Box shadow
CSS
5 votes132 views1 answer
Css table border-collapse
CSS
12 votes145 views3 answers
Sticky header css
CSS
24 votes131 views3 answers
Css remove outline
CSS
11 votes149 views5 answers
Css affect other elements on hover
CSS
0 vote137 views1 answer
Css tutorial point
CSS
0 vote141 views1 answer
How to make a text in center with background color in css
CSS
1 vote133 views1 answer
Scroll bottom css
CSS