Welcome to the Lawnicons contributing guide! This file will tell you what you need to know to contribute to Lawnicons.
See the below image for a summary of the icon guidelines. If you don't follow them, a team member will likely request changing the icons.
Each icon must fit the 160x160px or 144x144px (depending on the shape) content area size. It must not be smaller nor bigger than the specified sizes.
The stroke should be kept at 12px for most lines. If 12px is too thick, a stroke of 8px can be used.
In addition to the above, the icons must have an outlined (not filled) style. If the original icon has a filled style, you should change the icon to adhere to the guidelines as seen below.
Here’s how to add an icon to Lawnicons:
Please check the icon tool guide for more information.
-
Prepare your icon in the SVG format, adhering to the above guidelines. Use snake case for the filename (e.g.
files_by_google.svg
). -
Add the ready SVG to the
svgs
directory. -
Add a new line to
app/assets/appfilter.xml
(in alphabetical order, by thename
-tag), and map the new icon to a package name and app's activity. For example:<item component="ComponentInfo{com.google.android.apps.nbu.files/com.google.android.apps.nbu.files.home.HomeActivity}" drawable="files_by_google" name="Files by Google"/>
A general template is as follows:
<item component="ComponentInfo{[PACKAGE_NAME]/[APP_ACIVITY_NAME]}" drawable="[DRAWABLE NAME]" name="[APP NAME]"/>
-
Done! You’re ready to open a pull request. Please set
develop
as the base branch.
- Connect your Android device or emulator to the PC/Mac/Phone via otg and open the app whose details you want to inspect, i.e. Files by Google.
- Open a new Command Prompt or Terminal window and input
adb devices
- Finally, type the below-given command to get the information about the currently open application.
For Mac/Linux:
adb shell dumpsys window | grep 'mCurrentFocus'
For Windows:
adb shell dumpsys window | find "mCurrentFocus"
Here, the part before the /
character i.e org.telegram.messenger
is the package name [PACKAGE_NAME]
and the part after that i.e org.telegram.messenger.DefaultIcon
is the Activity name [APP_ACIVITY_NAME]
.
- Download Icon Request App.
- Launch the app and click ok, let's start.
- Get the Activity details for each app.
- Download Icon Pusher App.
- Launch the app.
- Select the icon(s) you want to upload or select all by pressing the square in the top right. Then press send.
- View the Activity details for each app on the Icon Pusher website. Please make sure the
drawable="[DRAWABLE NAME]"
matches the icon SVG file name.