free app icons
Free app icons, dock tiles
The Dock style turns all 734 icons into glossy rounded app tiles with light and depth, like the icons in a desktop dock. Click an icon below to download a transparent PNG, copy it or copy the SVG. Free, MIT licensed, no credit needed.
Pick an icon, click to get it
A starter set for app icons. Search to find any of all 734.
Click an icon to download a PNG. Its name opens its page; opens it in the studio.
- App favourites
- camera icon pageCustomize camera in the studio
- music-note icon pageCustomize music-note in the studio
- mail icon pageCustomize mail in the studio
- calendar icon pageCustomize calendar in the studio
- map icon pageCustomize map in the studio
- message-circle icon pageCustomize message-circle in the studio
- settings icon pageCustomize settings in the studio
- image icon pageCustomize image in the studio
- notebook icon pageCustomize notebook in the studio
- clock icon pageCustomize clock in the studio
- calculator icon pageCustomize calculator in the studio
- wallet icon pageCustomize wallet in the studio
- headphones icon pageCustomize headphones in the studio
- video-camera icon pageCustomize video-camera in the studio
- globe icon pageCustomize globe in the studio
- shopping-bag icon pageCustomize shopping-bag in the studio
- book-open icon pageCustomize book-open in the studio
- gamepad icon pageCustomize gamepad in the studio
- phone icon pageCustomize phone in the studio
- cloud icon pageCustomize cloud in the studio
- sun icon pageCustomize sun in the studio
- heart icon pageCustomize heart in the studio
- folder icon pageCustomize folder in the studio
- terminal icon pageCustomize terminal in the studio
- Tools
- layout-dashboard icon pageCustomize layout-dashboard in the studio
- chart-bar icon pageCustomize chart-bar in the studio
- chart-line icon pageCustomize chart-line in the studio
- chart-pie icon pageCustomize chart-pie in the studio
- trending-up icon pageCustomize trending-up in the studio
- activity icon pageCustomize activity in the studio
- gauge icon pageCustomize gauge in the studio
- wallet icon pageCustomize wallet in the studio
- credit-card icon pageCustomize credit-card in the studio
- bell icon pageCustomize bell in the studio
- settings icon pageCustomize settings in the studio
- users icon pageCustomize users in the studio
No icons match yet. Try a simpler word, or browse all 734.
Want to change it first? Every icon has its own page with all 34 styles and every format, and a studio for its colours, stroke and size.
Where they shine
Launchers, showcases and download pages
App launchers and home-screen themes, product showcases, download pages, portfolios, pitch decks and mock-ups. The tile, light and depth are built in, so a row of them looks like a real dock.
| Price | Free. No account, no paid tier, no watermark. |
|---|---|
| Licence | MIT: personal and commercial use, no credit required (licence in plain words). |
| Icons | 734 icons × 34 styles, plus live icons (over 25,000 in all), every style on the same 24 × 24 grid. |
| Style family | Dock is one of four Product & brand styles (with Bauhaus, Bento, Brutal): rich looks whose colours, gradient stops included, are role-named CSS variables, so one palette recolours them all. See every Dock icon. |
| Sizes | Download a PNG at up to 1024 px, or the SVG for any size |
FAQ
Questions people ask
Can I use these as my app’s icon?
Yes, they’re MIT licensed. Anyone can use the same icons, so customise yours (colours, palette) before you ship it as your app icon. Licence.
Can I make a custom home screen with them?
Yes. Download PNGs and set them as app icons with Shortcuts on iPhone or a launcher on Android.
Do the gradients survive copy and paste?
Yes. Each gradient sits inside the SVG with its own id, and the site and the packages make those ids unique for every icon on a page, so two icons never borrow each other’s colours. A downloaded .svg file has its colours baked in, ready for Figma, Illustrator or Canva.
Can I change the colours?
Yes. Pick a palette in the icon editor and every layer and gradient follows. On a website each colour is a CSS variable like --with-dock-c1 or --with-dock-accent, and the gradient stops read the same variables. Developer docs.
Find your icon in seconds
734 free icons, 34 styles, no account. Copy, download or drag them into your work.
Browse all icons