Icons and the web app manifest in HTML

The set of links that decide what your page looks like on a tab, a phone and a bookmark.

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="alternate" type="application/rss+xml"
      title="typestar releases" href="/releases.xml">

How it works

An SVG icon scales to every size a browser asks for.
apple-touch-icon is the one iOS uses for a home screen shortcut.
The manifest carries the name, colors and icons for an installed app.

The run, in numbers

Lines: 6
Characters to type: 313
Tokens: 57
Three-star pace: 75 tpm

At the three-star pace of 75 tokens a minute, this run takes about 46 seconds.

Type this snippet

Step 6 of 6 in Metadata, step 22 of 23 in Semantics & metadata.

← Previous Next →