How to Customize Dock Icons on macOS: Skins, Colors, and Shapes
Change Dock folder icons on macOS using built-in tools, custom images, or Otterdock icon skins like Shelf, Glass, Gradient, and more.
Customizing how icons look on the macOS Dock usually falls into two buckets: change a folder’s icon using Apple’s built-in Get Info workflow, or use Otterdock’s group icon skins when you want consistent styles for workflow bundles. Otterdock enhances the Dock rather than replacing it, runs on macOS 14+, and keeps data local.
Takeaway: macOS gives you per-folder artwork; Otterdock adds repeatable “skin” styles for groups—Shelf, Glass, Gradient, Minimal, Otter—or your own imported image.
Built-in: change a folder icon with Get Info
Apple lets you replace the generic folder icon for any folder you keep in Finder or on the Dock. This is useful when one project directory should stand out visually.
- Prepare an image in a common format (PNG works well). Copy the image to the clipboard in Preview, or keep the file handy.
- Select the target folder in Finder and choose File → Get Info (or press Command-I).
- Click the small folder icon in the top-left of the Info window so it highlights.
- Paste your artwork (Command-V) or drag an image onto the icon well. The folder adopts the new icon in Finder and on the Dock if that folder is pinned there.
This approach changes the folder’s icon everywhere it appears. It does not add a separate styling system across multiple Dock items; each folder is customized individually. For a complete setup walkthrough, see how to organize your macOS Dock.
Otterdock: group icon skins and custom import
Otterdock groups can use a set of built-in skins—Shelf, Glass, Gradient, Minimal, and Otter—so related bundles share a coherent look without hand-editing every folder on disk. You can also import a custom skin image when you have brand artwork or a personal theme. Skins apply to Otterdock’s group presentation layer on top of the Dock folder behavior.
- Shelf / Glass / Gradient / Minimal / Otter: Built-in visual styles you can pick per group to keep stacks visually distinct at a glance.
- Custom import: Bring your own image when you need a logo or unique marker for a client or project group. See our designer Dock setup for inspiration.
Interaction modes remain your choice: click-to-expand requires no extra permissions; hover-to-expand uses Accessibility APIs and will prompt for permission in System Settings. Otterdock stores configuration under ~/Library/Application Support/Otterdock/. The free tier includes two groups; Pro unlocks unlimited groups. Direct price is $6.99; Mac App Store pricing is planned at $2.99 (coming soon).
Quick comparison
| Approach | What changes | Best when |
|---|---|---|
| Get Info folder icon | The folder’s icon in Finder and on the Dock | You want one-off artwork for specific directories |
| Otterdock skins | Group visuals for bundles of apps, files, folders, and links | You want repeatable styles and mixed Dock content |
| Custom skin import | Your own image on an Otterdock group | You need branding or a unique marker per group |
What this does not claim
macOS does not ship a single “skin engine” for every Dock icon type in the way a theme system might on other platforms. Folder icon changes are the most straightforward built-in path; Otterdock focuses on group presentation for workflow bundles. If you need system-wide icon changes beyond folders, investigate reputable icon customization approaches carefully and prefer backups before altering system assets.