Inline svg css

Add svg to html

<!-- external svg -->
<img src="mySvgImage.svg" />

<!-- internal svg example -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect width="100" height="100" x="50" y="50"/>
</svg>

Using svg in html

<img src="image.svg" />

Source: vecta.io

Inline svg css

body { background-image: 
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>");
      }

Source: stackoverflow.com

Similar codes

0 vote234 views10 answers
Stack Overflow
CSS
3 votes330 views8 answers
What is display grid css
CSS
23 votes199 views4 answers
Gradient border css
CSS
36 votes199 views4 answers
Text color as gradient css
CSS
1 vote214 views1 answer
Clear both css
CSS
2 votes214 views2 answers
Display none transition
CSS
5 votes220 views3 answers
How to change radio button color
CSS
16 votes199 views2 answers
Not last child css
CSS
0 vote184 views1 answer
Input readonly css
CSS
1 vote193 views1 answer
On clicking a link it gets red color
CSS