Custom TikZ node with svg path not clipped

Question

I would like to make a custom node shape with a small picture (on north east) using the svg directive of TikZ, because the picture comes from a svg path.

As you can see with this simple code, the picture is clipped and I don't want to add text (aaaa) to make the attached node larger.

It would be great if you can show me how to operate a scale and a shift on this small picture. All my tests failed!

\documentclass{article}
\usepackage{tikz}
\begin{document}
\usetikzlibrary{svg.path}
\tikzset{ 
  t1/.style={rectangle,fill=blue!20},
  t2/.style={path picture={ \draw[fill=red,draw=blue] svg "M0,0L10,10L20,0L10,-10Z";} } 
}
\begin{tikzpicture}
\node[t1](A) at (1,1){A}; \draw(A.north east) node[t2]{aaaa};
\node[t1](B) at (2,1){B}; \draw(B.north east) node[t2]{};
\end{tikzpicture}
\end{document}

Answer 1

I have drawn the shape centered around zero and smaller such that you can adjust the inner sep more comfortably.

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{svg.path}
\tikzset{ 
  t1/.style={rectangle,fill=blue!20},
  t2/.style={inner sep = 2mm,path picture={ 
        \draw[fill=red,draw=blue] svg "M-3,0L0,3L3,0L0,-3Z";} 
        } 
}
\begin{document}
\begin{tikzpicture}
\node[t1](B) at (2,1){B}; \node[t2] at (B.north east) {};
\end{tikzpicture}
\end{document}