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 vote191 views1 answer
Css div went over top menu
CSS
0 vote216 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
1 vote180 views3 answers
Background image in css is not working
CSS
0 vote187 views1 answer
Resize logo html css
CSS
0 vote235 views1 answer
Move scrollbar on element to right side
CSS
3 votes189 views2 answers
Css table row border radius
CSS
0 vote184 views1 answer
Como fazer uma linha vertical no html
CSS
5 votes186 views3 answers
Background-image linear gradient and border radius
CSS
0 vote192 views2 answers
Adding font in nextjs
CSS
21 votes203 views2 answers
Ul css in one line
CSS