Files
create/kindred-icons/README.md
forbes-0023 1c309a0ca8
All checks were successful
Build and Test / build (push) Successful in 1h13m23s
feat(icons): complete Phase 3 icon migration (#6)
This completes the Kindred Create icon set with 191 Catppuccin Mocha themed SVG icons.

New icon categories added:
- DrawStyle icons (7): Wireframe, Shaded, FlatLines, etc.
- View orientation icons (12): Front, Rear, Top, Bottom, etc.
- Tree view icons (15): Tree_*, tree-* for document tree
- Link & Feature icons (14): Link*, Feature, Group, etc.
- Button/navigation icons (11): button_*, edit_OK, edit_Cancel
- Cursor icons (4): pan, rotate, zoom, through
- Selection icons (8): edge, face, vertex, clear-selection
- DAG view icons (4): Pass, Fail, Pending, Visible
- Std_* view/toggle icons (15): ShowObjects, HideObjects, etc.
- Utility icons (25+): Document, folder, info, Warning, etc.

All icons follow the design standards:
- 32x32 viewBox with rx=4 rounded background
- Catppuccin Mocha color palette
- Category-based color coding:
  - Blue: File operations
  - Green: Edit/Creation operations
  - Yellow/Peach: View operations
  - Mauve/Lavender: System/Settings
  - Red: Destructive actions

Closes #6
2026-02-05 12:05:58 -06:00

4.1 KiB

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

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