これは SVG ではありません。「href="data:image/png;base64,~"」は「データURLスキーム」と呼ばれるもので、画像データを直接HTMLやCSSに埋め込むための形式です。
この形式では、「data:」の後にメディアタイプ(この場合は「image/png」)、次にデータのエンコーディング(この場合は「base64」)、そして実際のエンコードされたデータ(この場合は「~」)が続きます。
したがって、このデータURLはPNG画像を表しています。SVGとは異なり、PNGはラスターグラフィックス形式で、ピクセルデータを直接エンコードします。一方、SVGはベクターグラフィックス形式で、画像を数学的な形状とパスで記述します。
移動(translate)
縮尺(scale)
回転(rotate)
傾斜(skew)
/* transformの複数指定の方法 */
transform: scale(0.5, 0.5) rotate(-45deg) translate(-256px,500px);
これ、svgに使えて便利。
/* 左右に反転 */
transform: scale(-1, 1);
/* 上下に反転 */
transform: scale(1, -1);