Development https://feed.newshole.app/ SVG svg Mon, 09 Nov 2026 18:00:00 +0000 Width and height

A drawing written into the article, with a width and a height.

Proportions only

A drawing with a shape but no width or height, which a browser stretches across the column.

Wider than the column

A drawing whose width is far wider than any column.

Text

A chart with labels and numbers drawn as text.

Visits Mon Tue Wed Thu Fri 40 60 30 70 50

Text color and no background

The same drawing twice, with no background: first drawn in the text’s color, which a browser follows into dark mode, then drawn in black.

Icon in a sentence

A star sits inside this sentence, hidden from VoiceOver, as a site’s decorative icon is.

File as a picture

An SVG file as a picture, with a width and a height, then the same file without them, then a file with a shape but no size of its own.

A red circle, a blue square, and a green triangle. A red circle, a blue square, and a green triangle. Four circles in a row: blue, green, orange, and red.

Picture in a link

An SVG file as a picture, inside a link to the file.

A red circle, a blue square, and a green triangle.

Figure with a caption

Three circles overlapping, each see-through.

Script and animation

Both squares are green unless a script ran: the drawing’s script turns the left one red, and its load handler the right one. The circle moves while the drawing animates.

Markup in code

An SVG drawing’s markup, written as code.

<svg width="16" height="16" viewBox="0 0 16 16">
  <circle cx="8" cy="8" r="7" fill="currentColor"/>
</svg>
]]>