World's simplest online filled to outlined icon converter. Just paste your filled PNG icon in the editor on the left, adjust the thickness and select the outline mode, and you'll instantly get an outlined icon on the right. Free, quick, and very powerful. Import a filled icon – get an outlined icon. Created with love by team Browserling.
World's simplest online filled to outlined icon converter. Just paste your filled PNG icon in the editor on the left, adjust the thickness and select the outline mode, and you'll instantly get an outlined icon on the right. Free, quick, and very powerful. Import a filled icon – get an outlined icon. Created with love by team Browserling.
This browser-based tool converts a filled icon into an outlined icon in PNG format. A filled icon is an image where all elements are solid, while an outlined icon has elements drawn with lines, leaving the inner areas transparent or filled with a background color. This conversion is useful for adapting an icon to a minimalist design where simplicity and neatness are essential. The tool offers three outline modes. The first mode, "Outer Layer Outline," creates an outline along the outermost edge of the icon, inverting the color of internal elements. The second mode, "All Layers Outline," outlines all layers of the icon, including its internal components. The third mode, "Inverse Icon Outline," swaps the regions of the outline and the fill. The program is designed for maximum automation. When you upload an icon, it automatically detects the background and icon color (the tool works with monochrome icons on a solid background). If the background color is detected incorrectly, you can adjust it in the options or click on the background in the input preview. The icon color can also be changed to any other color in the options. Based on the icon's input size, the program automatically determines the outline width for the output outlined icon. However, you can manually adjust the outline thickness to be thinner or thicker in the options. If you need the opposite transformation, from an outlined icon to a filled icon, try using the Convert Outlined Icon To Filled Icon tool. Png-abulous!
This browser-based tool converts a filled icon into an outlined icon in PNG format. A filled icon is an image where all elements are solid, while an outlined icon has elements drawn with lines, leaving the inner areas transparent or filled with a background color. This conversion is useful for adapting an icon to a minimalist design where simplicity and neatness are essential. The tool offers three outline modes. The first mode, "Outer Layer Outline," creates an outline along the outermost edge of the icon, inverting the color of internal elements. The second mode, "All Layers Outline," outlines all layers of the icon, including its internal components. The third mode, "Inverse Icon Outline," swaps the regions of the outline and the fill. The program is designed for maximum automation. When you upload an icon, it automatically detects the background and icon color (the tool works with monochrome icons on a solid background). If the background color is detected incorrectly, you can adjust it in the options or click on the background in the input preview. The icon color can also be changed to any other color in the options. Based on the icon's input size, the program automatically determines the outline width for the output outlined icon. However, you can manually adjust the outline thickness to be thinner or thicker in the options. If you need the opposite transformation, from an outlined icon to a filled icon, try using the Convert Outlined Icon To Filled Icon tool. Png-abulous!
In this example, we take a filled heart icon and convert it into an outlined version. We use the "Outer Layer Outline" mode, which follows the edge of the heart shape and draws a black outline with a thickness of 31 pixels. (Source: Wikipedia.)
In this example, we transform a round play icon from a filled style into an outlined design. We set a thin outline width of 18 pixels in the options and apply it to all contours of the icon, including the outer circular shape and the inner triangular shape. (Source: Wikipedia.)
In this example, we upload a sort icon with transparent elements on a black background. We activate the "Inverse Icon Outline" mode and produce an output with black elements on a transparent background. (Source: Wikipedia.)
In this example, we convert a filled "Do Not Enter" icon into an outlined version using the "Outer Layer Outline" mode. The program draws a thick outline (40 pixels) around the icon while preserving the original red icon color and white background. (Source: Wikipedia.)
In this example, we create a thin outlined speaker icon from a filled speaker icon. We enable the "All Layers Outline" mode, which adds a 16-pixel outline to each element of the icon. The tool creates an outer outline of the speaker and two inner outlines for each speaker vent. (Source: Wikipedia.)
In this example, we convert a link icon with a filled blue background into an outlined icon on a white background. We use the "Inverse Icon Outline" mode, which turns the filled blue area into a white background and the thin white elements of the icon into a blue outline. (Source: Wikipedia.)
Edit a PNG in your browser.
Compare two or more PNG images.
Create an animation that slowly reveals a PNG image.
Convert a PNG image to an AV1 image (AVIF).
Convert an AV1 image (AVIF) to a PNG image.
Convert a PNG image to a High Efficiency Image File (HEIF).
Convert a Hide Efficiency Image File (HEIF) to a PNG image.
Convert a PNG image to an ICO icon.
Convert a PNG image to a TIFF image.
Convert a TIFF image to a PNG image.
Convert a PNG image to a PIK image.
Convert a PIK image to a PNG image.
Convert a PNG image to a PPM image.
Convert a PPM image to a PNG image.
Convert a PNG image to a BPG image.
Convert a BPG image to a PNG image.
Convert a PNG image to a FLIF image.
Convert a FLIF image to a PNG image.
Convert a PNG image to a Paint.net file.
Convert a Paint.net file to a PNG image.
Convert a PNG image to a Photoshop file.
Convert a Photoshop file to a PNG image.
Convert a PNG image to an SVG image.
Convert a PNG image to an PDF document.
Convert a PDF document to a PNG image (or multiple images).
Convert a PNG image to an EPS file.
Convert an EPS file to a PNG image (or multiple images).
Convert a PNG image to a JFIF image.
Convert a JFIF image to a PNG image.
Convert a PNG image to raw RGB values.
Convert RGB values to a PNG image.
Convert a PNG image to raw BGR values.
Convert BGR values to a PNG image.
Convert a PNG image to raw RGBA values.
Convert RGBA values to a PNG image.
Convert a PNG image to raw BGRA values.
Convert BGRA values to a PNG image.
Convert multiple PNGs to a GIF animation.
Convert an APNG animation to a GIF image.
Convert a GIF animation to an APNG image.
Convert an APNG image to a Webp image.
Convert a Webp image to an APNG image.
Convert an APNG image to an MP4 video.
Convert an MP4 video to an APNG image.
Convert an APNG image to an AVI video.
Convert an AVI video to an APNG image.
Convert an APNG image to a WMV video.
Convert an WMV video to an APNG image.
Extract all frames from an APNG image.
Play a PNG animation (APNG) frame by frame.
Change the playback speed of an animated PNG (APNG).
Change how many times an animated PNG loops.
Reverse the order of frames in an animated PNG (APNG).
Created animated PNGs (APNGs) from input images.
Check if the given PNG file is an animated PNG file (APNG).
Create a sprite sheet from all animated PNG (APNG) frames.
Create an animated PNG (APNG) from a sprite sheet.
Create Excel art from a PNG image.
Randomly distort data in a PNG file to make a glitched PNG.
Find all grayscale pixels in a PNG (grayscale mask).
Find all color pixels in a PNG (color mask).
Invert the alpha channel values in a PNG.
Shuffle pixels or pixel blocks in a PNG.
Break a PNG image into multiple pieces.
Generate a slideshow animation from multiple PNGs.
Generate a mosaic wall from multiple PNGs.
Convert a PNG into a hexagonal grid of pixels.
Convert a PNG into a triangular grid of pixels.
Create a Voronoi diagram from a PNG image.
Darken PNG corners compared to its center.
Create multiple reflections of a PNG.
Apply a Bayer filter on a PNG.
Make a PNG look like it was taken via night vision goggles.
Make a PNG look like it's spherical.
Run a PNG through the Mobius Transform.
Convert between RGB, CMYK, HSV, and HSL color spaces.
Convert between 8-bit, 16-bit, 24-bit, and 32-bit PNG depths.
Remove dithering from a PNG image.
Convert a PNG to an ASCII art image.
Convert ASCII art to a PNG image.
Convert a PNG to an ANSI art image.
Convert ANSI art to a PNG image.
Convert a PNG to a Braille art image.
Convert Braille art to a PNG image.
Create a PNG image from the given bytes.
Convert a PNG image to bytes.
Increase the quality of a PNG image.
Extract a 2d slice from a PNG.
Create a PNG that contains all possible RGB colors.
Find all textual information in a PNG image and extract it.
Given any 2D PNG, add 3rd dimension to it.
Quickly erase text (labels, captions) from a PNG.
Quickly delete a watermark from a PNG.
Salvage a PNG that has bad bytes in it and doesn't open.
Conceal a secret message in a PNG image.
Update meta data of a PNG file.
Delete meta data from a PNG picture.
Check if the given file is a valid PNG without errors.
Subscribe to our updates. We'll let you know when we release new tools, features, and organize online workshops.
Enter your email here
We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling we love to make people's lives easier, so we created this collection of online PNG tools. We created the simplest possible user interface for our tools and they are now used by millions of users every month. Behind the scenes, our online PNG tools are actually powered by our web developer tools that we created over the last couple of years. Check them out!