+ svg
+ />
+ </g>
+ <g transform={transform(4.5, 5)}>
+ <ToggleIcon controller={ToggleIcon.simpleController} icons={['mushroom']} svg />
+ </g>
+ <g transform={transform(0.5, 6.5)}>
+ <ToggleIcon controller={ToggleIcon.simpleController} icons={['boots']} svg />
+ </g>
+ <g transform={transform(1.5, 6.5)}>
+ <ToggleIcon
+ controller={ToggleIcon.progressiveController('lift', 0, 2)}
+ icons={['glove', 'mitts']}
+ svg
+ />
+ </g>
+ <g transform={transform(2.5, 6.5)}>
+ <ToggleIcon controller={ToggleIcon.simpleController} icons={['flippers']} svg />
+ </g>
+ <g transform={transform(3.5, 6.5)}>
+ <ToggleIcon controller={ToggleIcon.simpleController} icons={['moonpearl']} svg />
+ </g>
+ <g transform={transform(4.5, 6.5)}>
+ <ToggleIcon
+ controller={ToggleIcon.simpleController}
+ icons={['half-magic', 'quarter-magic']}
+ svg
+ />
+ </g>
+ <g transform={transform(0.5, 7.5)}>
+ <ToggleIcon
+ controller={ToggleIcon.progressiveController('sword', 0, 4)}
+ icons={['sword-1', 'sword-2', 'sword-3', 'sword-4']}
+ svg
+ />
+ </g>
+ <g transform={transform(1.5, 7.5)}>
+ <ToggleIcon
+ controller={ToggleIcon.progressiveController('shield', 0, 3)}
+ icons={['fighter-shield', 'fire-shield', 'mirror-shield']}
+ svg
+ />
+ </g>
+ <g transform={transform(2.5, 7.5)}>
+ <ToggleIcon
+ controller={ToggleIcon.progressiveController('mail', 1, 3)}
+ icons={['green-mail', 'blue-mail', 'red-mail']}
+ svg
+ />
+ </g>
+ <g transform={transform(3.5, 7.5)}>
+ <ToggleIcon
+ controller={ToggleIcon.modulusController('heart-piece')}
+ icons={['heart-0', 'heart-1', 'heart-2', 'heart-3']}
+ svg