Visualizador de Vector Drawable

Uso

Cole XML VectorDrawable à esquerda ou use Exemplo / Abrir arquivo. A pré-visualização atualiza ao digitar.
Fundo, zoom, RTL, tinta e cor do tema só mudam a pré-visualização. O XML de origem permanece.
Copie ou salve SVG, ou salve PNG. Nada é enviado ao servidor.

Entrada, saída, limites

A entrada é XML VectorDrawable ou um arquivo .xml. A saída é pré-visualização SVG ao vivo e exportação SVG/PNG. animated-vector renderiza só o <vector> estático interno. @color/?attr resolvem para a cor do tema. Rascunhos ficam 30 dias no armazenamento local deste dispositivo.

Exemplo

O exemplo oficial da bateria carregando — <vector> com <group> rotacionado e <path android:fillColor="#AARRGGBB"> — aparece como um ícone inclinado.

Sintaxe VectorDrawable

<vector>: viewportWidth/Height, width/height (dp), alpha, tint, autoMirrored
<path>: pathData, fillColor, fillAlpha, fillType (evenOdd/nonZero), strokeColor, strokeWidth, strokeLineCap/Join
<group>: rotation, pivotX/Y, scaleX/Y, translateX/Y nos filhos
<clip-path>: recorta o desenho do mesmo grupo
Cores: #RGB / #ARGB / #RRGGBB / #AARRGGBB. Android coloca o alfa primeiro.
Gradientes linear e radial API 24+ via aapt:attr. Sweep é aproximado/avisado.
Atributos de tema como ?attr/colorControlNormal usam a cor do tema.

Perguntas frequentes

O XML é enviado ao servidor?

Não. Colar, arquivos, pré-visualização e exportação ficam no navegador. Rascunhos só neste dispositivo.

AnimatedVectorDrawable é reproduzido?

Não. Só o <vector> estático dentro de <animated-vector> é desenhado. Sem ObjectAnimator.

Por que a cor está errada?

fillColor do Android é #AARRGGBB (alfa primeiro), não #RRGGBBAA do SVG. @color e ?attr sem recursos do projeto usam a cor do tema.