launchshots / icons / lucide / server-cog

Server Cog

Lucide ISC License
cloud storage computing cog gear
Drop into editor

Copy the code

<!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-server-cog" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m10.852 14.772-.383.923" /> <path d="M13.148 14.772a3 3 0 1 0-2.296-5.544l-.383-.923" /> <path d="m13.148 9.228.383-.923" /> <path d="m13.53 15.696-.382-.924a3 3 0 1 1-2.296-5.544" /> <path d="m14.772 10.852.923-.383" /> <path d="m14.772 13.148.923.383" /> <path d="M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5" /> <path d="M4.5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5" /> <path d="M6 18h.01" /> <path d="M6 6h.01" /> <path d="m9.228 10.852-.923-.383" /> <path d="m9.228 13.148-.923.383" /> </svg>
<!-- Server Cog icon (Lucide) --> <!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-server-cog" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m10.852 14.772-.383.923" /> <path d="M13.148 14.772a3 3 0 1 0-2.296-5.544l-.383-.923" /> <path d="m13.148 9.228.383-.923" /> <path d="m13.53 15.696-.382-.924a3 3 0 1 1-2.296-5.544" /> <path d="m14.772 10.852.923-.383" /> <path d="m14.772 13.148.923.383" /> <path d="M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5" /> <path d="M4.5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5" /> <path d="M6 18h.01" /> <path d="M6 6h.01" /> <path d="m9.228 10.852-.923-.383" /> <path d="m9.228 13.148-.923.383" /> </svg>
import { ServerCog } from 'lucide-react'; export default function MyComponent() { return <ServerCog size={24} strokeWidth={2} color="currentColor" />; }

Use this icon in your App Store screenshots

Open LaunchShots editor with this icon already dropped in as a sticker — resize, recolor, and ship.

Open in editor →

About the Server Cog icon

The Server Cog icon is part of the Lucide open-source icon set — a curated, consistent library used by indie devs and design teams. Lucide draws every icon on a 24×24 grid with a 2px stroke, so this Server Cog icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: cloud, storage, computing, cog, gear. If you're looking for a similar mark, the related grid below shares tags with this one.

Need it in a screenshot, mockup, or App Store preview? The Drop into editor button above opens the LaunchShots screenshot maker with the icon pre-loaded as a sticker — resize from any corner, change the color from the float toolbar, and export as PNG.

Related icons

Cog icon cog Server Plus icon server-plus Calendar Cog icon calendar-cog File Cog icon file-cog Folder Cog icon folder-cog Hourglass Cog icon hourglass-cog Monitor Cog icon monitor-cog Server icon server Server Crash icon server-crash Server Off icon server-off Settings icon settings Settings 2 icon settings-2

Latest from the blog

Guides
App Store Screenshot Rejection: Alpha Channels, sRGB, & PNG Gotchas
Sep 27, 2026
Build in public
Solo Dev's Guide: Building in Public Without Burnout
Sep 26, 2026
ASO
How to Read Competitor App Store Screenshots in 20 Minutes
Sep 25, 2026
Build in public
Getting Your First 100 App Users Without an Ad Budget
Sep 24, 2026
copied