First, you need to download and enable icon pack:
- Download icon pack.
- In Aegis, tap "more menu" (three dots) and select "Settings".
- Select "Icon Packs".
- Tap "plus" button at bottom right.
- Locate the icon pack ZIP file (usually at the "Downloads" folder).
Now you can add icons to your entries:
- Long-press the entry and then tap "pencil button". [Example]
- In "Edit entry", tap the circle that has one letter in it. [Example]
- Now picker should appear and you can select the icon you want from the aegis-icons pack.
- After the selection, tap "Save" button at top-right.
- Download the icon (eg. from our website).
- In Aegis, long-press the entry and then tap "pencil button". [Example]
- In "Edit entry", tap the circle that has one letter in it. [Example]
- If you don't have any icon packs enabled, then select app for locating icon (like file manager or gallery app).
- If you do have a icon pack enabled, first press button with "Custom" label [Example] and then select the app for locating icon that you downloaded.
- After the selection, tap "Save" button at top-right.
It's the same steps as adding the icon pack first time, you don't need to delete icon pack before updating.
When encountering the error dialog while updating pack, just tap "Yes". [Example]
None of the icons in entries will be changed after icon pack update (you'll need to manually change the entry icons, if you so desire).
Because icons are in SVG format, it's possible to edit colors of the icons.
Even though PC is needed, you don't need to install extra software. Web browser is all you need.
- Get the SVG file(s) for the icon(s) you want to edit.
- Go to Method Draw, web app for vector making / editing.
- Click "File" and "Open SVG..." to select the icon you want to edit. [Example]
- Click the circle part of the icon that has the background color. [Example]
- Click the "color button". [Example]
- Select color you want and click "OK".
- All these parts are in this example screenshot: [Example]
- 1. Click somewhere outside of the canvas.
- 2. Change the name of the title to something else (eg. name of the app or website).
- 3. Click "File" and "Save image..."
- Download and move edited SVG(s) into your phone with your refer method (USB, email, cloud etc).
- Import icon(s) to Aegis.
If you want alternatives, check out Photopea or Vectr. Or want to use desktop software instead, Inkscape is the best free option.
This tutorial focuses on icon editing in Android and with Amaze file manager. This is slightly more technical method, so it's only recommended for more advanced users. You can apply this method on PC too using Notepad or other plain text editor.
- Get the SVG file(s) for the icon(s) you want to edit.
- Open Amaze and go to "Downloads" folder (or whatever folder you downloaded icons into).
- Press menu icon on the file (three dots) and select "Open with".
- In the "Open As" dialog, select "text".
- Select "Amaze Text Editor".
- Find a color you like using color picker.
- Good mobile-friendly web apps: https://color.obscuredetour.com/ & https://color.joelb.dev/
- Copy the HEX color value.
- HEX color starts with hash (#) and has 3 to 6 alphanumerical characters.
- Find
<circle
part from the code, then look forfill:#RANDOMHEX
. [Example]- In this example,
#RANDOMHEX
is#1a8cff
. - Some rare occasions instead of HEX code, it could also be the name of the color (eg.
fill:gray
). - Black icons don't have
style
attribute, so you need to add it manually (check the placement in the example screenshot above).
style="fill:#RANDOMHEX"
- In this example,
- Replace the HEX color code text with copied hex color. [Example]
- In this example, replacable HEX code is
#1a8cff
and HEX code we want is#e32b3f
.
- In this example, replacable HEX code is
- Press the "save" icon. [Example]
- Import icon(s) to Aegis.
Bg.var
(background variation) icons are made when original icon has dark background color. Dark background blends in on Dark and AMOLED themes.Fg.var
(foreground variation) icons has logo color changed to black when background color is brightly colored (eg. Snapchat).Fg.bg.var
is combination of both variations. Made when even background variation color is too bright. We try to avoid making these as much as possible.Alt
icons have alternative logo, if app / site has one.
We try to honor app / website's branding as much as possible, so that's why there's variations as well for these situations.
We don't make new icon variations by request.
Only exceptions are when:
- Icon's BG color blends in dark / AMOLED theme.
- Icon's BG color is too bright compare to logo.
If you notice such issues with icon, please report us (choose "Other") and we fix the icon and/or make PNG counterpart for it.
List of icons with rendering issues.
Time to time, we clean up the icon pack by removing icons from the pack for various reasons.
List of removed icons and reasons for deletion.
The version number is the date that it was builded.
In the website or GitHub release pages, it's in the YYYY-MM-DD
format (4-Digit Year, 2-Digit Month, 2-Digit Day).
In the icon pack file, it's the same format minus the dashes.
Note
This section is only for more technical users that know how to use command line.
Requirements: Python version 3 (and up) installed.
First, clone / fork the git repo or download the repo as ZIP (unzip the ZIP file, if you download it as ZIP).
In Windows:
- Go to
/aegis-icons/_compress/
directory - Open
.3_icon_pack_helper.bat
and press the corresponding number option in front of "Make the icon pack ZIP" text. - After it's done, go back to
/aegis-icons/
directory, there should be icon pack build asaegis-icons.zip
.
In other systems, open terminal in the /aegis-icons/
directory and execute this command:
make-pack.py gen --output aegis-icons.zip --version YYYYMMDD
Replace the YYYYMMDD
with version number you want.
After executing command, there should be icon pack build as aegis-icons.zip
.