Add icons to this collection by clicking the heart icon.
Ui icon - also known as interface, play, internet, videogame, joystick, online, multimedia, browser, ui, gaming, and music and multimedia. Created in a clean lineal 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 64 64"
>
<style>
.st0 {
fill: #ffe885;
}
.st3 {
fill: #fa8cb4;
}
.st4 {
fill: #e678a0;
}
.st6 {
fill: #dcc864;
}
.st7 {
fill: #aad2ff;
}
.st8 {
fill: #96bef0;
}
.st10 {
fill: #785ae6;
}
.st18 {
fill: #a99be0;
}
.st20 {
fill: #fffffa;
}
.st24 {
fill: #b4aaf0;
}
</style>
<path
d="M52.5 62.5h-41c-5.523 0-10-4.477-10-10v-41c0-5.523 4.477-10 10-10h41c5.523 0 10 4.477 10 10v41c0 5.523-4.477 10-10 10z"
fill="#f0f0e6"
/>
<path
d="M52.5 60.5h-41c-5.523 0-10-4.477-10-10v2c0 5.523 4.477 10 10 10h41c5.523 0 10-4.477 10-10v-2c0 5.523-4.477 10-10 10z"
fill="#dcdcd2"
/>
<path
d="M52.5 1.5h-41c-5.523 0-10 4.477-10 10v2c0-5.523 4.477-10 10-10h41c5.523 0 10 4.477 10 10v-2c0-5.523-4.477-10-10-10z"
class="st20"
/>
<path
d="M52.5 63h-41C5.71 63 1 58.29 1 52.5v-41C1 5.71 5.71 1 11.5 1h41C58.29 1 63 5.71 63 11.5v41C63 58.29 58.29 63 52.5 63zm-41-61C6.262 2 2 6.262 2 11.5v41c0 5.238 4.262 9.5 9.5 9.5h41c5.238 0 9.5-4.262 9.5-9.5v-41C62 6.262 57.738 2 52.5 2h-41z"
class="st10"
/>
<path d="M22 13.5H9a2.5 2.5 0 1 1 0-5h13a2.5 2.5 0 1 1 0 5z" class="st18" />
<path
d="M22 12.5H9a2.502 2.502 0 0 1-2.45-2 2.5 2.5 0 0 0 2.45 3h13a2.5 2.5 0 0 0 2.45-3 2.502 2.502 0 0 1-2.45 2z"
fill="#968cd2"
/>
<path
d="M9 9.5h13c1.209 0 2.218.859 2.45 2a2.501 2.501 0 0 0-2.45-3H9a2.5 2.5 0 0 0-2.45 3A2.502 2.502 0 0 1 9 9.5z"
class="st24"
/>
<circle cx="46" cy="18" r="12.5" class="st7" />
<path
d="M46 7.5c6.566 0 11.939 5.065 12.45 11.5.026-.331.05-.662.05-1 0-6.904-5.596-12.5-12.5-12.5S33.5 11.096 33.5 18c0 .338.024.669.05 1C34.061 12.565 39.434 7.5 46 7.5z"
class="st8"
/>
<path
d="M46 31c-2.247 0-4.461-.583-6.404-1.684a.5.5 0 0 1 .494-.87c3.457 1.96 7.927 2.038 11.449.202a.501.501 0 0 1 .463.886A13.036 13.036 0 0 1 46 31zM58.444 19.702c-.016 0-.032 0-.048-.002a.501.501 0 0 1-.451-.545c.036-.38.055-.765.055-1.155 0-6.617-5.383-12-12-12s-12 5.383-12 12c0 .39.019.775.055 1.155a.502.502 0 0 1-.451.545.504.504 0 0 1-.545-.451A13.585 13.585 0 0 1 33 18c0-7.168 5.832-13 13-13s13 5.832 13 13c0 .421-.021.837-.059 1.249a.5.5 0 0 1-.497.453z"
class="st10"
/>
<ellipse cx="46" cy="22.9" class="st18" rx="12" ry="4.2" />
<path
d="M46 21.1c5.435 0 10.02 1.266 11.496 3 .324-.38.504-.783.504-1.2 0-2.32-5.373-4.2-12-4.2s-12 1.88-12 4.2c0 .417.18.82.504 1.2 1.476-1.734 6.061-3 11.496-3z"
class="st24"
/>
<path
d="M46 27.6c-6.06 0-12.5-1.647-12.5-4.7s6.44-4.7 12.5-4.7 12.5 1.647 12.5 4.7-6.44 4.7-12.5 4.7zm0-8.4c-6.777 0-11.5 1.95-11.5 3.7s4.723 3.7 11.5 3.7 11.5-1.95 11.5-3.7-4.723-3.7-11.5-3.7z"
class="st10"
/>
<path d="m40 21.1 6-13.2 6 13.2s-1.2 2.4-6 2.4-6-2.4-6-2.4z" class="st18" />
<path
d="M41.118 22.241 46 11.5l4.882 10.741C51.714 21.661 52 21.1 52 21.1L46 7.9l-6 13.2s.286.561 1.118 1.141z"
class="st24"
/>
<path
d="M42.372 23.402a.506.506 0 0 1-.182-.034c-1.982-.772-2.611-1.992-2.638-2.044a.504.504 0 0 1-.008-.431l6-13.2c.162-.356.748-.356.91 0l6 13.2a.5.5 0 0 1-.91.414L46 9.108l-5.432 11.95c.227.302.803.917 1.985 1.377.257.1.385.39.284.647a.497.497 0 0 1-.465.32zM46 24a.5.5 0 0 1 0-1c1.324 0 2.482-.189 3.443-.562a.5.5 0 0 1 .361.932c-1.075.418-2.356.63-3.804.63zM6.836 12.753a.5.5 0 0 1-.433-.249A3.004 3.004 0 0 1 9 8h1.418a.5.5 0 0 1 0 1H9a2.002 2.002 0 0 0-1.731 3.002.5.5 0 0 1-.433.751zM22 14H11.456a.5.5 0 0 1 0-1H22c1.103 0 2-.897 2-2s-.897-2-2-2h-4.494a.5.5 0 0 1 0-1H22c1.654 0 3 1.346 3 3s-1.346 3-3 3z"
class="st10"
/>
<path
d="M7.5 34.5H31v4H7.5zM7.5 42.5H31v4H7.5zM7.5 50.5H31v4H7.5z"
class="st20"
/>
<path d="M7.5 34.5h19v4h-19z" class="st3" />
<path
d="M22.5 39a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 22.5 39z"
class="st4"
/>
<path
d="M19.5 39a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 19.5 39z"
class="st4"
/>
<path
d="M16.5 39a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 16.5 39z"
class="st4"
/>
<path d="M7.5 42.5h19v4h-19z" class="st0" />
<path
d="M22.5 47a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 22.5 47z"
class="st6"
/>
<path
d="M19.5 47a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 19.5 47z"
class="st6"
/>
<path
d="M16.5 47a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 16.5 47z"
class="st6"
/>
<path d="M7.5 50.5h19v4h-19z" class="st7" />
<path
d="M22.5 55a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 22.5 55z"
class="st8"
/>
<path
d="M19.5 55a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 19.5 55z"
class="st8"
/>
<path
d="M16.5 55a.5.5 0 0 1-.354-.853l1.646-1.646-1.646-1.646a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2A.501.501 0 0 1 16.5 55z"
class="st8"
/>
<path
d="m42.576 36.167-7.41 12.265c-1.611 2.666.309 6.068 3.424 6.068h14.82c3.115 0 5.034-3.403 3.424-6.068l-7.41-12.265c-1.556-2.576-5.292-2.576-6.848 0z"
class="st0"
/>
<path
d="M38.59 52.5c-1.054 0-1.569-.711-1.742-1.018-.172-.306-.515-1.115.03-2.017l7.41-12.265c.526-.872 1.373-.966 1.712-.966s1.186.094 1.712.966l7.41 12.265c.545.902.202 1.711.03 2.017-.173.306-.688 1.018-1.742 1.018H38.59z"
fill="#f0dc78"
/>
<path
d="m36.86 51.502.018-.036 7.41-12.265c.526-.872 1.373-.966 1.712-.966s1.186.094 1.712.966l7.41 12.265.018.036.012-.02c.172-.306.515-1.115-.03-2.017L47.712 37.2c-.526-.872-1.373-.966-1.712-.966s-1.186.094-1.712.966l-7.41 12.265c-.545.902-.202 1.711-.03 2.017a.212.212 0 0 0 .012.02z"
class="st6"
/>
<path
d="M53.41 55H38.59a4.446 4.446 0 0 1-3.919-2.289 4.45 4.45 0 0 1 .067-4.538l7.41-12.265c.821-1.361 2.262-2.173 3.852-2.173s3.03.812 3.852 2.173l7.41 12.264a4.447 4.447 0 0 1 .067 4.538A4.444 4.444 0 0 1 53.41 55zM46 34.735a3.476 3.476 0 0 0-2.996 1.69l-7.41 12.265c-.661 1.095-.681 2.415-.052 3.529S37.311 54 38.59 54h14.82c1.279 0 2.419-.666 3.048-1.78s.609-2.434-.052-3.529l-7.41-12.265A3.474 3.474 0 0 0 46 34.735zm-3.424 1.432h.01-.01z"
class="st10"
/>
<path d="M44.5 37.5h3v10h-3z" class="st3" />
<path d="M44.5 37.5h3v1h-3z" fill="#ffa0c8" />
<path d="M44.5 49.5h3v3h-3z" class="st3" />
<path d="M44.5 51.5h3v1h-3z" class="st4" />
<path
d="M47.5 48h-3a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5zM45 47h2v-9h-2v9zM47.5 53h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5zM45 52h2v-2h-2v2z"
class="st10"
/>
<path
d="M24.5 19.5h-17a1 1 0 1 1 0-2h17a1 1 0 1 1 0 2zM19.5 25.5h-12a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2zM31 39H7.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5H31a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5zM8 38h22.5v-3H8v3zM31 47H7.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5H31a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5zM8 46h22.5v-3H8v3zM31 55H7.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5H31a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5zM8 54h22.5v-3H8v3z"
fill="#d2d2c8"
/>
</svg>
More icons in the same style and category