Skip to main content
SVG

SVG

6 4.4
A computer file type used on the web for images that stay sharp when you make them bigger or smaller
  • noun
  • /ɛs vi dʒi/
  • Specialized
translation icon : SVG
  • How do I make an SVG object that links to an internet site when I click on it?

Remember all of these, the way you refer to them is you say SVG is an application of XML.

Examples

  • The website uses an SVG file for its logo to ensure it looks clear on all devices.

  • So much of the graphical interface can be drawn with CSS, SVG, and Canvas these days.

    Blog text (20)
  • And basically to use this, all you do is first draw some random shape and save it as an SVG file.

  • First, look at the <svg> element and try adding the following if it's not there already:

    Blog text (26)
  • I have already been using the SVG wiki page for a project I'm currently working on.

    Blog text (7)
  • Save it as an SVG file and then open on Easel, which is the free software from Inventables.

  • Now I need to save it as an SVG file in Open Easel, which is the free software that I use with my carving machines.

  • All standard-conformant SVG renderers show them the same as in Inkscape.

    Blog text (26)
  • Inkscape wants to be a complete SVG-compliant vector graphics editor.

    Blog text (26)
  • And since February 2006, Blender can import SVG data and extrude it to render 3D graphics.

    Blog text (26)

Surface Forms

SVG singular
SVGs plural

Morphology

SVG = Scalable Vector Graphics (opaque) = S + V + G

The initialism 'SVG' does not allow learners to infer the full phrase 'Scalable Vector Graphics' from the letters without prior knowledge.

Etymology

The word SVG stands for Scalable Vector Graphics. Think of scalable as 'can change size' and vector as a picture 'made from points and lines', not tiny dots, so an SVG image stays sharp no matter how big or small it becomes.