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

4 votes152 views1 answer
How to stop an image repeating in css
CSS
2 votes171 views2 answers
Vertical align span tailwindscss
CSS
0 vote179 views1 answer
Button two lines on ipad
CSS
0 vote166 views10 answers
How to create a snake game in html css js
CSS
0 vote174 views1 answer
Tailwind accordion
CSS
1 vote139 views1 answer
How to add background image in a container css
CSS
2 votes151 views2 answers
Display flex align last item to left
CSS
32 votes166 views6 answers
Css animations
CSS
0 vote144 views1 answer
Remove or hide powered by text from Google Translate
CSS
0 vote149 views1 answer
Remove required effect in css
CSS