SVG: Pros and Cons

Introduction to Scalable Vector Graphics (SVG)

Example of SVG Text
SVG Logo

What are SVGs?

Why use SVG?

What are the disadvantages to using SVG?

Exporting an SVG image

Exporting SVG on Figma
File Structure

Using the <img>Tag

VSCode of using an img tag for the SVG
The Result

Using Inline Tags

VSCode of Inline Tags

Using SVG as an <object>

VSCode of using <object> tag

Using an SVG Image as a Background

VSCode of css
Web Page result

Conclusion

Resources

Salvadoreña exploring the world of coding. Petting animals and building things that help people and the environment are my two biggest passions :) Based in NYC.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store