Server Cog
Lucide
ISC License
cloud
storage
computing
cog
gear
Copy the code
SVG
HTML
React
Copy <!-- @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>
Copy <!-- 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>
Copy 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
Latest from the blog