Artwork: Difference between revisions

From FreeCAD Documentation
(Revised this section per 0.17, more sections to follow,)
(Deleted icons in this section that are workbench specific so lighten this page so it is easier to load, read, and maintain. Workbench specific icons will remain in Section 4 (source code))
Line 3: Line 3:
Here is the artwork that has been created for FreeCAD. Feel free to reuse in other applications. If you would like to contribute with icons, please read the guidelines at the bottom of this page first.
Here is the artwork that has been created for FreeCAD. Feel free to reuse in other applications. If you would like to contribute with icons, please read the guidelines at the bottom of this page first.



== Application Icons == <!--T:191-->
== Application Icons Common To Multiple WorkBenches== <!--T:191-->


=== The FreeCAD Icon === <!--T:192-->
=== The FreeCAD Icon === <!--T:192-->
Line 9: Line 10:
[[Image:Freecad.svg]] [[Image:Freecad16.svg]]
[[Image:Freecad.svg]] [[Image:Freecad16.svg]]


<translate>


<translate>
===File Menu and Toolbar Icons=== <!--T:193-->
===File Menu and Toolbar Icons=== <!--T:193-->
</translate>
</translate>
Line 28: Line 29:
[[Image:system-log-out.svg]]
[[Image:system-log-out.svg]]


<translate>


<translate>
===Edit Toolbar Icons=== <!--T:194-->
===Edit Toolbar Icons=== <!--T:194-->
</translate>
</translate>
Line 47: Line 48:


===Edit > Preferences Sub-menu Icons=== <!--T:195-->
===Edit > Preferences Sub-menu Icons=== <!--T:195-->

</translate>
Not all of these Preferences icons will be displayed in FreeCAD at once, unless the user has previously switched to all the WorkBenches.
Not all of these Preferences icons will be displayed in FreeCAD at once, unless the user has previously switched to all the WorkBenches.


</translate>
[[Image:Preferences-system.svg]]
[[Image:Preferences-system.svg]]
[[Image:Preferences-general.svg]]
[[Image:Preferences-general.svg]]
Line 64: Line 66:
[[Image:Preferences-techdraw.svg]]
[[Image:Preferences-techdraw.svg]]


<translate>


<translate>
===View Menu Icons=== <!--T:196-->
===View Menu Icons=== <!--T:196-->
</translate>
</translate>
Line 75: Line 77:
[[Image:View-measurement.svg]]
[[Image:View-measurement.svg]]


<translate>


<translate>
===View > Standard Views Sub-menu and Toolbar Icons=== <!--T:197-->
===View > Standard Views Sub-menu and Toolbar Icons=== <!--T:197-->
</translate>
</translate>
Line 91: Line 93:
[[Image:View-rotate-right.svg]]
[[Image:View-rotate-right.svg]]


<translate>


<translate>
===View > Draw Style Sub-menu and Toolbar Icons=== <!--T:198-->
===View > Draw Style Sub-menu and Toolbar Icons=== <!--T:198-->
</translate>
</translate>
Line 100: Line 102:
[[Image:DrawStyleWireFrame.svg]]
[[Image:DrawStyleWireFrame.svg]]
[[Image:DrawStylePoints.svg]]
[[Image:DrawStylePoints.svg]]



<translate>
<translate>
Line 108: Line 111:
[[Image:Std_Tool8.svg]]
[[Image:Std_Tool8.svg]]


<translate>


<translate>
===View > Zoom Sub-menu Icons=== <!--T:200-->
===View > Zoom Sub-menu Icons=== <!--T:200-->
</translate>
</translate>
Line 115: Line 118:
[[Image:View-zoom-out.svg]]
[[Image:View-zoom-out.svg]]
[[Image:View-zoom-border.svg]]
[[Image:View-zoom-border.svg]]



<translate>
<translate>
Line 122: Line 126:
[[Image:Part_Measure_Toggle_All.svg]]
[[Image:Part_Measure_Toggle_All.svg]]
[[Image:Part_Measure_Clear_All.svg]]
[[Image:Part_Measure_Clear_All.svg]]



<translate>
<translate>
Line 136: Line 141:
[[Image:Workbench_PartDesign.svg]]
[[Image:Workbench_PartDesign.svg]]
[[Image:Workbench_Plot.svg]]
[[Image:Workbench_Plot.svg]]
[[Image:Workbench_Points.png]]
[[Image:PointsWorkbench.svg]]
[[Image:Workbench_Raytracing.svg]]
[[Image:Workbench_Raytracing.svg]]
[[Image:Workbench_Reverse_Engineering.png]]
[[Image:ReverseEngineeringWorkbench.svg]]
[[Image:Workbench_Robot.svg]]
[[Image:Workbench_Robot.svg]]
[[Image:Workbench_Sketcher.svg]]
[[Image:Workbench_Sketcher.svg]]
Line 145: Line 150:
[[Image:Workbench_Web.svg]]
[[Image:Workbench_Web.svg]]


<translate>


<translate>
===Tools Menu Icons=== <!--T:203-->
===Tools Menu Icons=== <!--T:203-->
</translate>
</translate>
Line 155: Line 160:
[[Image:AddonManager.svg]]
[[Image:AddonManager.svg]]


<translate>


<translate>
===Macro Menu and Toolbar Icons=== <!--T:204-->
===Macro Menu and Toolbar Icons=== <!--T:204-->
</translate>
</translate>
Line 166: Line 171:
[[Image:Debug-stop.svg]]
[[Image:Debug-stop.svg]]


<translate>


<translate>
===Windows Menu Icons=== <!--T:205-->
===Windows Menu Icons=== <!--T:205-->
</translate>
</translate>
Line 174: Line 179:
[[Image:Std_WindowTileVer.svg]]
[[Image:Std_WindowTileVer.svg]]
[[Image:Std_WindowCascade.svg]]
[[Image:Std_WindowCascade.svg]]



<translate>
<translate>
Line 184: Line 190:
[[Image:WhatsThis.svg]]
[[Image:WhatsThis.svg]]


<translate>
===Tree Icons, Overall GUI=== <!--T:207-->
</translate>
[[Image:Document.svg]]
[[Image:Tree_Annotation.svg]]
[[Image:Tree_Dimension.svg]]
[[Image:Tree_Python.svg]]


<translate>
<translate>
===Structure Menu and Toolbar Icons===
===Structure Menu and Toolbar Icons===
</translate>

[[Image:Geofeaturegroup.svg]]
[[Image:Geofeaturegroup.svg]]
[[Image:Group.svg]]
[[Image:Group.svg]]


===Arch WB: Architecture Menu and Arch Tools Toolbar Icons=== <!--T:208-->
</translate>
[[Image:Arch_Wall.svg]]
[[Image:Arch_Structure.svg]]
[[Image:Arch_Rebar.svg]]
[[Image:Arch_Floor.svg]]
[[Image:Arch_Building.svg]]
[[Image:Arch_Site.svg]]
[[Image:Arch_Window.svg]]
[[Image:Arch_Roof.svg]]
[[Image:Arch Axis.svg]]
[[Image:Arch_SectionPlane.svg]]
[[Image:Arch_Space.svg]]
[[Image:Arch_Stairs.svg]]
[[Image:Arch Panel.svg]]
[[Image:Arch Equipment.svg]]
[[Image:Arch_Frame.svg]]
[[Image:Arch Material Group.svg]]
[[Image:Arch Schedule.svg]]
[[Image:Arch Pipe.svg]]
[[Image:Arch CutPlane.svg]]
[[Image:Arch_Add.svg]]
[[Image:Arch_Remove.svg]]
[[Image:Arch_Survey.svg]]

<translate>

===Arch WB: Architecture > Utilities Sub-menu Icons=== <!--T:209-->
</translate>
[[Image:Arch_Component.svg]]
[[Image:Arch Component Clone.svg]]
[[Image:Arch_SplitMesh.svg]]
[[Image:Arch_MeshToShape.svg]]
[[Image:Arch_SelectNonManifold.svg]]
[[Image:Arch_RemoveShape.svg]]
[[Image:Arch_CloseHoles.svg]]
[[Image:Arch_MergeWalls.svg]]
[[Image:Arch_Check.svg]]
[[Image:IFC.svg]]
[[Image:Arch_ToggleIfcBrepFlag.svg]]
[[Image:Arch_3Views.svg]]
[[Image:Arch Schedule.svg]]
[[Image:Arch ToggleSubs.svg]]

<translate>

===Arch WB: Architecture > Axis Tools Sub-menu and Toolbar Icons===

[[Image:Arch Axis.svg]]
[[Image:Arch Axis System.svg]]
[[Image:Arch Grid.svg]]

===Arch WB: Architecture > Panel Tools Sub-menu and Toolbar Icons===

[[Image:Arch Panel.svg]]
[[Image:Arch Panel Cut.svg]]
[[Image:Arch Panel Sheet.svg]]
[[Image:Arch Nest.svg]]

===Arch WB: Architecture > Material Tools Sub-menu and Toolbar Icons===

[[Image:Arch Material Group.svg]]
[[Image:Arch Material Multi.svg]]

===Arch WB: Architecture > Pipe Tools Sub-menu and Toolbar Icons===

[[Image:Arch Pipe.svg]]
[[Image:Arch PipeConnector.svg]]

===Arch WB: Tree Icons=== <!--T:210-->
</translate>
[[Image:Arch Axis System Tree.svg]]
[[Image:Arch_Axis_Tree.svg]]
[[Image:Arch_Building_Tree.svg]]
[[Image:Arch_Cell_Tree.svg]]
[[Image:Arch Equipment Tree.svg]]
[[Image:Arch_Floor_Tree.svg]]
[[Image:Arch_Frame_Tree.svg]]
[[Image:Arch_Panel_Tree.svg]]
[[Image:Arch Pipe Tree.svg]]
[[Image:Arch_Rebar_Tree.svg]]
[[Image:Arch_Roof_Tree.svg]]
[[Image:Arch_SectionPlane_Tree.svg]]
[[Image:Arch_Site_Tree.svg]]
[[Image:Arch_Space_Tree.svg]]
[[Image:Arch_Stairs_Tree.svg]]
[[Image:Arch_StructuralSystem_Tree.svg]]
[[Image:Arch_Structure_Tree.svg]]
[[Image:Arch_Wall_Tree.svg]]
[[Image:Arch_Wall_Tree_Assembly.svg]]
[[Image:Arch_Window_Tree.svg]]

<translate>

===Draft WB: Draft Creation Tools Menu and Toolbar Icons=== <!--T:212-->
</translate>
[[Image:Draft_Line.svg]]
[[Image:Draft_Polyline.svg]]
[[Image:Draft_Circle.svg]]
[[Image:Draft_Arc.svg]]
[[Image:Draft_Ellipse.svg]]
[[Image:Draft_Polygon.svg]]
[[Image:Draft_Rectangle.svg]]
[[Image:Draft_Text.svg]]
[[Image:Draft_Dimension.svg]]
[[Image:Draft_BSpline.svg]]
[[Image:Draft_Point.svg]]
[[Image:Draft_ShapeString.svg]]
[[Image:Draft_Facebinder.svg]]
[[Image:Draft_BezCurve.svg]]
[[Image:Draft_Label.svg]]

<translate>

===Draft WB: Draft Modification Tools Menu and Toolbar Icons===

[[Image:Draft_Move.svg]]
[[Image:Draft_Rotate.svg]]
[[Image:Draft_Offset.svg]]
[[Image:Draft_Trimex.svg]]
[[Image:Draft_Upgrade.svg]]
[[Image:Draft_Downgrade.svg]]
[[Image:Draft_Scale.svg]]
[[Image:Draft_Edit.svg]]
[[Image:Draft_WireToBSpline.svg]]
[[Image:Draft_AddPoint.svg]]
[[Image:Draft_DelPoint.svg]]
[[Image:Draft_Shape2DView.svg]]
[[Image:Draft_Draft2Sketch.svg]]
[[Image:Draft_Array.svg]]
[[Image:Draft_PathArray.svg]]
[[Image:Draft_Clone.svg]]
[[Image:Draft_PutOnSheet.svg]]
[[Image:Draft Mirror.svg]]
[[Image:Draft_Stretch.svg]]

===Draft WB: Draft > Utilities Sub-menu Icons=== <!--T:213-->
</translate>
[[Image:Draft_VisGroup.svg]]
[[Image:Draft_Heal.svg]]
[[Image:Draft_FlipDimension.svg]]
[[Image:Draft_Construction.svg]]
[[Image:Draft_Rotate.svg]]
[[Image:Draft_Edit.svg]]
[[Image:Draft_Slope.svg]]
[[Image:Draft_SelectPlane.svg]]
[[Image:Draft_Construction.svg]]
[[Image:Draft_Apply.svg]]
[[Image:Draft_SwitchMode.svg]]
[[Image:Draft_AddToGroup.svg]]
[[Image:Draft_SelectGroup.svg]]
[[Image:Draft_SelectPlane.svg]]
[[Image:Snap_Grid.svg]]

<translate>

===Draft WB: Draft > Wire Tools Sub-menu Icons=== <!--T:214-->
</translate>
[[Image:Draft_Rotate.svg]]
[[Image:Draft_Finish.svg]]
[[Image:Draft_Lock.svg]]

<translate>
===Draft WB: Draft > Snapping Sub-menu and Toolbar Icons=== <!--T:215-->
(The icons are ordered as shown in the toolbar)

</translate>
[[Image:Draft Grid.svg]]
[[Image:Snap_Lock.svg]]
[[Image:Snap_Near.svg]]
[[Image:Snap_Extension.svg]]
[[Image:Snap_Parallel.svg]]
[[Image:Snap_Grid.svg]]
[[Image:Snap_Endpoint.svg]]
[[Image:Snap_Midpoint.svg]]
[[Image:Snap_Perpendicular.svg]]
[[Image:Snap_Angle.svg]]
[[Image:Snap_Center.svg]]
[[Image:Snap_Ortho.svg]]
[[Image:Snap_Intersection.svg]]
[[Image:Snap_Special.svg]]
[[Image:Snap_Dimensions.svg]]
[[Image:Snap_WorkingPlane.svg]]

<translate>

===Draft WB: Tree Icons=== <!--T:219-->
</translate>
[[Image:Draft_Draft.svg]]

<translate>
===Drawing WB: Toolbar and Menu Icons=== <!--T:220-->
</translate>
[[Image:document-new.svg]]
[[Image:drawing-landscape-A3.svg]]
[[Image:drawing-view.svg]]
[[Image:drawing-orthoviews.svg]]
[[Image:drawing-openbrowser.svg]]
[[Image:drawing-annotation.svg]]
[[Image:drawing-clip.svg]]
[[Image:drawing-symbol.svg]]
[[Image:drawing--draft-view.svg]]
[[Image:Drawing-spreadsheet.svg]]

<translate>

===Drawing WB: Insert New Drawing Drop-down Toolbar and Sub-menu Icons===

[[Image:drawing-landscape-new.svg]]
[[Image:drawing-landscape-A0.svg]]
[[Image:drawing-landscape-A1.svg]]
[[Image:drawing-landscape-A2.svg]]
[[Image:drawing-landscape-A3.svg]]
[[Image:drawing-landscape-A4.svg]]
[[Image:Document-new.svg]]
[[Image:drawing-portrait-A0.svg]]
[[Image:drawing-portrait-A1.svg]]
[[Image:drawing-portrait-A2.svg]]
[[Image:drawing-portrait-A3.svg]]
[[Image:drawing-portrait-A4.svg]]

===FEM WB: Model Toolbar and Sub-menu Icons=== <!--T:221-->
</translate>
[[Image:Fem_Analysis.svg]]
[[Image:Fem_Material.svg]]
[[Image:Fem-material-fluid.svg]]
[[Image:Fem-material-nonlinear.svg]]
[[Image:Fem_BeamSection.svg]]
[[Image:Fem_ShellThickness.svg]]
[[Image:Fem-fluid-section.svg]]


===FEM WB: Thermal Constraints Toolbar and Sub-menu Icons===

[[Image:Fem-temperature.svg]]
[[Image:Fem-constraint-heatflux.svg]]


===FEM WB: Fluid Constraints Toolbar and Sub-menu Icons===

[[Image:Fem-constraint-initial-flow-velocity.svg]]
[[Image:Fem-constraint-fluid-boundary.svg]]
[[Image:Fem-constraint-flow-velocity.svg]]


===FEM WB: Mesh Toolbar and Menu Icons===

[[Image:Fem-femmesh-gmsh-from-shape.svg]]
[[Image:Fem-femmesh-boundary-layer.svg]]
[[Image:Fem-femmesh-region.svg]]
[[Image:fem-femmesh-from-shape.svg]]
[[Image:Fem-femmesh-create-node-by-poly.svg]]
[[Image:fem-femmesh-to-mesh.svg]]


===FEM WB: Solve Toolbar and Menu Icons===

[[Image:fem-solver.svg]]
[[Image:Fem-elmer.svg]]
[[Image:fem-equation-heat.svg]]
[[Image:Fem-equation-elasticity.svg]]
[[Image:Fem-equation-fluxsolver.svg]]
[[Image:Fem-equation-electrostatic.svg]]
[[Image:Fem-equation-flow.svg]]
[[Image:Fem-control-solver.svg]]
[[Image:fem-run-solver.svg]]


===FEM WB: Results Toolbar and Menu Icons===

[[Image:Fem-purge-results.svg]]
[[Image:fem-result.svg]]
[[Image:Fem-data.svg]]
[[Image:Fem-clip.svg]]
[[Image:Fem-clip-scalar.svg]]
[[Image:Fem-cut.svg]]
[[Image:Fem-warp.svg]]
[[Image:Fem-DataAlongLine.svg]]
[[Image:Fem-linearizedstresses.svg]]


===FEM WB: Filter Functions Toolbar and Sub-menu Icons===

[[Image:Fem-plane.svg]]
[[Image:Fem-sphere.svg]]

<translate>

===Image WB: Toolbar Icons=== <!--T:222-->
</translate>
[[Image:Image-import.svg]]

<translate>
===Inspection WB: Inspection Menu Icons=== <!--T:223-->
</translate>
[[Image:inspect_pipette.svg]]

<translate>
===Meshes WB: Meshes Menu and Toolbar Icons=== <!--T:224-->
</translate>
[[Image:Mesh_Import_Mesh.svg]]
[[Image:Mesh_Export_Mesh.svg]]
[[Image:Mesh_Mesh_from_Shape.svg]]
[[Image:Mesh_Harmonize_Normals.svg]]
[[Image:Mesh_Flip_Normals.svg]]
[[Image:mesh_boundary.svg]]
[[Image:Mesh_Remove_Components.svg]]
[[Image:Mesh_Regular_Solid.svg]]
[[Image:Mesh_cut.svg]]
[[Image:Mesh_Curvature_Plot.svg]]

<translate>
===Meshes WB: Analyze Sub-menu Icons=== <!--T:225-->
</translate>
[[Image:mesh_pipette.svg]]

<translate>
===Meshes WB: Regular Solids Sub-menu Icons=== <!--T:226-->
</translate>
[[Image:Mesh_Cone.svg]]
[[Image:Mesh_Cube.svg]]
[[Image:Mesh_Cylinder.svg]]
[[Image:Mesh_Ellipsoid.svg]]
[[Image:Mesh_Sphere.svg]]
[[Image:Mesh_Torus.svg]]
[[Image:MeshFace.svg]]

<translate>
===Meshes WB: Tree Icons=== <!--T:227-->
</translate>
[[Image:Tree_Mesh.svg]]
[[Image:Mesh_Tree_Curvature_Plot.svg]]

<translate>
===OpenSCAD WB: OpenSCAD Menu and Toolbar Icons=== <!--T:228-->
</translate>
[[Image:OpenSCAD_AddOpenSCADElement.svg]]
[[Image:OpenSCAD_ReplaceObject.svg]]
[[Image:OpenSCAD_RemoveSubtree.svg]]
[[Image:OpenSCAD_Explode_Group.svg]]
[[Image:OpenSCAD_RefineShapeFeature.svg]]
[[Image:Part_CheckGeometry.svg]]
[[Image:OpenSCAD_IncreaseToleranceFeature.svg]]
[[Image:Part_CreatePrimitives.svg]]
[[Image:Part_Shapebuilder.svg]]
[[Image:Part_Cut.svg]]
[[Image:Part_Fuse.svg]]
[[Image:Part_Common.svg]]
[[Image:Python.svg]]
[[Image:OpenSCAD_ColorCodeShape.svg]]
[[Image:OpenSCAD_Hull.svg]]
[[Image:OpenSCAD_MeshBooleans.svg]]
[[Image:OpenSCAD_Minkowski.svg]]
[[Image:OpenSCADWorkbench.svg]]
[[Image:preferences-openSCAD.svg]]

<translate>

===Part WB: Part Menu Icons=== <!--T:229-->
</translate>
[[Image:Part_Import.svg]]
[[Image:Part_Export.svg]]
[[Image:Part_CreatePrimitives.svg]]
[[Image:Part_Shapebuilder.svg]]
[[Image:Part_Shape_from_Mesh.svg]]
[[Image:Part_Refine_Shape.svg]]
[[Image:Part_CheckGeometry.svg]]
[[Image:Part_Section.svg]]
[[Image:Part_CrossSections.svg]]
[[Image:Part_Attachment.svg]]

<translate>

===Part WB: Part Menu > Part Tools Area and Part Tools Toolbar Icons=== <!--T:230-->
</translate>
[[Image:Part_Extrude.svg]]
[[Image:Part_Revolve.svg]]
[[Image:Part_Mirror.svg]]
[[Image:Part_Fillet.svg]]
[[Image:Part_Chamfer.svg]]
[[Image:Part_RuledSurface.svg]]
[[Image:Part_Loft.svg]]
[[Image:Part_Sweep.svg]]
[[Image:Part_Offset.svg]]
[[Image:Part_Offset2D.svg]]
[[Image:Part_Thickness.svg]]

<translate>

===Part WB: Part Menu > Part Primitives Area and Sub-menu, and Solids Toolbar Icons=== <!--T:231-->
</translate>
[[Image:Part_Box.svg]]
[[Image:Part_Cylinder.svg]]
[[Image:Part_Sphere.svg]]
[[Image:Part_Cone.svg]]
[[Image:Part_Torus.svg]]
[[Image:Part_CreatePrimitives.svg]]
[[Image:Part_Shapebuilder.svg]]

<translate>

===Part WB: Part Menu > Create Parametric Primitives Sub-menu and Toolbar Icons=== <!--T:232-->
</translate>
[[Image:Tree_Part_Plane_Parametric.svg]]
[[Image:Tree_Part_Box_Parametric.svg]]
[[Image:Tree_Part_Cylinder_Parametric.svg]]
[[Image:Tree_Part_Cone_Parametric.svg]]
[[Image:Tree_Part_Sphere_Parametric.svg]]
[[Image:Tree_Part_Ellipsoid_Parametric.svg]]
[[Image:Tree_Part_Torus_Parametric.svg]]
[[Image:Tree_Part_Prism.svg]]
[[Image:Tree_Part_Wedge.svg]]
[[Image:Part_Helix_Parametric.svg]]
[[Image:Part_Spiral_Parametric.svg]]
[[Image:Part_Circle_Parametric.svg]]
[[Image:Part_Ellipse_Parametric.svg]]
[[Image:Part_Point_Parametric.svg]]
[[Image:Part_Line_Parametric.svg]]
[[Image:Part_Polygon_Parametric.svg]]

<translate>

===Part WB: Part Menu > Boolean Sub-menu Area, and Boolean Toolbar Icons=== <!--T:233-->
</translate>
[[Image:Part_Booleans.svg]]
[[Image:Part_Cut.svg]]
[[Image:Part_Fuse.svg]]
[[Image:Part_Common.svg]]
[[Image:Part_JoinConnect.svg]]
[[Image:Part_JoinEmbed.svg]]
[[Image:Part_JoinCutout.svg]]
[[Image:Part_BooleanFragments.svg]]
[[Image:Part_Slice.svg]]
[[Image:Part_XOR.svg]]
[[Image:Part_CompoundFilter.svg]]
[[Image:Part_Section.svg]]
[[Image:Part_CrossSections.svg]]
[[Image:Part_Thickness.svg]]

<translate>

===Part WB: Measure Menu and Toolbar Icons=== <!--T:234-->
</translate>
[[Image:Part_Measure_Linear.svg]]
[[Image:Part_Measure_Angular.svg]]
[[Image:Part_Measure_Clear_All.svg]]
[[Image:Part_Measure_Toggle_All.svg]]
[[Image:Part_Measure_Toggle_3d.svg]]
[[Image:Part_Measure_Toggle_Delta.svg]]

<translate>
===Part WB: Tree Icons=== <!--T:235-->
</translate>
[[Image:Tree_Part.svg]]
[[Image:Tree_Part_Plane_Parametric.svg]]
[[Image:Tree_Part_Box_Parametric.svg]]
[[Image:Tree_Part_Cylinder_Parametric.svg]]
[[Image:Tree_Part_Cone_Parametric.svg]]
[[Image:Tree_Part_Sphere_Parametric.svg]]
[[Image:Tree_Part_Ellipsoid_Parametric.svg]]
[[Image:Tree_Part_Torus_Parametric.svg]]
[[Image:Tree_Part_Prism.svg]]
[[Image:Tree_Part_Wedge.svg]]

<translate>
===Part Design WB: Part Design Menu > Part Design Helper Area, and Part Design Helper Toolbar Icons=== <!--T:236-->
</translate>
[[Image:PartDesign_Body_Create_New.svg]]
[[Image:Sketcher_NewSketch.svg]]
[[Image:Sketcher_EditSketch.svg]]
[[Image:Sketcher_LeaveSketch.svg]]
[[Image:Sketcher_ViewSketch.svg]]
[[Image:Sketcher_MapSketch.svg]]
[[Image:PartDesign_Point.svg]]
[[Image:PartDesign_Line.svg]]
[[Image:PartDesign_Plane.svg]]
[[Image:PartDesign_ShapeBinder.svg]]
[[Image:PartDesign_Clone.svg]]

<translate>

===Part Design Next WB: Part Design Menu > Modeling Area, and Modeling Toolbar Icons=== <!--T:252-->

</translate>
[[Image:PartDesign_Pad.svg]]
[[Image:PartDesign_Revolution.svg]]
[[Image:PartDesign_Additive_Loft.svg]]
[[Image:PartDesign_Additive_Pipe.svg]]
[[Image:PartDesign_Additive_Box.svg]]
[[Image:PartDesign_Additive_Cylinder.svg]]
[[Image:PartDesign_Additive_Sphere.svg]]
[[Image:PartDesign_Additive_Cone.svg]]
[[Image:PartDesign_Additive_Ellipsoid.svg]]
[[Image:PartDesign_Additive_Torus.svg]]
[[Image:PartDesign_Additive_Prism.svg]]
[[Image:PartDesign_Additive_Wedge.svg]]
[[Image:PartDesign_Pocket.svg]]
[[Image:PartDesign_Hole.svg]]
[[Image:PartDesign_Groove.svg]]
[[Image:PartDesign_Subtractive_Loft.svg]]
[[Image:PartDesign_Subtractive_Pipe.svg]]
[[Image:PartDesign_Subtractive_Box.svg]]
[[Image:PartDesign_Subtractive_Cylinder.svg]]
[[Image:PartDesign_Subtractive_Sphere.svg]]
[[Image:PartDesign_Subtractive_Cone.svg]]
[[Image:PartDesign_Subtractive_Ellipsoid.svg]]
[[Image:PartDesign_Subtractive_Torus.svg]]
[[Image:PartDesign_Subtractive_Prism.svg]]
[[Image:PartDesign_Subtractive_Wedge.svg]]
[[Image:PartDesign_Mirrored.svg]]
[[Image:PartDesign_LinearPattern.svg]]
[[Image:PartDesign_PolarPattern.svg]]
[[Image:PartDesign_MultiTransform.svg]]
[[Image:PartDesign_Fillet.svg]]
[[Image:PartDesign_Chamfer.svg]]
[[Image:PartDesign_Draft.svg]]
[[Image:PartDesign_Thickness.svg]]
[[Image:PartDesign_Boolean.svg]]
[[Image:PartDesign_InternalExternalGear.svg]]


<translate>

===Plot WB: Plot Menu or Toolbar Icons=== <!--T:237-->
</translate>
[[Image:Save.svg ]]
[[Image:Axes.svg]]
[[Image:Series.svg]]
[[Image:Grid.svg]]
[[Image:Legend.svg]]
[[Image:Labels.svg]]
[[Image:Positions.svg]]

<translate>
===Points WB: Points Toolbar and Menu Icons=== <!--T:238-->
</translate>
[[Image:Points_Import_Point_cloud.svg]]
[[Image:Points_Export_Point_cloud.svg]]
[[Image:PolygonPick.svg]]

<translate>
===Points WB: Points > Test Sub-menu Icons=== <!--T:239-->
</translate>
[[Image:Test1.svg]]

<translate>
===Raytracing WB: Raytracing Menu Icons=== <!--T:240-->
</translate>
[[Image:Raytrace_NewPartSegment.svg]]
[[Image:Raytrace_ResetCamera.svg]]
[[Image:Raytrace_ExportProject.svg]]
[[Image:Raytrace_Render.svg]]

<translate>
===Raytracing WB: Raytracing > Utilities Sub-menu Icons=== <!--T:241-->
</translate>
[[Image:Raytrace_Export.svg]]
[[Image:Raytrace_Camera.svg]]
[[Image:Raytrace_Part.svg]]

<translate>
===Raytracing WB: Raytracing > New POV-Ray Project Sub-menu Icons=== <!--T:242-->
</translate>
[[Image:Raytrace_New.svg]]

<translate>
===Raytracing WB: Raytracing > New LuxRender Project Sub-menu Icons=== <!--T:243-->
</translate>
[[Image:Raytrace_Lux.svg]]

<translate>
===Raytracing WB: Raytracing Toolbar Icons Icons=== <!--T:244-->
</translate>
[[Image:Raytrace_New.svg]]
[[Image:Raytrace_Lux.svg]]
[[Image:Raytrace_NewPartSegment.svg]]
[[Image:Raytrace_Camera.svg]]
[[Image:Raytrace_ExportProject.svg]]
[[Image:Raytrace_Render.svg]]

<translate>
===Reverse Engineering WB: REEN Menu and Toolbar Icons=== <!--T:245-->
</translate>
[[Image:FitSurface.svg]]

<translate>
===Robot WB: Robot Menu and Toolbar Icons=== <!--T:246-->
</translate>
[[Image:Robot_CreateRobot.svg|64px]]
[[Image:Robot_CreateTrajectory.svg|64px]]
[[Image:Robot_InsertWaypoint.svg|64px]]
[[Image:Robot_InsertWaypointPre.svg|64px]]
[[Image:Robot_Edge2Trac.svg|64px]]
[[Image:Robot_TrajectoryDressUp.svg|64px]]
[[Image:Robot_TrajectoryCompound.svg|64px]]
[[Image:Robot_SetHomePos.svg|64px]]
[[Image:Robot_RestoreHomePos.svg|64px]]
[[Image:Robot_Simulate.svg|64px]]
[[Image:Robot_Export.svg|64px]]
[[Image:Robot_SetDefaultOrientation.svg|64px]]
[[Image:Robot_SetDefaultValues.svg|64px]]

<translate>
===Ship WB: Ship Design Menu and Toolbar Icons=== <!--T:247-->
</translate>
[[Image:Ship_Load.svg]]
[[Image:Ship_Module.svg]]
[[Image:Ship_OutlineDraw.svg]]
[[Image:Ship_AreaCurve.svg]]
[[Image:Ship_Hydrostatics.svg]]

<translate>
===Ship WB: Ship Weights Menu and Toolbar Icons=== <!--T:248-->
</translate>
[[Image:FreeCAD-Ship-WeightIco.png|64px]]
[[Image:FreeCAD-Ship-TankIco.png|64px]]
[[Image:HydrostaticsIco.png|64px]]

<translate>
===Sketcher WB: Sketcher Menu and Sketch Toolbar Icons=== <!--T:249-->
</translate>
[[Image:Sketcher_NewSketch.svg]]
[[Image:Sketcher_EditSketch.svg]]
[[Image:Sketcher_LeaveSketch.svg]]
[[Image:Sketcher_ViewSketch.svg]]
[[Image:Sketcher_MapSketch.svg]]

<translate>
===Sketcher WB: Sketch > Sketcher Geometries Sub-menu and Toolbar Icons=== <!--T:250-->
</translate>
[[Image:Sketcher_Point.svg]]
[[Image:Sketcher_Line.svg]]
[[Image:Sketcher_Arc.svg]]
[[Image:Sketcher_Create3PointArc.svg]]
[[Image:Sketcher_Circle.svg]]
[[Image:Sketcher_Create3PointCircle.svg]]
[[Image:Sketcher_Polyline.svg]]
[[Image:Sketcher_Rectangle.svg]]
[[Image:Sketcher_CreateTriangle.svg]]
[[Image:Sketcher_CreateSquare.svg]]
[[Image:Sketcher_CreatePentagon.svg]]
[[Image:Sketcher_CreateHexagon.svg]]
[[Image:Sketcher_CreateHeptagon.svg]]
[[Image:Sketcher_CreateOctagon.svg]]
[[Image:Sketcher_CreateSlot.svg]]
[[Image:Sketcher_CreateFillet.svg]]
[[Image:Sketcher_Trimming.svg]]
[[Image:Sketcher_External.svg]]
[[Image:Sketcher_AlterConstruction.svg]]

<translate>
===Sketcher WB: Sketch > Sketcher Constraints Sub-menu and Toolbar Icons=== <!--T:211-->
</translate>
[[Image:Constraint_PointOnPoint.svg]]
[[Image:Constraint_PointOnObject.svg]]
[[Image:Constraint_Vertical.svg]]
[[Image:Constraint_Horizontal.svg]]
[[Image:Constraint_Parallel.svg]]
[[Image:Constraint_Perpendicular.svg]]
[[Image:Constraint_Tangent.svg]]
[[Image:Constraint_EqualLength.svg]]
[[Image:Constraint_Symmetric.svg]]
[[Image:Constraint_Lock.svg]]
[[Image:Constraint_HorizontalDistance.svg]]
[[Image:Constraint_VerticalDistance.svg]]
[[Image:Constraint_Length.svg]]
[[Image:Constraint_Radius.svg]]
[[Image:Constraint_InternalAngle.svg]]
[[Image:Constraint_SnellsLaw.svg]]
[[Image:Constraint_Lock_Driven.svg]]
[[Image:Constraint_HorizontalDistance_Driven.svg]]
[[Image:Constraint_VerticalDistance_Driven.svg]]
[[Image:Constraint_Length_Driven.svg]]
[[Image:Constraint_Radius_Driven.svg]]
[[Image:Constraint_InternalAngle_Driven.svg]]
[[Image:Constraint_SnellsLaw_Driven.svg]]
[[Image:Constraint_ToggleConstraint_Driven.svg]]
[[Image:Constraint_ToggleConstraint_Driving.svg]]
[[Image:Sketcher_ToggleConstraint.svg]]
<translate>

===Sketcher Constraints Icons Not Used=== <!--T:69-->
</translate>
[[Image:Constraint_Concentric.svg]]
[[Image:Constraint_ExternalAngle.svg]]
[[Image:Constraint_PointOnEnd.svg]]
[[Image:Constraint_PointOnMidPoint.svg]]
[[Image:Constraint_PointOnStart.svg]]
[[Image:Constraint_PointToObject.svg]]
[[Image:Constraint_TangentToEnd.svg]]
[[Image:Constraint_TangentToStart.svg]]

<translate>
===Sketcher WB: Sketch > Sketcher Accelerators Sub-menu and Toolbar Icons=== <!--T:164-->
</translate>
[[Image:Sketcher_CloseShape.svg]]
[[Image:Sketcher_ConnectLines.svg]]
[[Image:Sketcher_SelectConstraints.svg]]
[[Image:Sketcher_SelectOrigin.svg]]
[[Image:Sketcher_SelectVerticalAxis.svg]]
[[Image:Sketcher_SelectHorizontalAxis.svg]]

<translate>
===Sketcher WB: Combo View > Elements Icons=== <!--T:166-->
</translate>
[[Image:Sketcher_Element_Point_StartingPoint.svg]]
[[Image:Sketcher_Element_Line_StartingPoint.svg]]
[[Image:Sketcher_Element_Line_EndPoint.svg]]
[[Image:Sketcher_Element_Line_Edge.svg]]
[[Image:Sketcher_Element_Circle_MidPoint.svg]]
[[Image:Sketcher_Element_Circle_Edge.svg]]
[[Image:Sketcher_Element_Arc_MidPoint.svg]]
[[Image:Sketcher_Element_Arc_StartingPoint.svg]]
[[Image:Sketcher_Element_Arc_EndPoint.svg]]
[[Image:Sketcher_Element_Arc_Edge.svg]]

<translate>
===TechDraw WB: === <!--T:253-->
</translate>
[[Image:Techdraw-new-default.svg]]
[[Image:Annotation.svg]]
[[Image:Dimension.svg]]
[[Image:Dimension_Angle.svg]]
[[Image:Dimension_Diameter.svg]]
[[Image:Dimension_Horizontal.svg]]
[[Image:Dimension_Length.svg]]
[[Image:Dimension_Radius.svg]]
[[Image:Dimension_Vertical.svg]]
[[Image:Hatch.svg]]
[[Image:LinkDimension.svg]]
[[Image:Page.svg]]
[[Image:Pages.svg]]
[[Image:PageTemplate.svg]]
[[Image:preferences-techdraw.svg]]
[[Image:ProjBottom.svg]]
[[Image:ProjFront.svg]]
[[Image:ProjFrontBottomLeft.svg]]
[[Image:ProjFrontBottomRight.svg]]
[[Image:ProjFrontTopLeft.svg]]
[[Image:ProjFrontTopRight.svg]]
[[Image:ProjGroup.svg]]
[[Image:ProjLeft.svg]]
[[Image:ProjRear.svg]]
[[Image:ProjRight.svg]]
[[Image:ProjTop.svg]]
[[Image:Section.svg]]
[[Image:Symbol.svg]]
[[Image:View.svg]]


<translate>

===TechDraw WB: actions=== <!--T:254-->
</translate>


[[Image:document-new.svg]]
[[Image:drawing-draft-view.svg]]
[[Image:saveSVG.svg]]
[[Image:techdraw-annotation.svg]]
[[Image:techdraw-clip.svg]]
[[Image:techdraw-clipminus.svg]]
[[Image:techdraw-clipplus.svg]]
[[Image:techdraw-draft-view.svg]]
[[Image:techdraw-hatch.svg]]
[[Image:techdraw-landscape.svg]]
[[Image:techdraw-landscape-A0.svg]]
[[Image:techdraw-landscape-A1.svg]]
[[Image:techdraw-landscape-A2.svg]]
[[Image:techdraw-landscape-A3.svg]]
[[Image:techdraw-landscape-A4.svg]]
[[Image:techdraw-landscape-new.svg]]
[[Image:techdraw-new-default.svg]]
[[Image:techdraw-new-pick.svg]]
[[Image:techdraw-openbrowser.svg]]
[[Image:techdraw-portrait-A4.svg]]
[[Image:techdraw-projgroup.svg]]
[[Image:techdraw-symbol.svg]]
[[Image:techdraw-toggleframe.svg]]
[[Image:techdraw-view.svg]]
[[Image:techdraw-viewsection.svg]]

<translate>

===Tree Icons=== <!--T:168-->
</translate>
[[Image:Tree_Part.svg]]
[[Image:Tree_Mesh.svg]]
[[Image:Tree_Annotation.svg]]
[[Image:Tree_Dimension.svg]]
[[Image:Tree_Python.svg]]
[[Image:Tree_Selectable.svg]]
[[Image:Tree_Unselectable.svg]]


<translate>
<translate>

Revision as of 14:55, 10 January 2018

Here is the artwork that has been created for FreeCAD. Feel free to reuse in other applications. If you would like to contribute with icons, please read the guidelines at the bottom of this page first.


Application Icons Common To Multiple WorkBenches

The FreeCAD Icon


File Menu and Toolbar Icons


Edit Toolbar Icons


Edit > Preferences Sub-menu Icons

Not all of these Preferences icons will be displayed in FreeCAD at once, unless the user has previously switched to all the WorkBenches.


View Menu Icons


View > Standard Views Sub-menu and Toolbar Icons

File:View-zoom-all.svg File:View-zoom-selection.svg


View > Draw Style Sub-menu and Toolbar Icons


View > Stereo Sub-menu Icons


View > Zoom Sub-menu Icons

File:View-zoom-border.svg


View > Visibility Sub-menu Icons


View > Workbench Sub-menu Icons

File:Workbench Test.png


Tools Menu Icons


Macro Menu and Toolbar Icons


Windows Menu Icons


Help Menu Icons


Structure Menu and Toolbar Icons


Other/General Icons

Emot icons

File:FreeCAD05 Tango Face-angel.svg File:FreeCAD05 Tango Face-blush.svg File:FreeCAD05 Tango Face-crying.svg File:FreeCAD05 Tango Face-devil-grin.svg File:FreeCAD05 Tango Face-glasses.svg File:FreeCAD05 Tango Face-grin.svg File:FreeCAD05 Tango Face-grin-braces.svg File:FreeCAD05 Tango Face-kiss.svg File:FreeCAD05 Tango Face-plain.svg File:FreeCAD05 Tango Face-sad.svg File:FreeCAD05 Tango Face-smile.svg File:FreeCAD05 Tango Face-smile-big.svg File:FreeCAD05 Tango Face-surprise.svg File:FreeCAD05 Tango Face-wink.svg


File:FreeCAD05 Tango Anaglyph.svg File:FreeCAD05 Tango Applications-games.svg File:FreeCAD05 Tango Applications-ristretto.svg File:FreeCAD05 Tango Dialog-error.svg File:FreeCAD05 Tango Dialog-warning.svg File:FreeCAD05 Tango Measure.svg File:FreeCAD05 Tango Process-stop.svg File:FreeCAD05 Tango Text-x-python.svg File:FreeCAD05 Tango Camera-photo.svg File:FreeCAD05 Tango Preferences-system.svg File:FreeCAD05 Tango Camera-video.svg File:FreeCAD05 Tango Applications-graphics.svg File:FC Christmas.svg

Splash screens


FreeCAD Icons by their location in source code

From \src\Gui\Icons

File:CoordinateSystem.svg File:Debug marker.svg


The Background has been re-sized to a display width of 480 pixels:


From \src\Gui\Icons\ClassBrowser

From \src\Mod\Arch\Resources\icons


From \src\Mod\Arch\Resources\ui


From src\Mod\Assembly\Gui\Resources\icons

File:Assembly Demo.svg

From src\Mod\Assembly\Gui\Resources\icons\actions

File:Axle constraint.svg

From src\Mod\Assembly\Gui\Resources\icons\constraints

File:Assembly ConstraintOpposite.svg

From src\Mod\Complete\Gui\Resources\icons

File:CompleteWorkbench.svg


From \src\Mod\Draft\Resources\Icons

File:DraftWorkbench.svg File:Snap Angle.svg File:Snap Center.svg File:Snap Dimensions.svg File:Snap Endpoint.svg File:Snap Extension.svg File:Snap Grid.svg File:Snap Intersection.svg File:Snap Lock.svg File:Snap Midpoint.svg File:Snap Near.svg File:Snap Ortho.svg File:Snap Parallel.svg File:Snap Perpendicular.svg File:Snap Special.svg File:Snap WorkingPlane.svg


From \src\Mod\Draft\Resources\Patterns


From \src\Mod\Drawing\Gui\Resources\Icons

File:DrawingWorkbench.svg File:Page.svg File:Pages.svg


From \src\Mod\Drawing\Gui\Resources\Icons\Actions

File:Drawing-annotation.svg File:Drawing-clip.svg File:Drawing-draft-view.svg File:Drawing-landscape.svg File:Drawing-landscape-A0.svg File:Drawing-landscape-A1.svg File:Drawing-landscape-A2.svg File:Drawing-landscape-A3.svg File:Drawing-landscape-A4.svg File:Drawing-landscape-new.svg File:Drawing-openbrowser.svg File:Drawing-portrait-A0.svg File:Drawing-portrait-A1.svg File:Drawing-portrait-A2.svg File:Drawing-portrait-A3.svg File:Drawing-portrait-A4.svg File:Drawing-spreadsheet.svg File:Drawing-symbol.svg File:Drawing-view.svg


From \src\Mod\Drawing\Templates

File:A0 Landscape ISO7200.svg File:A0 Landscape plain.svg File:A0 Portrait plain.svg File:A1 Landscape ISO7200.svg File:A1 Landscape plain.svg File:A1 Portrait plain.svg File:A2 Landscape ISO7200.svg File:A2 Landscape plain.svg File:A2 Portrait plain.svg File:A3 Landscape.svg File:A3 Landscape ISO7200.svg File:A3 Landscape plain.svg File:A3 Portrait plain.svg File:A4 Landscape.svg File:A4 Landscape ISO7200.svg File:A4 Landscape plain.svg File:A4 Portrait ISO7200.svg File:A4 Portrait plain.svg The following image is "A4_Simple.svg":

File:A4 Simple.svg


From \src\Mod\Fem\Gui\Resources\Icons

File:Fem-box.svg File:Fem-cfd-analysis.svg File:Fem-clip.svg File:Fem-clip-scalar.svg File:Fem-cut.svg File:Fem-cylinder.svg File:Fem-femmesh-result.svg File:Fem-frequency-analysis.svg File:Fem-inp-editor.svg File:Fem-isosurface.svg File:Fem-plane.svg File:Fem-sphere.svg File:Fem-static-analysis.svg File:Fem-thermomechanical-analysis.svg File:Fem-warp.svg


From \src\Mod\Image\Gui\Resources\Icons

File:ImageWorkbench.svg

From \src\Mod\Inspection\Gui\Resources\Icons

File:InspectionWorkbench.svg


From \src\Mod\Material\Gui\Resources\Icons

From \src\Mod\Mesh\Gui\Resources\Icons

File:Mesh boundary.svg File:Mesh Curvature Plot.svg File:Mesh cut.svg File:Mesh Export Mesh.svg File:Mesh Flip Normals.svg File:Mesh Harmonize Normals.svg File:Mesh Import Mesh.svg File:Mesh pipette.svg File:Mesh Regular Solid.svg File:Mesh Remove Components.svg File:MeshWorkbench.svg File:Tree Mesh.svg


From \src\Mod\Mesh\Gui\Resources\Icons\RegularSolids

From \src\Mod\MeshPart\Gui\Resources\Icons\Actions

From \src\Mod\OpenSCAD\Gui\Resources\Icons\


From \src\Mod\Part\Gui\Resources\icons\

File:Part CreatePrimitives.svg File:Part Measure Toggle 3d.svg File:Part Polygon Parametric.svg File:Part Workbench.svg


From \src\Mod\PartDesign\FeatureHole


From \src\Mod\PartDesign\Gui\Resources\icons\

File:PartDesign Additive Wedge.svg File:PartDesign Subtractive Cylinder.svg File:PartDesign Subtractive Pipe.svg File:PartDesign Subtractive Prism.svg File:PartDesign Subtractive Torus.svg File:PartDesign Subtractive Wedge.svg


From \src\Mod\PartDesign\WizardShaft\

From \src\Mod\Path\Gui\Resources\icons

File:Path-Area-View.svg File:Path-Area-Workplane.svg File:Path-Array.svg File:Path-Axis.svg File:Path-BaseGeometry.svg File:Path-BFastForward.svg File:Path-BPause.svg File:Path-BPlay.svg File:Path-BStep.svg File:Path-BStop.svg File:Path-Comment.svg File:Path-Compound.svg File:Path-Contour.svg File:Path-Copy.svg File:Path-Custom.svg File:Path-Datums.svg File:Path-Depths.svg File:Path-Dressup.svg File:Path-Drilling.svg File:Path-FacePocket.svg File:Path-FaceProfile.svg File:Path-Heights.svg File:Path-Holding.svg File:Path-Hop.svg File:Path-Inspect.svg File:Path-Job.svg File:Path-Kurve.svg File:Path-LengthOffset.svg File:Path-Machine.svg File:Path-MachineLathe.svg File:Path-MachineMill.svg File:Path-Machine-test1.svg File:Path-OpCopy.svg File:Path-OperationA.svg File:Path-OperationB.svg File:Path-Plane.svg File:Path-Pocket.svg File:Path-Post.svg File:Path-Profile.svg File:Path-Profile-Edges.svg File:Path-Sanity.svg File:Path-SelectLoop.svg File:Path-SetupSheet.svg File:Path-Shape.svg File:Path-Simple copy.svg File:Path-Simulator.svg File:Path-Speed.svg File:Path-Stock.svg File:Path-Stop.svg File:Path-Tags.svg File:Path-ToolChange.svg File:Path-ToolController.svg File:Path-Toolpath.svg File:Path-ToolTable.svg


From \src\Mod\Plot\resources\icons

File:Axes.svg File:Grid.svg File:Icon.svg File:Labels.svg File:Legend.svg File:PlotWorkbench.svg File:Positions.svg File:Save.svg


From \src\Mod\Points\Gui\Resources\icons


From \src\Mod\Raytracing\Gui\Resources\icons

File:Raytrace Camera.svg File:Raytrace Part.svg

From \src\Mod\ReverseEngineering\Gui\Resources\icons\


From \src\Mod\ReverseEngineering\Gui\Resources\icons\actions


From \src\Mod\Robot\Gui\Resources\icons


From \src\Mod\Ship\Resources\icons

File:Ship Wieght.svg File:ShipWorkbench.svg


From \src\Mod\Sketcher\Gui\Resources\icons

File:Sketcher ConstrainLock Driven.svg File:Sketcher CreateEllipse.svg File:Sketcher CreateEllipse Constr.svg File:Sketcher Elliptical Arc.svg File:Sketcher Elliptical Arc Constr.svg File:Sketcher Hyperbolic Arc.svg File:Sketcher Hyperbolic Arc Constr.svg File:Sketcher Parabolic Arc Constr.svg File:Sketcher ToggleConstraint Driving.svg File:SketcherWorkbech.svg


From \src\Mod\Sketcher\Gui\Resources\icons\small

Files in this folder cannot be uploaded because the file extension is .xpm.

From \src\Mod\Spreadsheet\Resources\icons


From \src\Mod\Start\Gui\Resources\icons

From \src\Mod\Start\StartPage\Images

File:ArchDesign.png File:Freecad-doc.png File:PartDesign.png


File:ArchExample.png

The following image has been re-sized to a display width of 600 pixels:

File:Background.jpg

File:Banner.jpeg

File:PartDesignExample.png

File:ShipExample.png


From \src\Mod\Surface\Gui\Resources\icons

From \src\Mod\TechDraw\Gui\Resources\icons

From \src\Mod\TechDraw\Gui\Resources\ToleranceSymbols

From \src\Mod\TechDraw\Templates

From \src\Mod\Test\Gui\Resources\icons

From \src\Mod\Tux\Resources\icons

File:NavigationCAD.svg File:NavigationGesture.svg File:NavigationMayaGesture.svg File:NavigationOpenCascade.svg File:NavigationOpenInventor.svg File:NavigationTouchpad.svg

From \src\Mod\Web\Gui\Resources\icons

From \src\Mod\Web\Gui\Resources\icons\actions


Guidelines

Introduction

A FreeCAD icon is composed of 6 elements which can be remembered easily using the awkward acronym "SALCHO": Stroke, Alignment, Lighting, Color, Highlighting, Outline

Here's a concrete, yet arbitrary example:

An icon that's taken all its vitamins
An icon that's taken all its vitamins
A The highlight color is used for this entire surface to indicate light falling from above
B The obligatory dark outline surrounds the icon shape to provide form contrast
C Just inside the outline, the highlight stroke (using the highlight color) provides contrast on dark backgrounds
D This face is primarily the base color, but a light gradient from highlight (top left) to base (bottom right) gives the impression of light falling from above left
E The highlight here is the base color (one tone down) to give the impression of this being the face furthest from the light
F This face is like D but goes from Base (top left) to Dark (bottom right), to indicate that this is the face furthest from the light

The following sections explain these elements in a more structured way.

Colors

[Obligatory] FreeCAD uses a palette adapted from the Tango palette. Each main color comes in 4 tones: Highlight, Base, Dark and Outline.

Example of a 4 tone color family (Chameleon)
Example of a 4 tone color family (Chameleon)
A selection of some key colors. (See the palette for the full range)
Use the Yellow tones for tools that create objects.
Use the Blue tones for tools that modify objects
Use the Teal tones for view-related tools
Use the Red tones for Constraint related tools

Why limit myself to these colors?

Restricting the colors to a defined palette helps avoid heterogeneous iconography and improves readability when there are many icons.
How? Installing the palette is as easy as copying it into your Inkscape palette folder.

Grid & Stroke Width

[Obligatory] FreeCAD Icons are 64px*64px nominal size (Though I like to leave a 2px margin all around to prevent funky antialiasing things from happening on the image edge). When creating or editing an icon, make sure your document size is 64 x 64 with the units being px. This gives you 60px * 60px of useable space.

Stay inside the blue area and everything will work out just fine
Stay inside the blue area and everything will work out just fine

It's also strongly recommended to apply at least one grid to the document that has a grid line every pixel and a major grid line every 2 pixels. Feel free to add other grids to help out, but you should have at least that one. You're strokes would then be aligned along the minor grid intersections. (See image)

Strokes should be no thinner than 2px, with rounded caps and corners in most cases. Strokes can be thicker, but aim for a multiple of two to minimise scaling fuzziness.

Orderly grid, all strokes 2px, perfection achieved
Orderly grid, all strokes 2px, perfection achieved

Why use this grid and stroke size?

For historical reasons, FreeCAD uses a 64px icon that then gets scaled down. Not ideal, but it adds character. As a result, keeping things aligned to a power of two grid with thicknesses that are powers of two helps to avoid or at least mitigate anti-aliasing issues upon rescaling.
How? Go to "File > Document Properties" and confirm the width, height and units of your page are correct. Then go to the "Grids" tab and click "New", setting the units to "px", "Spacing X" and "Spacing Y" to 1 and "Major grid line every" to 2

Outline

[Obligatory] Basing yourself on the main color of the icon, ensure that there is a dark outline (of 2px as mentioned earlier). This works in union with the highlight to ensure good form contrast on multiple background tones.

Wow, much clear, so contrast
Wow, much clear, so contrast

Why is the outline needed?

The outline is the skeleton on which everything else hangs by adding form contrast. Using the Outline color or the Dark color depends on the situation, but without this line, the range of backgrounds on which the icon is visible gets drastically limited
How? Simply add an external stroke of 2px around every part of the icon that will be adjacent to the background color. In the case of a donut shape for example, you would also do the interior hole. Snap your path's nodes to the grid whenever possible, aiming for the minor grid intersections.

Highlight

[Strongly Advised] Using the Highlight color, add an internal stroke (again, 2px) to help make that outline pop. On dark backgrounds, it's this highlight that will be providing the form to the icon.

That highlight will save our socks on a dark background.
That highlight will save our socks on a dark background.

Why use the highlight?

The highlight works in unison with the outline to improve form contrast - especially on dark backgrounds. It is never a bad idea, but if you don't have the space (on a thin line for example) you can opt out of it provided you have ensured enough contrast between the main color and the outline
How? Just like the outline, simply trace a stroke of 2px around the internal side of the outline, snapping nodes to the grid when possible, aiming for the minor grid intersections.

Lighting

[Optional] As per Tango guidelines, if you're adding a gradient lighting effect, try to make it look like the light is coming from the top left. This is done by adding the highlight color up top left and the Base or Dark color bottom right (notice that I haven't played around trying to use a non-palette color)

Subtle but effective.
Subtle but effective.

Why use lighting?

Lighting is just another way to tie icons together and ensure that there are varying levels of 'value' to improve their readability. Provided the outline and highlight are present though, it can be considered optional
How? Set the fill to be a linear or a radial gradient. (Available in the stroke and fill settings). Remember that using "F2" to set direct select, you can move the nodes of the gradient around to make sure they are at the right angle.

Closing Remarks

That's it - that's all there is to making sure that there's a unified look to all the icons. Remember: SALCHO Stroke, Alignment, Lighting, Color, Highlight, Outline

Here's a collection of tips to be able to check your work:

Checking Size

Inkscape has a super handy tool to check your icon at various sizes. Go to "View > Icon Preview..." and it'll show you previews of your icon resized to 16,24,32 and 64px!

Checking Your Outline

1. Put your icon on a big rectangle that is the same color as the darkest color in your icon.

2. Still looks OK? Great! Go to step 3. If not, see the frowny face

3. Do the same but this time using the lightest color.

4. Still looks OK? Great! Outlines and highlights have been used appropriately!

My icon is barely visible!

You have poor form contrast. Double check the outline and highlight, one of these is probably missing or improperly applied.

Checking Your Contrast

1. Get your icon and export it to either .png or .jpg, whichever you prefer

2. Open an image program and change it to grayscale. In GIMP for example you would go to "Image > Mode > Grayscale" (This is excellent for testing for color blind users)

3. Can you still clearly make out any internal details? Great! You have good contrast!

I can't make out all the wonderful detail!

The colors you've chosen have poor value contrast. Try using colors that are further apart in your 4 tone palette. i.e. A Highlight green beside a highlight yellow will be difficult to see, knock one of those colors down to Base or Dark.