Add icons to this collection by clicking the heart icon.
Setting icon - also known as interface, control, setting, ui, panel, option, and filter. Created in a clean outline color 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 512 512"
>
<g id="Layer_33">
<rect fill="#4c99f8" height="480" rx="32" width="480" x="16" y="16" />
<rect fill="#64aaf8" height="480" rx="32" width="464" x="32" y="16" />
<path d="m48 48h416v416h-416z" fill="#c8cded" />
<path
d="m96 48a24 24 0 0 0 -24 24v368a24 24 0 0 0 24 24h368v-416z"
fill="#e2e7f6"
/>
<rect fill="#4c99f8" height="320" rx="24" width="48" x="232" y="96" />
<path
d="m264 97.47a23.929 23.929 0 0 0 -16 22.53v272a23.929 23.929 0 0 0 16 22.53 23.929 23.929 0 0 0 16-22.53v-272a23.929 23.929 0 0 0 -16-22.53z"
fill="#64aaf8"
/>
<rect fill="#4c99f8" height="320" rx="24" width="48" x="344" y="96" />
<path
d="m376 97.47a23.929 23.929 0 0 0 -16 22.53v272a23.929 23.929 0 0 0 16 22.53 23.929 23.929 0 0 0 16-22.53v-272a23.929 23.929 0 0 0 -16-22.53z"
fill="#64aaf8"
/>
<rect fill="#4c99f8" height="320" rx="24" width="48" x="120" y="96" />
<path
d="m152 97.47a23.929 23.929 0 0 0 -16 22.53v272a23.929 23.929 0 0 0 16 22.53 23.929 23.929 0 0 0 16-22.53v-272a23.929 23.929 0 0 0 -16-22.53z"
fill="#64aaf8"
/>
<circle cx="256" cy="288" fill="#f4b357" r="40" />
<ellipse cx="264" cy="288" fill="#f6c866" rx="32" ry="39.194" />
<circle cx="144" cy="208" fill="#f4b357" r="40" />
<ellipse cx="152" cy="208" fill="#f6c866" rx="32" ry="39.194" />
<circle cx="368" cy="256" fill="#f4b357" r="40" />
<ellipse cx="376" cy="256" fill="#f6c866" rx="32" ry="39.194" />
<path
d="m407.992 488h-359.992a24.027 24.027 0 0 1 -24-24v-416a24.027 24.027 0 0 1 24-24h24a8 8 0 0 0 0-16h-24a40.047 40.047 0 0 0 -40 40v416a40.047 40.047 0 0 0 40 40h359.992a8 8 0 0 0 0-16z"
/>
<path
d="m464 8h-360a8 8 0 0 0 0 16h360a24.027 24.027 0 0 1 24 24v416a24.027 24.027 0 0 1 -24 24h-24a8 8 0 0 0 0 16h24a40.047 40.047 0 0 0 40-40v-416a40.047 40.047 0 0 0 -40-40z"
/>
<path
d="m40 48v416a8 8 0 0 0 8 8h416a8 8 0 0 0 8-8v-416a8 8 0 0 0 -8-8h-416a8 8 0 0 0 -8 8zm16 8h400v400h-400z"
/>
<path
d="m288 252.324v-132.324a32 32 0 0 0 -64 0v48a8 8 0 0 0 16 0v-48a16 16 0 0 1 32 0v122.8a47.114 47.114 0 0 0 -32 0v-42.8a8 8 0 0 0 -16 0v52.324a47.774 47.774 0 0 0 0 71.352v68.324a32 32 0 0 0 64 0v-68.324a47.774 47.774 0 0 0 0-71.352zm-16 139.676a16 16 0 0 1 -32 0v-58.8a47.114 47.114 0 0 0 32 0zm-16-72a32 32 0 1 1 32-32 32.032 32.032 0 0 1 -32 32z"
/>
<path
d="m176 172.324v-52.324a32 32 0 0 0 -64 0v52.324a47.774 47.774 0 0 0 0 71.352v148.324a32 32 0 0 0 64 0v-148.324a47.774 47.774 0 0 0 0-71.352zm-48-52.324a16 16 0 0 1 32 0v42.8a47.114 47.114 0 0 0 -32 0zm32 272a16 16 0 0 1 -32 0v-138.8a47.114 47.114 0 0 0 32 0zm-16-152a32 32 0 1 1 32-32 32.032 32.032 0 0 1 -32 32z"
/>
<path
d="m400 220.324v-100.324a32 32 0 0 0 -64 0v100.324a47.774 47.774 0 0 0 0 71.352v100.324a32 32 0 0 0 64 0v-100.324a47.774 47.774 0 0 0 0-71.352zm-48-100.324a16 16 0 0 1 32 0v90.8a47.114 47.114 0 0 0 -32 0zm32 272a16 16 0 0 1 -32 0v-90.8a47.114 47.114 0 0 0 32 0zm-16-104a32 32 0 1 1 32-32 32.032 32.032 0 0 1 -32 32z"
/>
<path d="m152 200h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" />
<path d="m264 280h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" />
<path d="m376 248h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" />
</g>
</svg>
More icons in the same style and category