Button Mapper Logo

About this Button Mapper logo

This is a line (outline) version of the Button Mapper logo, from the Arcticons icon library. It's a stroke-based rendering — useful when you want the logo to feel lighter and not compete with the rest of the UI. On a dark background, you can flip it to white with a single CSS rule.

The file is rendered on a transparent background, so it drops straight onto any surface without showing a box around it. If you’re using it on the web, the SVG is almost always the right pick — it stays sharp on retina screens, scales to any size without losing detail, and usually weighs less than the equivalent PNG.

Which file should you download?

The SVG is the right default for this outline version — the strokes stay crisp at any size. Drop to a PNG only if you need a raster file for a fixed-size slot. Here’s a quick rule of thumb for the three PNG sizes we ship:

• 200×200 — favicons, inline icons in email signatures, small avatars.
• 400×400 — social media profile pictures, blog preview cards, slide thumbnails.
• 800×800 — retina hero images, Open Graph previews, and anywhere you need room to scale without resampling.
• SVG — your default for websites, apps, component libraries, and anywhere the logo might be resized by CSS.

Embedding the Button Mapper logo in your project

Grab the URL from the block above and drop it into your markup. A few common patterns:

<img src="https://dl.svgcdn.com/svg/arcticons/button-mapper.svg" alt="Button Mapper logo" width="120" height="120" />

.button-mapper-mark {
  background: url('https://dl.svgcdn.com/svg/arcticons/button-mapper.svg') center / contain no-repeat;
  width: 48px;
  height: 48px;
}

![Button Mapper logo](https://dl.svgcdn.com/png/arcticons/button-mapper-400.png)

<Image
  src="https://dl.svgcdn.com/svg/arcticons/button-mapper.svg"
  alt="Button Mapper logo"
  width={96}
  height={96}
/>

A note on trademark and usage

Button Mapper is a trademark of its owner. The file on this page is sourced from the Arcticons open-source icon library and made available here for convenience. You’re free to use it in personal projects, documentation, developer tools, and technical articles — but before putting the logo on marketing material, merchandise, or a product that competes with Button Mapper, check Button Mapper’s brand guidelines. Most companies publish a press or brand page with rules about clear space, acceptable colors, and what you can’t do (stretching it, changing colors, rotating it).

Why this page exists

If you’ve ever hunted for a specific brand logo and ended up with a blurry Google Images screenshot, you know the pain. SuperDev Pro aggregates brand assets from open icon sets and re-exports them as clean SVG and PNG at sensible sizes, so you can grab the button mapper logo in two clicks instead of ten tabs. No signup, no watermark, no email capture.