Open this page at https://jwunderl.github.io/arcade-block-icons/
Using FontAwesome icons converted to pngs with https://fa2png.app/ .
{icon-name}
in steps below refers to the name you want to use for the icon; it is what will be after the namespace specified in the jres.
For example, the namespace for icons.jres
in this package is ICON
, and one of the icons in that group is arrow-up-solid
; this makes {icon-name}
"arrow-up-solid" & the icon file name arrow-up-solid-icon.png
.
pxt target arcade
at top levelrm -rf node_modules/pxt-common-packages
to clear common packages (sometimes gets mixed up with icons)- Add icon under
jres/icons/
as{icon-name}-icon.png
- Add empty entry to icons.jres e.g.
"{icon-name}": {},
(no trailing comma after last entry in json blob) - At top level run
pxt buildjres
git tag v0.0.*
where star is current version +1git push --tags
This repository can be added as an extension in MakeCode.
- open https://arcade.makecode.com/
- click on New Project
- click on Extensions under the gearwheel menu
- search for https://github.com/jwunderl/arcade-block-icons and import
To edit this repository in MakeCode.
- open https://arcade.makecode.com/
- click on Import then click on Import URL
- paste https://github.com/jwunderl/arcade-block-icons and click import
This image shows the blocks code from the last commit in master. This image may take a few minutes to refresh.
- for PXT/arcade