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

41 votes320 views6 answers
Linux folder size
CSS
0 vote316 views1 answer
Checkbox before stretching with css
CSS
13 votes300 views3 answers
Rotate image html
CSS
0 vote324 views1 answer
Inline styling width
CSS
2 votes309 views2 answers
Nunito font
CSS
0 vote312 views1 answer
Tailwind accordion
CSS
0 vote303 views1 answer
&:disabled not working sass
CSS
118 votes349 views6 answers
Css @media
CSS
0 vote297 views1 answer
Send element to center of div
CSS
0 vote369 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap