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

3 votes180 views5 answers
Css keep aspect ratio image
CSS
3 votes223 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote209 views2 answers
Print to pdf setting css for A4 size
CSS
5 votes187 views2 answers
Make background overlay css
CSS
60 votes187 views3 answers
Media query for mobile view css
CSS
0 vote166 views1 answer
How to give linear transprerancyon background image
CSS
1 vote184 views1 answer
Ionic input line color
CSS
0 vote204 views3 answers
Svg background css
CSS
13 votes184 views4 answers
Reduce image size css
CSS
0 vote177 views1 answer
Dict to sql python
CSS