Settings Icon

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

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: settings gear cog preferences config options

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

img tag

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5092 14.5901L20.2592 13.2701C20.4192 12.3081 20.3989 11.3247 20.1992 10.3701L21.4191 9.05011C21.5138 8.9446 21.5771 8.81468 21.6019 8.67508C21.6266 8.53547 21.6118 8.39173 21.5591 8.2601C21.0532 7.00967 20.3056 5.87128 19.3591 4.9101C19.2666 4.81762 19.1513 4.75133 19.0248 4.71796C18.8983 4.68458 18.7652 4.6853 18.6391 4.72009L16.7991 5.19009C16.2326 4.78274 15.6179 4.44687 14.9691 4.19009L14.5191 2.47009C14.4857 2.33059 14.4119 2.20405 14.307 2.10623C14.2021 2.00842 14.0706 1.94367 13.9291 1.92011C13.306 1.80317 12.6731 1.74623 12.0391 1.75009C11.2458 1.75342 10.4562 1.85759 9.68915 2.06009C9.56114 2.09227 9.44422 2.15856 9.35089 2.25189C9.25756 2.34522 9.19129 2.46212 9.15912 2.59012L8.67914 4.36011C8.14253 4.59838 7.63294 4.8934 7.15912 5.24011L5.33911 4.7901C5.21132 4.7567 5.07686 4.75858 4.95007 4.79556C4.82328 4.83255 4.70893 4.90323 4.61914 5.00009C3.62491 6.03296 2.86435 7.26755 2.3891 8.62012C2.34301 8.75085 2.33361 8.89168 2.36181 9.02741C2.39002 9.16313 2.45477 9.28856 2.54913 9.39011L3.80914 10.7001C3.74605 11.1206 3.7126 11.5449 3.7091 11.9701C3.7091 12.2701 3.70915 12.5701 3.75915 12.8701L2.44915 14.3301C2.361 14.4272 2.2998 14.5457 2.27173 14.6738C2.24365 14.8019 2.24965 14.935 2.28912 15.0601C2.70006 16.3823 3.38111 17.6048 4.28912 18.6501C4.38044 18.7575 4.50016 18.8369 4.63458 18.8794C4.769 18.9218 4.9127 18.9256 5.04913 18.8901L6.7691 18.4501C7.37095 18.9572 8.04503 19.3718 8.7691 19.6801L9.2691 21.4701C9.30762 21.5999 9.37971 21.7172 9.47802 21.8102C9.57634 21.9033 9.69741 21.9688 9.8291 22.0001C10.5511 22.1632 11.2889 22.2471 12.0291 22.2501C12.6195 22.2435 13.2084 22.1867 13.7891 22.0801C13.9272 22.0557 14.0556 21.9932 14.1599 21.8995C14.2642 21.8058 14.3402 21.6848 14.3791 21.5501L14.8491 19.8601C15.7125 19.5512 16.5173 19.0981 17.2291 18.5201L18.9891 18.9201C19.1211 18.9508 19.259 18.9446 19.3877 18.9023C19.5164 18.86 19.6311 18.7831 19.7191 18.6801C20.5957 17.7067 21.2749 16.5724 21.7191 15.3401C21.755 15.2078 21.7545 15.0682 21.7175 14.9362C21.6806 14.8041 21.6086 14.6846 21.5092 14.5901ZM12.1191 15.8601C11.3647 15.8621 10.6267 15.6401 9.99865 15.2222C9.37057 14.8043 8.88067 14.2094 8.59106 13.5128C8.30145 12.8162 8.22519 12.0493 8.37188 11.3093C8.51858 10.5693 8.8816 9.88949 9.41504 9.35605C9.94848 8.82261 10.6283 8.45953 11.3683 8.31284C12.1083 8.16615 12.8752 8.24244 13.5718 8.53204C14.2684 8.82165 14.8633 9.31156 15.2812 9.93964C15.6991 10.5677 15.9211 11.3057 15.9191 12.0601C15.9165 13.0671 15.5153 14.0321 14.8032 14.7442C14.0912 15.4563 13.1261 15.8575 12.1191 15.8601Z" fill="black"/>
</svg>