I used the following code to draw this drawing
\documentclass{beamer}
\beamertemplatenavigationsymbolsempty
\usepackage{tikz}
\tikzset{contour/.style={insert path={(0,-2) foreach \X in {0,90,180,270}
{[rotate=\X] -- (0,-2) to [out=0,in=-120] ++ (0.2,0.1) to [out=60,in=-150] ++ (1.7,1.7) to [out=30,in=-90] ++ (0.1,0.2)} -- cycle
}}}
\begin{document}
\begin{frame}[t]
\frametitle{Spirograph 1 outline}
\begin{tikzpicture}
\begin{scope}
\foreach \Y [count=\Z starting from 0] in {red,blue,blue!50} {\draw[rotate=\Z*30,contour,fill opacity=0.5]; }
\foreach \Y in {0,1,2}
{
\begin{scope}
\foreach \Z in {0,1,2} {\ifnum\Y=\Z \else \path[clip,rotate=\Z*30,contour]; \fi};
\end{scope}
}
\foreach \Y [count=\Z starting from 0] in {red,blue,blue!50} {\draw[draw=\Y,line width=0.5mm,rotate=\Z*30,contour]; }
\end{scope}
\end{tikzpicture}
\end{frame}
\end{document}
From the answers to this and this questions, in which only the outer outline is displayed; I would like to apply this used code
\begin{tikzpicture}[pics/fcross/.style={code={
\path[line width=.1cm,fill=blue!40!white, looseness=1,pic actions]
(0,-2) foreach \X in {0,90,180,270}
{[rotate=\X] -- (0,-2) to [out=0,in=-120] ++ (0.2,0.1) to [out=60,in=-150] ++ (1.7,1.7) to [out=30,in=-90] ++ (0.1,0.2)} -- cycle;
}}]
\begin{scope}[blend group=lighten,fill opacity=.4]
\path foreach \Y in {0,30,60} {pic[rotate=\Y,scale=2] {fcross}};
\end{scope}
\path foreach \Y in {0,30,60} {pic[rotate=\Y,scale=2,draw=blue!40] {fcross}};
\end{tikzpicture}
to produce the following drawings.




