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 vote140 views1 answer
Css make all text center
CSS
0 vote121 views2 answers
Css text truncate 2 lines
CSS
0 vote142 views1 answer
SPECIFIC CHILD ELEMENTS
CSS
0 vote127 views1 answer
Css grid first child
CSS
1 vote117 views1 answer
Associate checkbox with label
CSS
0 vote139 views1 answer
Use flex in container with multiple components
CSS
0 vote136 views1 answer
Import tailwind
CSS
3 votes145 views2 answers
What is vh in css
CSS
4 votes123 views2 answers
Css blink
CSS
0 vote85 views1 answer
Github-pages main.css cancel
CSS