Icon Maker Guide

1. Choose artwork

Start with an original preset, search an icon library, create a short monogram, choose a bundled emoji, or upload an image. The selected artwork’s name appears below the chooser. Changing the search or a text draft does not replace your artwork until you select a symbol or choose Use text.

Uploads accept PNG, JPG, WebP, ICO and static SVG, up to 5 MiB and 16 million pixels. ICO uploads use the browser’s supported frame. Animated PNG and WebP are rejected; choose a still image. SVG uploads must contain paths and shapes with presentation attributes. Convert text to outlines and remove scripts, animation, embedded images, filters, external resources and CSS styles first. Unsupported SVG content produces an error rather than a silently altered image.

Text supports 1–3 visible characters, regular or bold weight, case and letter spacing. The four bundled Latin fonts are Inter, Nunito Sans, Lora and JetBrains Mono. Text is converted to outlines, so exported SVG does not depend on installed fonts. If a character is missing, choose a library symbol, emoji or another character.

There are 18 optional icon and emoji collections: Material Symbols, Phosphor, Material Design Icons, Tabler, Hugeicons Free, MingCute, Carbon, Bootstrap Icons, Lucide, Iconoir, Heroicons, Game Icons, Solar, Font Awesome Free solid and regular, Fluent Emoji Flat, Noto Emoji and Twemoji. Counts come from the pinned files and are shown in the selector. Search uses icon names, including style and weight variants. A collection’s name index loads when you open it; only visible pages of artwork load after that. In this release, the initial index and first page total about 157 kB for Lucide, 1.21 MB for Material Symbols and 430 kB for Fluent Emoji Flat before transfer compression. Original presets load none of these collections.

2. Shape and style

Choose a transparent, square, rounded, circular or squircle background. Background and recolourable symbols have independent solid colours or linear/radial gradients. Use swatches, the picker, HEX input or RGB sliders. Coloured emoji and uploaded artwork keep their original colours.

Size, position, rotation, flips and opacity are independent. Favicon, App and Maskable are padding presets; further edits can move content outside a safe area. Fit preserves the whole artwork; Fill crops the longer edge. Manual crop adds zoom and position sliders, with dragging on the large preview as another option. Borders and inner/outer shadows apply to the background shape. Stroke width is available for stroke-based artwork.

Small-size boost enlarges the symbol and strengthens adjustable strokes at 32 px and below, while removing borders and shadows. Each output size is rendered from its source. Raster uploads use staged reduction. Inspect the 16/24/32/48 px previews on both light and dark backgrounds; the expanded actual-size preview scrolls for larger images. Artwork colours stay independent of the website theme.

3. Choose downloads

Every output is optional. Select one format or several. Enter square sizes separated by commas, choose 256 only, or choose all common sizes. Then choose Prepare download and the resulting download link. One file downloads directly; multiple files or an accompanying asset notice produce a ZIP. Cancel stops the current export. Changing artwork, style or output choices invalidates the previous download.

• ICO: any whole size from 1 to 256 px, with several sizes in one ICO or separate files. Common sizes are 16, 24, 32, 48, 64, 128 and 256. Frames up to 48 px use 32-bit bitmaps with transparency masks; larger frames use PNG.
• PNG: transparent raster images from 1 to 2048 px.
• JPG: raster images from 1 to 2048 px, with adjustable quality and a chosen opaque background. JPG cannot preserve transparency.
• WebP: raster images from 1 to 2048 px, with true lossless encoding or adjustable lossy quality. Both preserve transparency.
• SVG: true vector output for presets, library artwork, emoji, outlined text and supported SVG uploads. It is unavailable for raster uploads; these are never wrapped in an SVG and described as vector.

A batch accepts up to 32 sizes per raster format and 64 million explicitly selected output pixels. These bounds keep browser memory use manageable. Very large batches and complex artwork take longer on smaller devices.

4. Website icons

The optional website favicon package contains a 16/32/48 ICO, SVG when the source is vector, an opaque 180 px Apple touch icon, 192 and 512 px PNGs, a 512 px maskable PNG, a web manifest and an HTML link snippet. Copy the files from the package’s favicon folder together to your website root, and place the supplied links in your HTML head. The snippet and manifest refer only to files included in the package. Edit the manifest name and other website-specific metadata as needed.

Maskable export places the entire design inside the central safe circle on your chosen opaque background. This is separate from the editable Maskable padding preset. Circle, rounded-square and squircle previews show example crops; devices may use other masks. The Apple icon is also opaque. A favicon package does not by itself make a website an installable or offline app.

5. Solid colour notes

Include colors.txt adds an optional text file with selected solid colours in uppercase HEX and opacity, labelled by role: background, symbol, border, shadow and opaque export background where used. You can download only this file if you want. It lists your chosen design colours, not gradient stops, antialiased edge pixels or a guessed palette from an uploaded image or coloured emoji.

6. Privacy and licences

Image decoding, rendering, encoding and ZIP creation happen on your device. Your files and artwork are not uploaded. The website downloads its own code, and selected icon collections, fonts and the WebP engine load as needed from this site. No remote icon search, image service, telemetry or account is used. Initial loading needs a connection; offline availability is not promised.

Your in-memory workspace survives visits to this tool’s Guide and Settings. Reloading, closing the tab or leaving the tool clears it. Exports are cancelled when you leave the workspace for Guide or Settings. Download completed files before closing the tool.

Original Icon Maker code is MIT-licensed. Download source and build instructions. The source includes the renderer, ICO encoder, asset preparation and tests. It reuses Website App Maker’s original presets and colour-control pattern; APK generation stays separate.

Artwork licences are separate from the tool’s MIT licence. Selected third-party artwork includes ATTRIBUTION.txt with the asset name, source, author, applicable licence text and a modification notice. Keep the notice with redistributed artwork. Game Icons, Solar, Font Awesome Free and Twemoji are marked as requiring attribution; Game Icons credits the individual artist. Other libraries retain their MIT, ISC or Apache notices. Fonts are licensed under the SIL Open Font License; rendered lettering is not a redistributed font. Brand-only, share-alike and Remix Icon collections are excluded. Artwork licences do not grant trademark rights.

Library and engine versions, notices and reproducible dependency pins are included with the source. This is a Test release; check the final icon in the software or website where you will use it.

Website settings

Main site and the named parents above the page follow the site’s hierarchy. Guide and Settings use local pages where available.

Settings lets you hide the header and choose Light, Light Gray, Dark or Pitch Black / OLED. Light Gray is the first-visit default. The parent row and footer remain available when the header is hidden.

Choose System, DM Sans, Outfit, or Outfit headings with DM Sans body text in Settings. The preview and interface change immediately. Outfit is the first-visit default; fonts are served by these websites. Your saved selection is preserved.

Theme, header and font preferences are shared across andrazdjuric.com websites in this browser. They contain no document data or visitor identifier and are separate from installed application settings.

Open this tool’s Guide or Settings and return using the tool’s named parent above the page without losing this tab’s files or results. Processing and cancellation follow the tool-specific instructions above. Reloading, closing the tab or leaving this website clears this in-memory workspace. Local file processing does not guarantee offline availability.

Contact in the footer opens the main site’s contact options in a new tab. Use it for questions, problem reports or suggestions.

The shared interface rules explain navigation, link markers, themes, raised surfaces and control states.