Add icons to this collection by clicking the heart icon.
Settings icon - also known as configuration, gear, settings, Tools and utensils, cogwheel, and ui. 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="100"
    height="100"
    viewBox="0 0 511.993 511.993"
>
    <linearGradient
        id="a"
        x1="69.654"
        x2="416.136"
        y1="448.212"
        y2="101.73"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2499ff" />
        <stop offset="1" stop-color="#004db1" />
    </linearGradient>
    <circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="29.093"
        x2="456.704"
        y1="274.966"
        y2="274.966"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e1e1e3" />
        <stop offset=".263" stop-color="#dcdcdf" />
        <stop offset=".562" stop-color="#cfcfd2" />
        <stop offset=".878" stop-color="#b9b8bd" />
        <stop offset="1" stop-color="#aeadb3" />
    </linearGradient>
    <path
        d="M479.402 293.036v-74.073h-57.424a168.992 168.992 0 0 0-22.433-54.133l40.61-40.61-52.375-52.377-40.61 40.611a169.075 169.075 0 0 0-54.134-22.433V32.598h-74.073v57.423a169.015 169.015 0 0 0-54.133 22.433l-40.61-40.61-52.378 52.376 40.61 40.611a169.067 169.067 0 0 0-22.432 54.133H32.598v74.073h57.423a168.992 168.992 0 0 0 22.433 54.133l-40.61 40.61 52.377 52.378 40.61-40.61a169.067 169.067 0 0 0 54.133 22.432v57.424h74.073v-57.423a169.03 169.03 0 0 0 54.134-22.433l40.61 40.611 52.376-52.378-40.61-40.61a169.07 169.07 0 0 0 22.433-54.133h57.423v-.002z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="118.665"
        x2="367.125"
        y1="274.971"
        y2="274.971"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#57565c" />
        <stop offset="1" stop-color="#000" />
    </linearGradient>
    <circle cx="255.996" cy="255.996" r="129.806" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="165.899"
        x2="319.891"
        y1="274.971"
        y2="274.971"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e1e1e3" />
        <stop offset=".263" stop-color="#dcdcdf" />
        <stop offset=".562" stop-color="#cfcfd2" />
        <stop offset=".878" stop-color="#b9b8bd" />
        <stop offset="1" stop-color="#aeadb3" />
    </linearGradient>
    <circle cx="255.996" cy="255.996" r="80.452" fill="url(#d)" />
</svg>
More icons in the same style and category