ObsiGate/frontend/icons

ObsiGate PWA Icons

Generated Icons

This directory contains PWA icons in SVG format.

Converting to PNG

For production, convert these SVG files to PNG:

Using ImageMagick:

for file in *.svg; do
  size=$(echo $file | grep -oP '\d+x\d+' | head -1 | cut -d'x' -f1)
  convert -background none -resize ${size}x${size} "$file" "${file%.svg}.png"
done

Using Inkscape:

for file in *.svg; do
  size=$(echo $file | grep -oP '\d+x\d+' | head -1 | cut -d'x' -f1)
  inkscape "$file" --export-filename="${file%.svg}.png" --export-width=$size
done

Online tools:

• https://cloudconvert.com/svg-to-png
• https://convertio.co/svg-png/

Icon Types

• Regular icons: Standard app icons with rounded corners
• Maskable icons: Icons with safe zone padding for adaptive icons
• Search icon: Icon for the search shortcut

Sizes

• 72x72, 96x96, 128x128, 144x144, 152x152: Mobile devices
• 192x192: Android home screen
• 384x384: High-res displays
• 512x512: Splash screens and high-DPI displays