The Standard Icon Set

Controls

Settings icon

A gear with rounded teeth and a circle in the center. Use for settings, preferences, or configuration.

Also searched as gear, cog, preferences, options.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9.953 3.944C9.931 3.933 9.908 3.922 9.885 3.911C9.521 3.748 9.233 3.45 9.18 3.099C9.151 2.916 9.123 2.733 9.095 2.55C9.029 2.122 8.615 1.792 8.126 1.785H7.875C7.385 1.792 6.972 2.121 6.906 2.55C6.877 2.733 6.849 2.916 6.821 3.099C6.768 3.45 6.479 3.748 6.116 3.911L6.047 3.944C6.024 3.955 6.001 3.966 5.979 3.977C5.624 4.16 5.212 4.199 4.904 4.022C4.743 3.93 4.582 3.838 4.422 3.746C4.045 3.531 3.53 3.648 3.22 4.026C3.167 4.092 3.115 4.157 3.063 4.223C2.763 4.61 2.763 5.138 3.057 5.458C3.182 5.594 3.308 5.73 3.433 5.866C3.674 6.127 3.728 6.538 3.629 6.924L3.611 6.998C3.605 7.023 3.6 7.047 3.595 7.072C3.516 7.463 3.29 7.81 2.959 7.941L2.443 8.145C2.04 8.305 1.811 8.782 1.913 9.26C1.931 9.342 1.95 9.424 1.969 9.505C2.084 9.981 2.498 10.31 2.93 10.28C3.115 10.266 3.299 10.253 3.484 10.24C3.838 10.214 4.193 10.429 4.433 10.747C4.449 10.767 4.464 10.787 4.48 10.807C4.496 10.827 4.512 10.846 4.528 10.866C4.785 11.171 4.915 11.564 4.811 11.904L4.649 12.435C4.523 12.85 4.752 13.326 5.19 13.545C5.265 13.581 5.341 13.618 5.416 13.654C5.86 13.86 6.376 13.742 6.621 13.385C6.726 13.232 6.831 13.08 6.936 12.927C7.136 12.634 7.525 12.49 7.924 12.501C7.949 12.502 7.975 12.502 8 12.502C8.025 12.502 8.05 12.502 8.076 12.501C8.474 12.491 8.863 12.634 9.064 12.927C9.168 13.08 9.273 13.233 9.378 13.385C9.624 13.743 10.139 13.86 10.583 13.654C10.659 13.618 10.734 13.582 10.81 13.545C11.247 13.327 11.477 12.85 11.351 12.435L11.189 11.904C11.085 11.565 11.215 11.171 11.472 10.866C11.488 10.846 11.504 10.827 11.52 10.807C11.536 10.787 11.551 10.767 11.567 10.747C11.807 10.429 12.161 10.215 12.516 10.241L13.069 10.28C13.502 10.311 13.916 9.981 14.031 9.506C14.05 9.424 14.069 9.342 14.087 9.261C14.189 8.782 13.96 8.306 13.557 8.146C13.385 8.078 13.213 8.009 13.04 7.941C12.71 7.811 12.484 7.464 12.405 7.073C12.4 7.048 12.395 7.023 12.389 6.998C12.384 6.974 12.378 6.949 12.372 6.925C12.273 6.539 12.326 6.127 12.567 5.867L12.595 5.836C12.712 5.709 12.827 5.584 12.944 5.458C13.237 5.139 13.237 4.61 12.938 4.224C12.886 4.158 12.833 4.092 12.781 4.027C12.471 3.649 11.955 3.531 11.578 3.747C11.418 3.838 11.257 3.93 11.097 4.023C10.789 4.2 10.376 4.16 10.022 3.978C9.999 3.966 9.976 3.955 9.953 3.944L9.953 3.944Z" stroke="currentColor" stroke-linecap="round" stroke-width="1.182"/><path d="M9.634 8C9.634 8.903 8.902 9.634 8 9.634C7.097 9.634 6.366 8.903 6.366 8C6.366 7.098 7.097 6.366 8 6.366C8.902 6.366 9.634 7.098 9.634 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15