New icons

src/PixiEditor.UI.Common/Fonts/PixiPerfectIcons.axaml

@@ -129,7 +129,8 @@
             <system:String x:Key="icon-pause">&#xE980;</system:String>
             <system:String x:Key="icon-timeline">&#xE983;</system:String>
             <system:String x:Key="icon-swatches">&#xE982;</system:String>
-            <system:String x:Key="icon-onion-skin">&#x25AF;</system:String>
+            <system:String x:Key="icon-nodes">&#xe984;</system:String>
+            <system:String x:Key="icon-onion">&#xe985;</system:String>
         </ResourceDictionary>
     </Styles.Resources>
     

src/PixiEditor.UI.Common/Fonts/PixiPerfectIcons.axaml.cs

@@ -123,6 +123,8 @@ public static class PixiPerfectIcons
     public const string Swatches = "\uE982";
     public const string Timeline = "\uE983";
     public const string Dot = "\uE963";
+    public const string Nodes = "\uE984";
+    public const string Onion = "\uE965";
         
     public const string Reset = "R"; // TODO: Create a reset icon
     public const string ToggleLayerVisible = "\u25a1;"; // TODO: Create a toggle layer visible icon

src/PixiEditor/Styles/Templates/Timeline.axaml

@@ -119,7 +119,7 @@
                                     ui1:Translator.TooltipKey="DUPLICATE_FRAME"
                                     Command="{TemplateBinding DuplicateKeyFrameCommand}" />
                             <ToggleButton Classes="pixi-icon"
-                                          Content="{DynamicResource icon-onion-skin}"
+                                          Content="{DynamicResource icon-onion}"
                                           ui1:Translator.TooltipKey="TOGGLE_ONION_SKINNING"
                                           IsChecked="{Binding OnionSkinningEnabled, RelativeSource={RelativeSource TemplatedParent}}" />
                             <Button Classes="pixi-icon"

src/PixiEditor/ViewModels/Dock/NodeGraphDockViewModel.cs

@@ -2,12 +2,15 @@
 using PixiDocks.Core.Docking.Events;
 using PixiEditor.Models.Commands.Attributes.Commands;
 using PixiEditor.Extensions.Common.Localization;
+using PixiEditor.UI.Common.Fonts;
 using PixiEditor.ViewModels.Document;
 
 namespace PixiEditor.ViewModels.Dock;
 
-internal class NodeGraphDockViewModel(DocumentManagerViewModel document) : DockableViewModel, IDockableSelectionEvents
+internal class NodeGraphDockViewModel : DockableViewModel, IDockableSelectionEvents
 {
+    private DocumentManagerViewModel document;
+
     public const string TabId = "NodeGraph";
 
     public override string Id { get; } = TabId;
@@ -20,7 +23,14 @@ internal class NodeGraphDockViewModel(DocumentManagerViewModel document) : Docka
         get => document;
         set => SetProperty(ref document, value);
     }
-    
+
+    public NodeGraphDockViewModel(DocumentManagerViewModel document)
+    {
+        DocumentManagerSubViewModel = document;
+
+        TabCustomizationSettings.Icon = PixiPerfectIcons.ToIcon(PixiPerfectIcons.Nodes);
+    }
+
     void IDockableSelectionEvents.OnSelected()
     {
         DocumentManagerSubViewModel.Owner.ShortcutController.OverwriteContext(this.GetType());

src/PixiEditor/Views/Dock/NodeGraphDockView.axaml.cs

@@ -10,5 +10,6 @@ public partial class NodeGraphDockView : UserControl
     {
         InitializeComponent();
     }
+    
 }