🔁Icon Favicon Generator - rounded image rounded corner image quare image sharp corner image Text/Image to PNG/ICO/SVG|imgToico.com

Text Settings

Enter Text or Emoji (≤20 characters, supports line breaks)

Current characters: 2/20

✏️ Manual line break enabled: Press Enter to wrap

Select Font (Built-in + Uploaded)

Click to select local font files (TTF/OTF)

Supported formats: TTF/OTF/TTC | Batch upload supported | Temporary use only

✅ Font uploaded successfully! Added to the end of font list

Text Color

Background Color

Enable transparent background (uncheck to show above background color)

Auto line wrap (long text will split automatically)

Center text alignment (remains centered after line breaks)

Auto-stretch text to fit icon

Stretch ratio links with font size (uncheck for independent control)

Base Font Size (%)

80%

✏️ Note: Disable "Auto-stretch" to adjust manually

Text Stretch Controls (Real-time Preview)

Horizontal Stretch Ratio (%)

141%

↔️ Control horizontal stretch independently, 100% is default

Vertical Stretch Ratio (%)

126%

↕️ Control vertical stretch independently, 100% is default

Horizontal Offset (px)

0px

Vertical Offset (px)

0px

SVG Vertical Adjustment (px)

10px

🔧 Specifically corrects SVG text vertical offset

SVG Horizontal Adjustment (px)

0px

🔧 Specifically corrects SVG text horizontal offset

Text Position (Nine-square grid)

Top Left

Top Center

Top Right

Center Left

Center

Center Right

Bottom Left

Bottom Center

Bottom Right

Icon Shape

Square

Circle

Rounded Square

Image Upload

-->Click to select image files (PNG/JPG/GIF/WebP)<--

Supported formats: PNG/JPG/GIF/WebP | Recommended size: 256×256px | Supports transparent background.
The file will not be uploaded to the server, making it safe and reliable!

✅ Image uploaded successfully!

No image yet, please upload...

Image Processing Options

Maintain image ratio (no stretching)

Auto-crop (center crop to square)

Preserve transparent background (PNG/SVG)

Icon Shape

Square

Circle

Rounded Square

Icon Size

16×16

32×32

48×48

64×64

128×128

256×256

Using Images in HTML <img> Tag

PNG Example

<img src="icon.png" alt="Description of icon" width="32" height="32">

ICO Example

<link rel="icon" href="favicon.ico" type="image/x-icon">  <img src="icon.ico" alt="Description of icon" width="32" height="32">

SVG Example

<img src="icon.svg" alt="Description of icon" width="32" height="32">  <svg width="32" height="32" viewBox="0 0 256 256">  </svg>

Image Conversion Tips

PNG Format

Best for transparent images and icons. Supports high quality with lossless compression, ideal for web graphics and UI elements.

ICO Format

Standard format for favicons. Can contain multiple sizes in one file, making it perfect for website icons displayed in browsers.

SVG Format

Vector format that scales without losing quality. Great for responsive designs, logos, and icons that need to look sharp at any size.

Image Quality

Start with high-resolution images (at least 256×256px) for best results. Lower resolution sources may appear pixelated when scaled up.

Transparency

PNG and SVG formats support alpha transparency. When converting from JPG, use a solid background color or enable transparency detection.

How to use images

Please use a rounded image for the avatar, but keep the square image for the banner.