Add icons to this collection by clicking the heart icon.
Setting icon - also known as configuration, setting, warning, gear, alert, ui, and option. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 28 28"
>
<linearGradient
id="a"
x1="2.09"
x2="23.671"
y1="27.398"
y2="3.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="2.09"
x2="23.671"
y1="27.398"
y2="3.12"
href="#a"
/>
<linearGradient
id="c"
x1="1.345"
x2="22.926"
y1="26.736"
y2="2.458"
href="#a"
/>
<linearGradient
id="d"
x1="3.58"
x2="25.161"
y1="28.723"
y2="4.444"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="m26.164 11.014-1.664-.279a10.865 10.865 0 0 0-.766-1.847l.984-1.378a1 1 0 0 0-.107-1.288l-2.833-2.828a1 1 0 0 0-1.288-.107l-1.378.984a10.913 10.913 0 0 0-1.847-.766l-.279-1.67A1 1 0 0 0 16 1h-4a1 1 0 0 0-.986.835l-.279 1.67a10.913 10.913 0 0 0-1.847.766L7.51 3.287a1 1 0 0 0-1.288.107L3.394 6.222a1 1 0 0 0-.107 1.288l.984 1.378a10.865 10.865 0 0 0-.766 1.847l-1.669.279A1 1 0 0 0 1 12v4a1 1 0 0 0 .836.986l1.669.279a10.865 10.865 0 0 0 .766 1.847l-.984 1.378a1 1 0 0 0 .107 1.288l2.828 2.828a1 1 0 0 0 1.288.107l1.378-.984a10.865 10.865 0 0 0 1.847.766l.279 1.669A1 1 0 0 0 12 27h4a1 1 0 0 0 .986-.836l.279-1.669a10.865 10.865 0 0 0 1.847-.766l1.378.984a1 1 0 0 0 1.288-.107l2.828-2.828a1 1 0 0 0 .107-1.288l-.984-1.378a10.865 10.865 0 0 0 .766-1.847l1.669-.279A1 1 0 0 0 27 16v-4a1 1 0 0 0-.836-.986zM25 15.152l-1.462.244a1 1 0 0 0-.808.75 8.863 8.863 0 0 1-1.04 2.509 1 1 0 0 0 .041 1.1l.863 1.207-1.631 1.631-1.207-.863a1 1 0 0 0-1.1-.041 8.863 8.863 0 0 1-2.509 1.04 1 1 0 0 0-.75.808L15.152 25h-2.3l-.252-1.462a1 1 0 0 0-.75-.808 8.863 8.863 0 0 1-2.509-1.04 1 1 0 0 0-1.1.041l-1.207.863-1.628-1.631.863-1.207a1 1 0 0 0 .041-1.1 8.863 8.863 0 0 1-1.04-2.509 1 1 0 0 0-.808-.75L3 15.152v-2.3l1.462-.252a1 1 0 0 0 .808-.75 8.881 8.881 0 0 1 1.04-2.51 1 1 0 0 0-.041-1.1l-.863-1.203 1.631-1.63 1.207.862a1 1 0 0 0 1.1.041 8.893 8.893 0 0 1 2.51-1.041 1 1 0 0 0 .749-.807L12.848 3h2.3l.252 1.462a1 1 0 0 0 .749.807 8.893 8.893 0 0 1 2.51 1.041 1 1 0 0 0 1.1-.041l1.207-.862 1.631 1.63-.863 1.207a1 1 0 0 0-.041 1.1 8.881 8.881 0 0 1 1.04 2.51 1 1 0 0 0 .808.75l1.459.243z"
/>
<path
fill="url(#b)"
d="M14 7a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7zm0 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5z"
/>
<path
fill="url(#c)"
d="M14 10a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0v-3a1 1 0 0 0-1-1z"
/>
<circle cx="14" cy="17" r="1" fill="url(#d)" />
</g>
</svg>
More icons in the same style and category