Icons
Stay organized with collections
Save and categorize content based on your preferences.
Icons are used to define certain UI elements that show or define "meta"
information about a block. Usually this means they act as a clickable button
that opens a pop up with more information or an editor.
→ More info on Fields vs Icons.
Blockly provides some built-in icons that fulfill common use cases, like adding
comments or warnings to blocks. You can check out the reference
documentation for more information about those.
Blockly also lets you define your own custom icons if the built-in ones don't
serve your use case. For example, you might want an icon that displays version
or copyright information in a pop-up bubble.
→ More info on Creating custom icons.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-04-14 UTC.
[null,null,["Last updated 2025-04-14 UTC."],[],["Icons in Blockly are UI elements that display \"meta\" information about blocks, often functioning as clickable buttons to reveal pop-ups or editors. Blockly includes pre-built icons for common functions like comments and warnings, detailed in the reference documentation. Users can also create custom icons to suit specific needs beyond the built-in options. Further details on built in and custom icons are available in the provided guides.\n"],null,[]]
