Add icons to this collection by clicking the heart icon.
Setting icon - also known as setting, gear, ui, and option. Created in a clean flat 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 16 16"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(12.5 -12 12 12.5 3.5 16)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eceded" />
<stop offset="1" stop-color="#d0d5d5" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(9.138 -9.9 9.9 9.138 65.725 13.331)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#919696" />
<stop offset="1" stop-color="#3e4c4b" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M17 5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2z"
transform="translate(-2 -2)"
/>
<path
fill="url(#b)"
d="M69.056 2.342a5.917 5.917 0 0 0-.586.243l-.09-.089a1.717 1.717 0 0 0-2.427 0l-.401.402c-.67.67-.67 1.756 0 2.426l.089.09a6.17 6.17 0 0 0-.256.623l-.136.001a1.705 1.705 0 0 0-1.695 1.717l.004.588a1.706 1.706 0 0 0 1.717 1.695l.136-.001c.068.188.145.371.23.549l-.089.09c-.67.67-.67 1.756 0 2.426l.401.402c.67.67 1.757.67 2.427 0l.09-.089c.19.091.385.172.586.243v.136c0 .942.764 1.706 1.706 1.706h.588a1.706 1.706 0 0 0 1.708-1.709.19.19 0 0 1 .124-.179l.349-.147a.179.179 0 0 1 .199.038l.001.001c.671.67 1.757.67 2.427 0l.402-.402a1.715 1.715 0 0 0-.001-2.43.177.177 0 0 1-.036-.199l.158-.388a.193.193 0 0 1 .179-.123h.003a1.707 1.707 0 0 0 1.695-1.717l-.004-.588a1.707 1.707 0 0 0-1.674-1.695l-.046-.002a.192.192 0 0 1-.181-.123l-.131-.312a.177.177 0 0 1 .037-.199l.001-.002c.67-.67.67-1.756 0-2.426l-.402-.402a1.716 1.716 0 0 0-2.395-.031l-.035.031a.177.177 0 0 1-.2.036l-.35-.144a.192.192 0 0 1-.122-.179v-.003c0-.942-.764-1.706-1.706-1.706h-.588c-.942 0-1.706.764-1.706 1.706zm5.336.902a.46.46 0 0 0 .047-.041.715.715 0 0 1 1.012 0l.402.402a.716.716 0 0 1 0 1.012l-.002.002a1.18 1.18 0 0 0-.238 1.324l.107.254a1.191 1.191 0 0 0 1.123.765.707.707 0 0 1 .711.702l.004.588a.704.704 0 0 1-.702.71h-.004a1.193 1.193 0 0 0-1.11.781l-.129.316a1.175 1.175 0 0 0 .24 1.324.716.716 0 0 1 0 1.012l-.402.402a.715.715 0 0 1-1.012 0l-.003-.002a1.179 1.179 0 0 0-1.324-.238l-.284.119a1.194 1.194 0 0 0-.772 1.118c0 .39-.316.706-.706.706h-.588a.706.706 0 0 1-.706-.706v-.5a.503.503 0 0 0-.366-.483 5.007 5.007 0 0 1-1.012-.412.6.6 0 0 0-.71.103l-.295.295a.716.716 0 0 1-1.013 0l-.401-.402a.715.715 0 0 1 0-1.012l.343-.344a.499.499 0 0 0 .088-.602 4.937 4.937 0 0 1-.417-.976.6.6 0 0 0-.579-.426l-.426.003a.707.707 0 0 1-.71-.702l-.004-.588a.704.704 0 0 1 .701-.71l.499-.003a.5.5 0 0 0 .481-.367c.108-.39.261-.76.455-1.105.077-.103.182-.401-.088-.602-.03-.023-.167-.168-.343-.344a.715.715 0 0 1 0-1.012l.401-.402a.716.716 0 0 1 1.013 0l.296.296a.601.601 0 0 0 .711.101c.316-.171.655-.31 1.01-.411a.503.503 0 0 0 .366-.483v-.5c0-.39.316-.706.706-.706h.588c.39 0 .706.316.706.706v.004c0 .496.308.941.773 1.115l.285.118c.428.195.931.116 1.278-.199zM71.056 5a3.001 3.001 0 0 0 0 6 3.001 3.001 0 0 0 0-6zm0 1a2 2 0 1 1-.001 4.001A2 2 0 0 1 71.056 6z"
transform="matrix(.657 0 0 .657 -38.653 2.747)"
/>
</g>
</svg>
More icons in the same style and category