Flux Icon Mixer

Combine two icons, customize colors, and generate unique SVG.

Back to Home
#6366f1
#ef4444
<svg width="128" height="128" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#6366f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"/> </g> <g transform="translate(13, 13) scale(0.45)"> <g fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="12" y1="5" x2="12" y2="19" stroke="#ef4444" stroke-width="4" stroke-linecap="round"/><line x1="5" y1="12" x2="19" y2="12" stroke="#ef4444" stroke-width="4" stroke-linecap="round"/> </g> </g> </svg>