create/kindred-icons

Kindred Create Icons

This directory contains custom Catppuccin Mocha themed SVG icons that override the default FreeCAD icons.

How It Works

Icons placed in this directory are loaded before the default FreeCAD icons. To override an icon, simply create an SVG file with the same name as the original icon.

For example, to override document-save.svg, create kindred-icons/document-save.svg.

Icon Design Standards

All Kindred Create icons follow these guidelines:

Template

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <rect x="2" y="2" width="28" height="28" rx="4" fill="#313244"/>
  <!-- Icon content using Catppuccin Mocha colors -->
</svg>

Specifications

Property	Value
ViewBox	32x32
Background	Rounded rect, rx=4, fill=#313244 (surface0)
Stroke width	1.5-2.5 for main elements
Style	Flat, minimal, geometric

Catppuccin Mocha Palette

Color	Hex	Usage
Base	#1e1e2e	Deep backgrounds
Mantle	#181825	Darker backgrounds
Crust	#11111b	Darkest backgrounds
Surface0	#313244	Icon backgrounds
Surface1	#45475a	Elevated surfaces
Surface2	#585b70	Higher surfaces
Overlay0	#6c7086	Subtle elements
Overlay1	#7f849c	More visible overlays
Overlay2	#9399b2	Prominent overlays
Subtext0	#a6adc8	Tertiary text
Subtext1	#bac2de	Secondary text
Text	#cdd6f4	Primary text/strokes
Lavender	#b4befe	Soft purple accent
Blue	#89b4fa	File operations
Sapphire	#74c7ec	Links, info
Sky	#89dceb	Light blue accent
Teal	#94e2d5	Success secondary
Green	#a6e3a1	Edit operations, Creation/Success
Yellow	#f9e2af	View operations
Peach	#fab387	View accents
Maroon	#eba0ac	Soft red
Red	#f38ba8	Deletion/Error
Mauve	#cba6f7	System/Settings
Lavender	#b4befe	System accents
Pink	#f5c2e7	Decorative
Flamingo	#f2cdcd	Soft accents
Rosewater	#f5e0dc	Lightest accent

Workbench Color Coding

Each workbench uses a distinct accent color:

Workbench	Primary	Accent
Part Design	Blue #89b4fa	Sapphire #74c7ec
Sketcher	Yellow #f9e2af	Peach #fab387
Assembly	Green #a6e3a1	Teal #94e2d5
TechDraw	Mauve #cba6f7	Lavender #b4befe
Spreadsheet	Sky #89dceb	Sapphire #74c7ec
Mesh	Pink #f5c2e7	Flamingo #f2cdcd
Draft	Peach #fab387	Yellow #f9e2af

Adding New Icons

1. Identify the original icon name (e.g., document-save.svg)
2. Create your SVG using the template above
3. Save it in this directory with the exact same filename
4. The new icon will be used on next application start

Finding Original Icon Names

Original icons are located in:

• src/Gui/Icons/ - Core GUI icons
• src/Mod/*/Gui/Resources/icons/ - Module-specific icons

Use the same filename to override.

Icon Categories

The icon set covers these categories:

Category	Count	Examples
File Operations	15+	document-save, document-open, Std_Export
Edit Operations	20+	edit-undo, edit-copy, edit-paste
View Operations	35+	zoom-in, DrawStyle*, Std_View*
System/Settings	15+	preferences-system, help-browser
Tree View	15	Tree_, tree-
Link/Structure	15+	Link*, Feature, Group
Workbenches	8	PartDesignWorkbench, SketcherWorkbench
PartDesign	8	PartDesign_Pad, PartDesign_Pocket
Sketcher	10+	Sketcher_Create*, Constraint_*
Assembly	6	Assembly_Create*, Assembly_Insert*
Navigation	10+	button_, cursor-
Selection	8	*-selection, clear-selection
DAG View	4	dagView*

Total: 191 icons

Related Issues

• Epic: #7
• Phase 1 (Core): #4
• Phase 2 (Workbench): #5
• Phase 3 (Complete): #6