Exports
Raster renders of the logo, for places that cannot take SVG. Every file is generated from the SVG in Logos. Never edit a PNG by hand. Render it again.
upmo-icon-16.png,-32,-48: favicon sizes. Combine them intofavicon.ico(16, 32, 48) for older browsers. Where a browser supports it, serveassets/icons/caret.svgas the SVG favicon.upmo-icon-180.png: the Apple touch icon.upmo-icon-192.png,-512.png: PWA manifestany.upmo-icon-maskable-512.png: manifestpurpose: maskable(a square tile with the caret inside the safe zone).upmo-avatar-400.png: social avatars (GitHub organisation, X, LinkedIn, Discord).upmo-og-light.png,upmo-og-dark.png: the 1200×630 Open Graph and Twitter cards.upmo-wordmark-light-1024.png,-dark-1024.png: the wordmark at 2×, for slide decks, email and partner pages that do not accept SVG.upmo-square-light-1024.png,upmo-square-dark-1024.png: the square lockups at 1024×1024 on a transparent ground. Use them for social avatars, app store listings and slide covers that do not accept SVG.upmo-square-tile-1024.png: theemeraldsquare tile at 1024×1024, for places that need a filled square. Its rounded corners are transparent.
To render a file, run this in Docker from the system root: rsvg-convert -w SIZE -h SIZE assets/logos/upmo-app-icon.svg -o upmo-icon-SIZE.png.
favicon.ico
upmo-avatar-400.png
upmo-icon-16.png
upmo-icon-180.png
upmo-icon-192.png
upmo-icon-32.png
upmo-icon-48.png
upmo-icon-512.png
upmo-icon-maskable-512.png
upmo-og-dark.png
upmo-og-light.png
upmo-square-dark-1024.png
upmo-square-light-1024.png
upmo-square-tile-1024.png
upmo-wordmark-dark-1024.png
upmo-wordmark-light-1024.png