Add icons to this collection by clicking the heart icon.
User Interface icon - also known as configuration, user, cloud, settings, service, cloud service, user interface, and digital services. Created in a clean lineal color style with a silver, gray, red, yellow, blue, orange, and pink finish, 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 64 64"
>
<g>
<path
fill="#57a4ff"
d="M61 17a3 3 0 0 1-3 3H34a3 3 0 0 1 0-6h1.42a4.941 4.941 0 0 1-.42-2 4.991 4.991 0 0 1 9.06-2.9A7 7 0 1 1 56.74 14H58a3 3 0 0 1 3 3z"
/>
<path
fill="#006df0"
d="M61 17a3 3 0 0 1-3 3H41.09A27.319 27.319 0 0 0 49 15a27.4 27.4 0 0 0 6.95-9.95 6.992 6.992 0 0 1 .79 8.95H58a3 3 0 0 1 3 3z"
/>
<path
fill="#ffde55"
d="M53 60.32a6.958 6.958 0 0 1-6 0 7 7 0 1 1 6 0z"
/>
<path fill="#c0ab91" d="M49 20a3 3 0 1 0-3 3 3 3 0 0 0 3-3z" />
<path
fill="#c0ab91"
d="M54 18v4l-1.98.49 1.05 1.75-2.83 2.83-1.75-1.05L48 28h-4l-.49-1.98-1.75 1.05-2.83-2.83 1.05-1.75L38 22v-4l1.98-.49-1.05-1.75 2.83-2.83 1.75 1.05L44 12h4l.49 1.98 1.75-1.05 2.83 2.83-1.05 1.75z"
/>
<path
fill="#a78966"
d="m54 22-1.98.49 1.05 1.75-2.83 2.83-1.75-1.05L48 28h-4l-.49-1.98-1.75 1.05-1.77-1.77A17.617 17.617 0 0 0 48 20a17.574 17.574 0 0 0 3.32-5.99l1.75 1.75-1.05 1.75L54 18z"
/>
<circle cx="46" cy="20" r="3" fill="#ffde55" />
<path fill="#ff7956" d="M30 55v6H4v-6l9-4 4 4 4-4z" />
<path
fill="#ff5023"
d="M30 55v6H12.76A17.976 17.976 0 0 0 19 59a18.373 18.373 0 0 0 6.54-5.98z"
/>
<path
fill="#ffde55"
d="M26 35v3l-3 3v-5l-8-2-4 2v5l-3-3v-3a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6z"
/>
<path fill="#ffdaaa" d="M23 41v1a6 6 0 1 1-12 0v-6l4-2 8 2z" />
<path
fill="#ffcd00"
d="M26 35v3l-3 3v-2l1-1v-3a6 6 0 0 0-6-6h2a6 6 0 0 1 6 6z"
/>
<path
fill="#ffb655"
d="M23 36v6a5.994 5.994 0 0 1-6 6 5.47 5.47 0 0 1-1-.09 5.869 5.869 0 0 0 1.26-.35A6.009 6.009 0 0 0 21 42v-6l-6.67-1.67L15 34z"
/>
<path
fill="#ffdaaa"
d="M19.26 47.56 20 52l-3 3-3-3 .74-4.44a6.024 6.024 0 0 0 4.52 0z"
/>
<path fill="#ff7956" d="M3 7h14v14H3z" />
<path fill="#ffde55" d="m13 14-6 3v-6z" />
<path
d="M17 22a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1zM4 8h12v12H4z"
/>
<path
d="m13.447 13.105-6-3A1 1 0 0 0 6 11v6a1 1 0 0 0 1.447.895l6-3a1 1 0 0 0 0-1.79zM8 15.382v-2.764L10.764 14zM50 46a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zm4 12.46V51h-2v8.65a5.969 5.969 0 0 1-1 .26V53h-2v6.91a5.969 5.969 0 0 1-1-.26V55h-2v3.46a6 6 0 1 1 8 0zM58.41 13.02A7.927 7.927 0 0 0 59 10a8 8 0 0 0-15.48-2.85A5.991 5.991 0 0 0 34 12a6.634 6.634 0 0 0 .08 1H34a4 4 0 0 0 0 8h3v1a1 1 0 0 0 .76.97l.67.17-.36.59a1 1 0 0 0 .15 1.22l2.83 2.83a1.014 1.014 0 0 0 1.22.15l.59-.36.17.67A1 1 0 0 0 44 29h4a1 1 0 0 0 .97-.76l.17-.67.59.36a1.014 1.014 0 0 0 1.22-.15l2.83-2.83a1 1 0 0 0 .15-1.22l-.36-.59.67-.17A1 1 0 0 0 55 22v-1h3a4 4 0 0 0 .41-7.98zM53 21.22l-1.22.3a1.007 1.007 0 0 0-.68.59.989.989 0 0 0 .07.9l.64 1.08-1.72 1.72-1.08-.65a1.019 1.019 0 0 0-.9-.06 1.007 1.007 0 0 0-.59.68l-.3 1.22h-2.44l-.3-1.22a1.007 1.007 0 0 0-.59-.68 1.019 1.019 0 0 0-.9.06l-1.08.65-1.72-1.72.64-1.08a.989.989 0 0 0 .07-.9 1.007 1.007 0 0 0-.68-.59l-1.22-.3v-2.44l1.22-.3a1.007 1.007 0 0 0 .68-.59.989.989 0 0 0-.07-.9l-.64-1.08 1.72-1.72 1.08.64a.989.989 0 0 0 .9.07 1.007 1.007 0 0 0 .59-.68l.3-1.22h2.44l.3 1.22a1.007 1.007 0 0 0 .59.68.989.989 0 0 0 .9-.07l1.08-.64 1.72 1.72-.64 1.08a.989.989 0 0 0-.07.9 1.007 1.007 0 0 0 .68.59l1.22.3zM58 19h-3v-1a1 1 0 0 0-.76-.97l-.67-.17.36-.59a1 1 0 0 0-.15-1.22l-2.83-2.83a1 1 0 0 0-1.22-.15l-.59.36-.17-.67A1 1 0 0 0 48 11h-4a1 1 0 0 0-.97.76l-.17.67-.59-.36a1.014 1.014 0 0 0-1.22.15l-2.83 2.83a1 1 0 0 0-.15 1.22l.36.59-.67.17A1 1 0 0 0 37 18v1h-3a2 2 0 0 1 0-4h1.42a.989.989 0 0 0 .91-1.4 3.993 3.993 0 0 1 6.91-3.92 1.013 1.013 0 0 0 1.06.39.992.992 0 0 0 .75-.84A6 6 0 0 1 57 10a5.938 5.938 0 0 1-1.08 3.43 1 1 0 0 0-.07 1.03 1.02 1.02 0 0 0 .89.54H58a2 2 0 0 1 0 4z"
/>
<path
d="M46 16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM26 23v-7a3 3 0 0 0-3-3h-3v2h3a1 1 0 0 1 1 1v7a3 3 0 0 0 3 3h5v-2h-5a1 1 0 0 1-1-1zM34 24h2v2h-2zM45 31h2v2h-2zM45 38a3 3 0 0 0 3 3 1 1 0 0 1 1 1v2h2v-2a3 3 0 0 0-3-3 1 1 0 0 1-1-1v-3h-2zM30.41 54.09l-9-4a.949.949 0 0 0-.72-.03l-.32-1.93A7 7 0 0 0 24 42v-.59l2.71-2.7A1.033 1.033 0 0 0 27 38v-3a7.008 7.008 0 0 0-7-7h-6a7.008 7.008 0 0 0-7 7v3a1.033 1.033 0 0 0 .29.71l2.71 2.7V42a7 7 0 0 0 3.63 6.13l-.32 1.93a.949.949 0 0 0-.72.03l-9 4A.987.987 0 0 0 3 55v6a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-6a.987.987 0 0 0-.59-.91zM10 36v2.59l-1-1V35a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5v2.59l-1 1V36a1 1 0 0 0-.76-.97l-8-2a.972.972 0 0 0-.69.08l-4 2A.977.977 0 0 0 10 36zm2 6v-5.38l3.12-1.56L22 36.78V42a5 5 0 0 1-10 0zm6.93 9.66L17 53.59l-1.93-1.93.47-2.82a6.741 6.741 0 0 0 2.92 0zM29 60H5v-4.35l7.78-3.46 3.51 3.52a1.008 1.008 0 0 0 1.42 0l3.51-3.52L29 55.65z"
/>
<path d="M18 39h2v2h-2zM14 39h2v2h-2z" />
</g>
</svg>
More icons in the same style and category