Settings Svg Icon

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

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Style: Duotone
Tags: settings svg gear cog preferences config options

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/308581.svg" alt="Settings   Svg icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-settings---svg {
  background-image: url('https://proicons.com/icon/308581.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 opacity="0.16" fill-rule="evenodd" clip-rule="evenodd" d="M3.40064 9.34463C3.79373 8.07055 4.46885 6.88134 5.39859 5.87924L6.99997 6.8038C8.3333 7.5736 9.99997 6.61135 9.99997 5.07175V3.22263C11.3327 2.9185 12.7001 2.92844 14.0001 3.22504L14.0001 5.07178C14.0001 6.61138 15.6667 7.57363 17.0001 6.80383L18.6011 5.87947C19.0491 6.36355 19.4506 6.90473 19.7943 7.50004C20.1379 8.09533 20.4059 8.71356 20.6011 9.34357L19 10.2679C17.6667 11.0377 17.6667 12.9622 19 13.732L20.5994 14.6554C20.2063 15.9295 19.5312 17.1187 18.6015 18.1208L17.0001 17.1963C15.6667 16.4265 14.0001 17.3887 14.0001 18.9283V20.7775C12.6674 21.0816 11.2999 21.0716 9.99997 20.775L9.99997 18.9282C9.99997 17.3886 8.3333 16.4264 6.99997 17.1962L5.39892 18.1206C4.95091 17.6365 4.54949 17.0953 4.2058 16.5C3.8621 15.9047 3.59414 15.2865 3.39893 14.6564L4.99994 13.7321C6.33328 12.9623 6.33328 11.0378 4.99994 10.268L3.40064 9.34463ZM12 14C13.1046 14 14 13.1046 14 12C14 10.8955 13.1046 10 12 10C10.8955 10 10 10.8955 10 12C10 13.1046 10.8955 14 12 14Z" fill="#292929"/>
<circle cx="12" cy="12" r="2" stroke="#292929" stroke-width="2"/>
<path d="M5.39856 5.87922L5.89856 5.01319C5.4945 4.77991 4.98282 4.85704 4.66548 5.19907L5.39856 5.87922ZM3.40061 9.3446L2.44506 9.04978C2.3075 9.49562 2.49654 9.97734 2.90061 10.2106L3.40061 9.3446ZM3.3989 14.6564L2.8989 13.7904C2.49444 14.0239 2.30548 14.5063 2.4437 14.9524L3.3989 14.6564ZM5.39889 18.1205L4.66498 18.7998C4.9822 19.1425 5.49443 19.2201 5.89889 18.9866L5.39889 18.1205ZM9.99994 20.775L8.99994 20.775C8.99994 21.2416 9.3226 21.6462 9.77749 21.7499L9.99994 20.775ZM14 20.7774L14.2225 21.7524C14.6774 21.6486 15 21.244 15 20.7774L14 20.7774ZM18.6014 18.1208L18.1014 18.9868C18.5055 19.2201 19.0172 19.143 19.3345 18.801L18.6014 18.1208ZM20.5994 14.6554L21.5549 14.9502C21.6925 14.5044 21.5035 14.0227 21.0994 13.7894L20.5994 14.6554ZM20.6011 9.34354L21.1011 10.2096C21.5055 9.97606 21.6945 9.49368 21.5563 9.04758L20.6011 9.34354ZM18.6011 5.87944L19.335 5.20019C19.0178 4.85744 18.5055 4.7799 18.1011 5.01342L18.6011 5.87944ZM14 3.22501L15 3.22501C15 2.75843 14.6774 2.35386 14.2225 2.25007L14 3.22501ZM9.99994 3.2226L9.77746 2.24767C9.32259 2.35147 8.99995 2.75603 8.99995 3.2226L9.99994 3.2226ZM14 5.07175L13 5.07175L14 5.07175ZM19 13.732L18.5 14.598L19 13.732ZM17 17.1962L16.5 18.0623L17 17.1962ZM4.99992 13.7321L5.49992 14.5981L4.99992 13.7321ZM6.99994 6.80377L6.49994 7.6698L6.99994 6.80377ZM4.35616 9.63943C4.70592 8.50582 5.3062 7.44904 6.13164 6.55936L4.66548 5.19907C3.63145 6.31358 2.8815 7.63523 2.44506 9.04978L4.35616 9.63943ZM5.0718 16C4.76558 15.4696 4.52743 14.9199 4.3541 14.3605L2.4437 14.9524C2.6608 15.653 2.95857 16.3398 3.33975 17L5.0718 16ZM6.13281 17.4413C5.73503 17.0115 5.37801 16.5304 5.0718 16L3.33975 17C3.72092 17.6602 4.16675 18.2614 4.66498 18.7998L6.13281 17.4413ZM13.7776 19.8025C12.5943 20.0725 11.379 20.064 10.2224 19.8001L9.77749 21.7499C11.2207 22.0793 12.7403 22.0906 14.2225 21.7524L13.7776 19.8025ZM19.6438 14.3606C19.2941 15.4942 18.6938 16.551 17.8684 17.4407L19.3345 18.801C20.3685 17.6864 21.1185 16.3648 21.5549 14.9502L19.6438 14.3606ZM18.9282 8.00001C19.2344 8.53038 19.4726 9.08013 19.6459 9.63951L21.5563 9.04758C21.3392 8.34693 21.0414 7.66021 20.6603 7.00001L18.9282 8.00001ZM17.8672 6.55869C18.265 6.98849 18.622 7.46962 18.9282 8.00001L20.6603 7.00001C20.2791 6.33978 19.8332 5.73854 19.335 5.20019L17.8672 6.55869ZM10.2224 4.19754C11.4056 3.92752 12.621 3.93605 13.7776 4.19996L14.2225 2.25007C12.7792 1.92076 11.2597 1.90942 9.77746 2.24767L10.2224 4.19754ZM10.9999 5.07172L10.9999 3.2226L8.99995 3.2226L8.99994 5.07172L10.9999 5.07172ZM7.49995 5.93775L5.89856 5.01319L4.89856 6.74524L6.49994 7.6698L7.49995 5.93775ZM4.49992 12.866L2.8989 13.7904L3.8989 15.5224L5.49992 14.5981L4.49992 12.866ZM5.49992 9.40194L3.90061 8.47858L2.90061 10.2106L4.49992 11.134L5.49992 9.40194ZM10.9999 20.775L10.9999 18.9282L8.99994 18.9282L8.99994 20.775L10.9999 20.775ZM6.49994 16.3301L4.89889 17.2545L5.89889 18.9866L7.49994 18.0622L6.49994 16.3301ZM19.1014 17.2548L17.5 16.3302L16.5 18.0623L18.1014 18.9868L19.1014 17.2548ZM15 20.7774L15 18.9283L13 18.9283L13 20.7774L15 20.7774ZM20.1011 8.47752L18.5 9.40189L19.5 11.1339L21.1011 10.2096L20.1011 8.47752ZM21.0994 13.7894L19.5 12.866L18.5 14.598L20.0994 15.5214L21.0994 13.7894ZM15 5.07175L15 3.22501L13 3.22501L13 5.07175L15 5.07175ZM18.1011 5.01342L16.5 5.93777L17.5 7.66982L19.1011 6.74547L18.1011 5.01342ZM13 5.07175C13 7.38115 15.5 8.82452 17.5 7.66982L16.5 5.93777C15.8334 6.32267 15 5.84155 15 5.07175L13 5.07175ZM18.5 9.40189C16.5 10.5566 16.5 13.4433 18.5 14.598L19.5 12.866C18.8334 12.4811 18.8334 11.5188 19.5 11.1339L18.5 9.40189ZM17.5 16.3302C15.5 15.1755 13 16.6189 13 18.9283L15 18.9283C15 18.1585 15.8334 17.6774 16.5 18.0623L17.5 16.3302ZM10.9999 18.9282C10.9999 16.6188 8.49994 15.1754 6.49994 16.3301L7.49994 18.0622C8.16661 17.6773 8.99994 18.1584 8.99994 18.9282L10.9999 18.9282ZM5.49992 14.5981C7.49992 13.4434 7.49992 10.5566 5.49992 9.40194L4.49992 11.134C5.16659 11.5189 5.16658 12.4811 4.49992 12.866L5.49992 14.5981ZM8.99994 5.07172C8.99995 5.84152 8.16661 6.32265 7.49995 5.93775L6.49994 7.6698C8.49994 8.8245 10.9999 7.38113 10.9999 5.07172L8.99994 5.07172Z" fill="#292929"/>
</svg>

Copied!

Settings Svg Icon

More from IconaMoon