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 vote154 views1 answer
Box shadow to table cell css
CSS
0 vote168 views1 answer
Uninstall wine 6.0.1
CSS
0 vote172 views2 answers
How to insert icons pseudo content
CSS
28 votes144 views3 answers
Display sm none
CSS
99 votes171 views3 answers
Position property css
CSS
23 votes150 views4 answers
Css gradient border
CSS
0 vote139 views1 answer
Import scss
CSS
0 vote142 views1 answer
Vuetify input change outline color
CSS
4 votes160 views2 answers
Html css rounded corners with mark
CSS
1 vote149 views1 answer
Css show scrollbar if overflow
CSS