Add icons to this collection by clicking the heart icon.
User Interface icon - also known as interface, graphics editor, graphic design, graphic tool, ui, art and design, edit tools, computer graphic, ui design, and user interface. Created in a clean gradient style with a white, teal, and orange 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 512 512"
>
<linearGradient
id="a"
x1=".948"
x2="512.948"
y1="263.401"
y2="263.401"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0062ff" />
<stop offset=".312" stop-color="#006bff" />
<stop offset="1" stop-color="#007bff" />
</linearGradient>
<linearGradient
id="b"
x1="28.198"
x2="486.115"
y1="292.186"
y2="292.186"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#007bff" />
<stop offset=".463" stop-color="#006bff" />
<stop offset="1" stop-color="#0053ff" />
</linearGradient>
<path fill="url(#a)" d="M.9 49.5h512v427.9H.9z" />
<circle cx="28.2" cy="70.2" r="9.9" fill="#ff6700" />
<circle cx="57.2" cy="70.2" r="9.9" fill="#ffb600" />
<circle cx="85.7" cy="70.2" r="9.9" fill="#12d87e" />
<path
fill="#edf0f4"
d="M273.4 75.6c0-6.3-5.1-11.3-11.3-11.3H147.6l-40.1 26.1h-17v75.7h183V75.6z"
/>
<path
fill="#dce1ea"
d="M385.9 75.6c0-6.3-5.1-11.3-11.3-11.3H260.1L220 90.4h-17v75.7h183V75.6z"
/>
<path
fill="#fff"
d="M333 90.4H33.1c-10 0-18.1 8.1-18.1 18.1v335.7c0 10 8.1 18.1 18.1 18.1h447.7c10 0 18.1-8.1 18.1-18.1V75.6c0-6.3-5.1-11.3-11.3-11.3H373.1z"
/>
<path
fill="#dce1ea"
d="M472.6 141.1H41.3c-7.5 0-13.5-6-13.5-13.5s6-13.5 13.5-13.5h431.3c7.5 0 13.5 6 13.5 13.5s-6 13.5-13.5 13.5z"
/>
<path fill="url(#b)" d="M28.2 180.1h457.9v224.1H28.2z" />
<g fill="#ffb600">
<path
d="m158.2 204.5-52.7 20.3 20.4 52.7 13-5.1-11.7-30.3 48.5 21.4 5.7-12.8-48.5-21.4 30.3-11.8z"
/>
<path
d="m357.1 379.9 52.7-20.3-20.4-52.7-13 5.1 11.7 30.3-209.8-92.8-5.7 12.8 209.8 92.8-30.3 11.8zM356.6 204.5l52.7 20.3-20.4 52.7-13-5.1 11.7-30.3-48.5 21.4-5.6-12.8 48.4-21.4-30.3-11.8z"
/>
<path
d="M157.7 379.9 105 359.6l20.4-52.7 13 5.1-11.7 30.3 209.8-92.8 5.7 12.8-209.8 92.8 30.3 11.8z"
/>
</g>
</svg>
More icons in the same style and category