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 vote357 views1 answer
GET /style.css HTTP/1.1" 404
CSS
7 votes283 views2 answers
How to make image same size as text css
CSS
15 votes295 views3 answers
Image rotate with css
CSS
0 vote331 views1 answer
Css packer cli
CSS
2 votes249 views1 answer
Function debounce
CSS
1 vote271 views1 answer
When is raksha bandhan in india 2020
CSS
115 votes308 views6 answers
Css padding
CSS
12 votes255 views4 answers
Need short long paragraph css
CSS
18 votes249 views2 answers
Hover transition css
CSS
2 votes292 views2 answers
Half circle css
CSS