Favicon Generator

Turn text, emoji or an image into a complete favicon set.

How to use the Favicon Generator

1Start from letters, an emoji or your own image.
2Adjust shape, colors and padding while checking the tab preview.
3Download the ZIP with every size and paste the HTML snippet into your site.

Color Palette Generator
Build harmonious color schemes with contrast checks and CSS export.
Gradient Generator
Design linear, radial, conic and mesh gradients and copy the CSS.
CSS Shadow Generator
Tune box shadows, glass and soft UI effects with a live preview.