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

3 votes204 views3 answers
How to center a html header
CSS
0 vote185 views1 answer
React use global css classes
CSS
55 votes189 views5 answers
Margin shorthand CSS
CSS
7 votes195 views2 answers
Make all images same size css
CSS
2 votes175 views1 answer
Reset a tag css
CSS
28 votes191 views3 answers
Google font roboto
CSS
5 votes177 views4 answers
What is inset in css
CSS
2 votes175 views2 answers
How to move text down css
CSS
5 votes218 views3 answers
How to make a dotted hr in css
CSS
-2 votes192 views1 answer
How to add a button in html and css
CSS