Square Face Icon Editor
A modern HTML5 editor for building square face icons. No Flash required — preview changes instantly, randomize ideas, and export crisp 256px or 512px PNG icons in seconds.
Live Preview
256×256 PNG · HTML5 Canvas
Editor Tips
- Keep high contrast so the icon stays clear at 32-64px.
- Try a simple background to highlight the face.
- Use the Random button for quick inspiration.
Face Shape
Skin Tone
Hair Style
Eyes, Nose & Mouth
Cheeks
Accessories
Background
Live Preview
See every change instantly.
Randomize Ideas
Generate quick variations for inspiration.
PNG Export
Download 256px or 512px transparent PNG.
Modern Controls
HTML5, no Flash required.
Why use the HTML5 Editor?
The HTML5 editor gives you a flexible, fast way to build square face icons with instant preview.
Fine-tune cheeks, nose, background patterns, and export size without leaving the page.
- Instant preview in-page
- Quick randomize
- Clean PNG export
How it fits with the generators
Use the classic Ruffle generators for the original game experience (Square, Oval, Pixel).
Stay in the HTML5 editor for faster tweaks and modern controls.
We will keep expanding parts, palettes, and styles while preserving the square-face look.
How to Use
- Launch the generator.
- Choose base features and tone.
- Customize details, colors, and background.
- Preview, adjust, and save your icon.
FAQ
Q1. What is different from the SWF version?
HTML5 is faster and works without Flash.
Q2. What file sizes can I export?
256px and 512px PNG.
Q3. Do I need Flash?
No.
Q4. Is it mobile-friendly?
Yes, responsive on modern devices.
Q5. Are downloads watermarked?
No.
Q6. Can I use icons commercially?
Yes.