@icons

@icons is a free and open-source library of 500+ vector (SVG) icons you can use as custom node icons in your Godot projects or plugins, designed to fit with the existing set of editor icons, and optimized using svgo.

Each icon is designed on a 16×16 grid, with color variants corresponding to every node type. They're also configured to work with any editor theme and scaling settings out of the box!

Installing

Download the latest release of @icons, and extract it into the root of your Godot project's folder. If you wish to use the icons in your plugin or addon, you can also copy individual icons along with their respective .import files into your plugin's folder, as well as the library's license.

Applying custom node icons

To apply an icon to a node or class, add the @icon annotation (GDScript) or icon attribute (C#) to your node's script, followed by the path to the desired icon in parentheses and quotes before the class declaration, like so:

GDScript:

@icon ("res://addons/at-icons/node/bunny.svg")
class_name MyNode
extends Node

C#:

using Godot;

[GlobalClass, Icon("res://addons/at-icons/node/bunny.svg")]
public partial class MyNode : Node
{
    ...
}

(You might need to close and open the scene again for the icon change to occur.)

The plugin is bundled with an HTML picker (since v1.1.0) and an in-editor dock (since v1.3.0) to easily preview the icons and copy their respective declaration to the clipboard.