Settings Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Settings Svg 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/308885.svg" alt="Settings Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308885.svg" alt="Settings Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308885.svg" alt="Settings Svg icon" :width="24" :height="24" />
CSS background
.icon-settings---svg {
background-image: url('https://proicons.com/icon/308885.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 fill-rule="evenodd" clip-rule="evenodd" d="M8.99984 3.22263C8.99984 2.75606 9.32248 2.3515 9.77735 2.24769C11.2596 1.90944 12.7791 1.92079 14.2224 2.2501C14.6773 2.35389 14.9999 2.75846 14.9999 3.22504L14.9999 5.07178C14.9999 5.84158 15.8333 6.3227 16.4999 5.9378L18.101 5.01345C18.5054 4.77993 19.0176 4.85747 19.3349 5.20022C19.8331 5.73857 20.279 6.33981 20.6601 7.00004C21.0413 7.66024 21.3391 8.34696 21.5562 9.04761C21.6944 9.49371 21.5054 9.97608 21.101 10.2096L19.4999 11.134C18.8332 11.5189 18.8332 12.4811 19.4999 12.866L21.0993 13.7894C21.5034 14.0227 21.6924 14.5044 21.5548 14.9503C21.1184 16.3648 20.3684 17.6865 19.3344 18.801C19.0171 19.143 18.5054 19.2201 18.1013 18.9869L16.4999 18.0623C15.8333 17.6774 14.9999 18.1585 14.9999 18.9283L14.9999 20.7775C14.9999 21.244 14.6773 21.6486 14.2224 21.7524C12.7402 22.0906 11.2206 22.0793 9.77738 21.75C9.32249 21.6462 8.99983 21.2416 8.99983 20.775L8.99984 18.9282C8.99984 18.1584 8.1665 17.6773 7.49983 18.0622L5.89878 18.9866C5.49432 19.2201 4.98209 19.1426 4.66487 18.7998C4.16664 18.2615 3.72081 17.6602 3.33964 17C2.95846 16.3398 2.66069 15.6531 2.44359 14.9524C2.30537 14.5063 2.49433 14.0239 2.89879 13.7904L4.49981 12.8661C5.16647 12.4812 5.16648 11.5189 4.49981 11.134L2.9005 10.2107C2.49643 9.97737 2.30739 9.49565 2.44495 9.04981C2.88139 7.63526 3.63134 6.31361 4.66537 5.1991C4.98271 4.85707 5.49439 4.77994 5.89845 5.01322L7.49984 5.93778C8.1665 6.32268 8.99984 5.84155 8.99983 5.07175L8.99984 3.22263ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" fill="#292929"/> </svg>
Copied!