MIT App Inventor Icons for Student Study Guides

Looking for a link to a library of any kind for MIT Component Icons. I am a teacher looking to build a project reference guide for my students for a homegrown app project. I would like to include the icon to the left of the component names listed in a Google Doc.

For example here is the list of the components for the app. We use a component naming convention of (1) what it is (2) what it does. So to name a label that references an app title, we would call it: lbl_appTitle. Now I would like to include the MIT App Inventor icon for the label to the left of the naming convention.

Here is a list component tree for an offshoot of the Tally Counter app design challenge.

The backstory for the app is that you are a teacher working a ballgame granting admission for a fee while recording the number and type of persons entering the event. Additionally you account for all money collected. Type of persons entering the event: Adults, Students, and Senior Citizens. Adults cost $5.00, Students cost $3.00, and the Seasoned Citizens (65 and older) cost $0.00 (there is a golden pass they are able to present granting unlimited free access to all extra curricular activities – our school district is awesome!)

Naming Convention Abbreviations:
lbl → labels
va → vertical arrangement
ha → horizontal arrangement
btn → button

Here is the application design setup. Again I am looking for the icon to reference the component names.

[uploaded pic of component tree]

Thank you in advance for any help!!

That would require a deep dive into AI2 sources.

If you want immediate results, MS Paint is your friend, as is the Windows Snipping tool:


...
image

Perhaps you are looking for something like these icons that can be used in Android projects: উপাদান আইকন গাইড  |  Google Fonts  |  Google for Developers

They are all in the sources, but just now I cannot remember where

They are here:

https://github.com/mit-cml/appinventor-sources/blob/master/appinventor/appengine/src/com/google/appinventor/images/label.png?raw=true

https://github.com/mit-cml/appinventor-sources/blob/master/appinventor/appengine/src/com/google/appinventor/images/textbox.png?raw=true

3 Likes

I was capturing the icons with IRFanView with this procedure »

CTRL +
ALT PRTSCREEN
CTRL V
CTRL Y
Save

The final size is 4x larger

Lito @>-->---