Interface

Cog Icon

A cog icon for navigation, app controls and UI states.

cog icon mdi cog icon

Preview background

SVG code

The copied SVG includes a credit comment linking back to Iconro. Please keep it intact.

Attribution required

Iconro icons are free for personal and commercial use, but attribution is required. Add the snippet below near the icon — typically in a credits, README or footer section — or keep the credit comment in the copied SVG intact.

<a href="https://www.iconro.com/icon/mdi-cog" target="_blank" rel="noopener">Cog icon</a> by <a href="https://www.iconro.com" target="_blank" rel="noopener">Iconro</a>

Plain-text alternative: Cog icon by Iconro — https://www.iconro.com

Download

Original

How Cog Looks On Your Site

As a CTA button

On a dark surface

Looks great on dark

Use currentColor in dark themes.

As a metric

12.4k

Active users

About the Cog icon

The Cog icon is part of Iconro — the largest free SVG and PNG icon library on the web, with 142,000+ editable icons. A cog icon for navigation, app controls and UI states. Whether you are designing a website, mobile app, dashboard or marketing landing page, this icon ships in a clean 24×24 viewBox and uses currentColor by default — so it adapts automatically to whatever colour you apply via CSS.

Available formats

SVG — perfect for the web, infinitely scalable, tiny file size.
PNG — for design tools, slides and emails.
JPG — for social posts and quick previews.

License & attribution

Free for personal and commercial use. Attribution is required — please link back to iconro.com wherever this icon is used (a README, footer, credits page or design file is fine), or keep the credit comment that ships inside the copied SVG. See the terms for details.

<a href="https://www.iconro.com/icon/mdi-cog" target="_blank" rel="noopener">Cog icon</a> by <a href="https://www.iconro.com" target="_blank" rel="noopener">Iconro</a>

Related icons

Browse all →

Home

User

Search

Settings

Menu

Close

Plus

Minus