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

-1 vote298 views1 answer
Add shadow to background image css
CSS
0 vote308 views1 answer
Random color scss
CSS
5 votes264 views1 answer
Roblox player died
CSS
1 vote275 views1 answer
Linkedin color hez
CSS
0 vote280 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
13 votes292 views2 answers
Button edges rounded css
CSS
1 vote296 views1 answer
Tzutc
CSS
1 vote286 views1 answer
Remove line accordion material ui
CSS
-1 vote250 views1 answer
How to make div possion top in css
CSS
0 vote291 views1 answer
How to center an overlay button using css transform and translate
CSS