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="#faeaeb" />
<stop offset="1" stop-color="#f6d0d2" />
</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="#db797e" />
<stop offset="1" stop-color="#d62d37" />
</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.706zm2 2.658a3.001 3.001 0 0 0 0 6 3.001 3.001 0 0 0 0-6z"
transform="matrix(.657 0 0 .657 -38.653 2.747)"
/>
</g>
</svg>
More icons in the same style and category