SVG en línea en HTML

Un ícono pequeño escrito directo en el marcado, estilable con CSS.

<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"
     fill="none" stroke="currentColor" stroke-width="2">
  <path d="M4 12l5 5L20 6"></path>
</svg>
<svg width="16" height="16" viewBox="0 0 16 16" role="img">
  <title>Streak on fire</title>
  <circle cx="8" cy="8" r="7" fill="currentColor"></circle>
</svg>

Cómo funciona

1. viewBox fija el sistema de coordenadas, así escala limpio.
2. currentColor hace que la forma herede el color del texto.
3. aria-hidden oculta un ícono decorativo de los lectores de pantalla.

El intento, en números

Líneas

8

Caracteres a escribir

313

Tokens

84

Ritmo de tres estrellas

75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 67 segundos.

Escribe este fragmento

Paso 6 de 9 en Medios e incrustaciones; paso 13 de 23 en Semántica y metadatos.

← Anterior Siguiente →