Resona Logo

About this Resona logo

This is a line (outline) version of the Resona 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 Resona 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/resona.svg" alt="Resona logo" width="120" height="120" />

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

![Resona logo](https://dl.svgcdn.com/png/arcticons/resona-400.png)

<Image
  src="https://dl.svgcdn.com/svg/arcticons/resona.svg"
  alt="Resona logo"
  width={96}
  height={96}
/>

A note on trademark and usage

Resona 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 Resona, check Resona’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 resona logo in two clicks instead of ten tabs. No signup, no watermark, no email capture.