How to change the icon of an extension?

GameGod · January 9, 2021, 12:54am

I know there is an explanation at https://makecode.com/playground#basic-ns-color, but I don’t understand it.

darzu · January 9, 2021, 1:28am

Do you have an extension started?

To set the icon, you need to set a property on the namespace like this:

microsoft/arcade-text/blob/master/text.ts#L99


    //% group="Modify"
    //% weight=49
    public setOutline(width: number, color: number) {
        this.outlineWidth = Math.max(width, 0);
        this.outlineColor = color;
        this.update();
    }
}
//% color=#3e99de
//% icon="\uf031"
//% blockGap=8 block="Text Sprite"
//% groups='["Create", "Modify"]'
namespace textsprite {
    // TODO: downscale and upscale icons?
    export function renderScaledImage(source: Image, destination: Image, x: number, y: number, downScalePowerOfTwo: number = 0) {
        const scale = downScalePowerOfTwo;
        const tile = source
        for (let i = 0; i < source.width; i += 1 << scale) {
            for (let j = 0; j < source.height; j += 1 << scale) {

That “uf031” is a unicode character in the Font Awesome 4 library: https://fontawesome.com/v4.7.0/icons/

Specifically this character: https://fontawesome.com/v4.7.0/icon/font

GameGod · January 9, 2021, 2:30am

Wow, coincidently, that was the exact icon I needed! Thanks!

Topic		Replies	Views
How to make Extensions? Help extension	17	840	June 20, 2024
Looking for a namespace icon? Arcade	0	322	March 23, 2022
I have a question about extensions Help extension	33	333	May 29, 2025
Semantic UI Icons micro:bit	3	497	March 2, 2021
Why does my extension block not work? Help	5	472	January 13, 2021

How to change the icon of an extension?

Related topics