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

20 votes106 views4 answers
Css list no bullets
CSS
2 votes114 views2 answers
Link to css html
CSS
0 vote117 views1 answer
Disable line breaking html span
CSS
0 vote115 views1 answer
Css add margin to a particular div in print screen
CSS
2 votes107 views1 answer
Blue outline after click when in mobile view
CSS
0 vote99 views1 answer
If child elemnt is hovered do changes to the container css
CSS
4 votes130 views4 answers
Conditionally assign a css class angular 9
CSS
3 votes101 views1 answer
Remove default style from links css
CSS
3 votes116 views4 answers
Remove outline on button click
CSS
0 vote111 views1 answer
Hide the default tooltip behaviour from safari
CSS