Multiple formats
Export animated SVG, high-resolution PNG and ICO with six sizes.
Free and processed in your browser
Create custom icons in seconds
Turn images or text into SVG, PNG and ICO icons. Adjust colors, background, weights, animations and corners without sending files to external services.
Icon Creator
Upload an image or create a text icon and customize every detail.
Source image
Choose a file or generate artwork from text.
Drag and drop your image here
or click to select
PNG, JPG ou JPEG · up to 40 MB
Icon settings
Adjust the name, weight, animation and shape of the icon.
Generate weight variants from the icon silhouette. For more accurate results, use monochrome mode or images with transparency.
Corner rounding
Use a preset or adjust from 0% to 50%.
Colors and appearance
Keep the original image or convert a flat icon to one color, with a transparent or colored background.
Transparent background
Tool, documentation and examples in one place
Everything you need to create icons
A practical tool for developers, designers and anyone preparing icons for websites, apps and projects.
Beyond creation, the site explains how to choose the right format, integrate files into a project, support accessibility and avoid common cache and performance problems.
Full customization
Adjust icon color, background color, transparency, corners, animations and weights.
Local privacy
Processing and your library stay in your browser.
Developer-ready library
Generate global CSS, JavaScript, TypeScript and SVG files in seven weights with examples for major frameworks.
Choose the right format before exporting
Each format serves a different purpose. This comparison helps avoid blurry, incompatible or unnecessarily large files.
| Format | Best for | Advantages | Watch for |
|---|---|---|---|
| SVG | Interface icons, simple logos and libraries | Scales sharply and supports CSS and animation | Photographic or very complex artwork can become heavy |
| PNG | Raster images, transparency and previews | Broad compatibility and exact pixel preservation | Fixed resolution can blur when enlarged |
| ICO | Favicons and multi-size shortcuts | Stores multiple resolutions in one file | Not the best choice for in-page components |
Local selection
The image starts on the visitor device and is read by the browser to prepare the preview.
Configuration
Size, borders, background, style and other settings are applied before export.
Generation
The processing module loads only when needed to generate the result.
Export
The final file is created after an explicit action and can be saved to the device.
16 × 16small favicon
32 × 32tab and bookmarks
180 × 180device shortcut
512 × 512source and high density
How to create your icon
The workflow keeps actions locked until a valid image exists and supports visual review before download.
- 1. Choose the source
Upload PNG, JPG or JPEG, or create an image from text.
- 2. Customize
Adjust the name, weight, icon color, background, rounding and animation.
- 3. Export
Download SVG, PNG or ICO, save to the library and generate the project package.
Local processing and user control
The image is read and transformed in the browser. It does not need to be uploaded to a first-party API to generate exports.
The library uses local device storage. This improves privacy, but clearing site data will also remove saved items.
- Browser-based image processing.
- A library limit that reduces storage exhaustion risk.
- Exports generated only after a user action.
- A privacy page explaining Analytics, AdSense and cookies.
Go further with complete guides
These articles address the questions that follow export: publishing, format choice, integration and optimization.
How to create a complete favicon for your website
Learn the right sizes, formats, HTML tags, cache behavior and tests required for a sharp favicon across browsers and devices.
Read guideSVG, PNG or ICO: which format should you use?
Compare scaling, transparency, compatibility and file size to choose the right format without degrading your icon.
Read guideHow to organize icons in Vue, React, Angular and Svelte
Build a predictable library, avoid repeated imports and keep accessibility and visual styles consistent across components.
Read guideHow to optimize icons for performance, accessibility and visual quality
Reduce payload, prevent layout shifts and deliver sharp, accessible icons on small and high-density screens.
Read guideFrequently asked questions
Direct answers about formats, privacy, colors and weight variants.
Which formats can I generate?
Is my image sent to a server?
Which sizes are included in the ICO?
Can I change the icon color and background separately?
Which styles does the library generate?