Settings Cog Icon

Free SVG icon from the Pixelarticons collection. Download or copy for use in any project.

Collection

Pixelarticons

Format

SVG, PNG

License

MIT - Free for commercial use

Tags

settings cog gear preferences config options

The Settings Cog icon is commonly used in admin panels, user preferences and configuration pages. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/313169.svg" alt="Settings Cog icon" width="24" height="24">

<img src="https://proicons.com/icon/313169.svg" alt="Settings Cog icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/313169.svg"
  alt="Settings Cog icon"
  :width="24"
  :height="24"
/>

.icon-settings-cog {
  background-image: url('https://proicons.com/icon/313169.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
  <g clip-path="url(#a)">
    <path d="M9 0h6v2H9zm6 24H9v-2h6zM0 15V9h2v6zm24-6v6h-2V9zM9 2h2v4H9zm6 20h-2v-4h2zM2 15v-2h4v2zm20-6v2h-4V9zm-9-7h2v4h-2zm-2 20H9v-4h2zM2 11V9h4v2zm20 2v2h-4v-2zM7 4h2v2H7zm10 0h-2v2h2zm0 16h-2v-2h2zM7 20h2v-2H7zM2 2h5v2H2zm20 0h-5v2h5zm0 20h-5v-2h5zM2 22h5v-2H2z"/>
    <path d="M2 2h2v5H2zm20 0h-2v5h2zm0 20h-2v-5h2zM2 22h2v-5H2zM4 7h2v2H4zm16 0h-2v2h2zm0 10h-2v-2h2zM4 17h2v-2H4zm6-9h4v2h-4zm0 6h4v2h-4zm-2-4h2v4H8zm6 0h2v4h-2z"/>
  </g>
  <defs>
    <clipPath id="a">
      <path fill="#fff" d="M0 0h24v24H0z"/>
    </clipPath>
  </defs>
</svg>