Add icons to this collection by clicking the heart icon.
Ui icon - also known as computer, interface, screen, information, monitor, working, application, website, ui, and seo and web. 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="512"
height="512"
viewBox="0 0 505.835 505.835"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4800bf" />
<stop offset="1" stop-color="#e5a100" />
</linearGradient>
<linearGradient
id="b"
x1="143.131"
x2="208.4"
y1="788.889"
y2="788.889"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="143.131"
x2="208.4"
y1="800.617"
y2="800.617"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="143.131"
x2="208.4"
y1="777.671"
y2="777.671"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="143.131"
x2="208.4"
y1="774.611"
y2="774.611"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="143.131"
x2="208.4"
y1="784.3"
y2="784.3"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="143.131"
x2="208.4"
y1="773.081"
y2="773.081"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="143.131"
x2="208.4"
y1="786.849"
y2="786.849"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="143.131"
x2="208.4"
y1="775.631"
y2="775.631"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="143.131"
x2="208.4"
y1="802.147"
y2="802.147"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="143.131"
x2="208.4"
y1="771.042"
y2="771.042"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="143.131"
x2="208.4"
y1="786.339"
y2="786.339"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="143.131"
x2="208.4"
y1="804.186"
y2="804.186"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="143.131"
x2="208.4"
y1="781.75"
y2="781.75"
gradientTransform="matrix(0 8 -8 0 6564.027 -1153.205)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M456.883 98.719V40.793C456.856 18.275 438.608.027 416.09 0H89.745C67.227.027 48.979 18.275 48.952 40.793v57.926c-18.98 3.903-32.61 20.6-32.635 39.977v261.076c.027 22.518 18.275 40.766 40.793 40.793h136.404l-4.242 16.978c-15.178 3.125-26.077 16.477-26.099 31.974v8.159a8.16 8.16 0 0 0 8.159 8.159h163.173a8.16 8.16 0 0 0 8.159-8.159v-8.159c-.023-15.499-10.926-28.852-26.108-31.974l-4.234-16.978h136.404c22.518-.027 40.766-18.275 40.793-40.793V138.697c-.026-19.378-13.655-36.074-32.636-39.978zM65.269 40.793c0-13.518 10.958-24.476 24.476-24.476H416.09c13.518 0 24.476 10.958 24.476 24.476v8.159H65.269zm0 24.476h375.297V358.98H65.269zm-32.634 73.428a24.477 24.477 0 0 1 16.317-22.975V358.98H32.635zm293.71 350.821H179.49c0-9.012 7.305-16.317 16.317-16.317h114.221c9.012-.001 16.317 7.305 16.317 16.317zm-120.087-32.635 4.079-16.317h85.16l4.079 16.317zm266.942-57.11c0 13.518-10.958 24.476-24.476 24.476H57.11c-13.518 0-24.476-10.958-24.476-24.476v-24.476H473.2zm0-40.793h-16.317V115.722a24.476 24.476 0 0 1 16.317 22.975z"
/>
<path fill="url(#b)" d="M244.759 391.614h16.317v16.317h-16.317z" />
<path
fill="url(#c)"
d="M155.014 244.759h40.793v-16.317h-40.793c-31.526-.036-57.074-25.584-57.11-57.11.049-40.532 32.895-73.378 73.428-73.428 27.024.027 48.925 21.928 48.952 48.952a61.291 61.291 0 0 1-6.437 27.266l-4.83 9.668a6.966 6.966 0 0 1-13.209-3.109v-50.143a8.16 8.16 0 0 0-8.159-8.159h-14.751c-27.886.036-50.482 22.633-50.518 50.518.008 17.163 13.928 31.07 31.091 31.062a31.075 31.075 0 0 0 27.178-16.033c4.002 12.221 17.154 18.884 29.375 14.881a23.286 23.286 0 0 0 13.58-11.716l4.838-9.676a77.68 77.68 0 0 0 8.159-34.56c-.04-36.03-29.239-65.229-65.269-65.269-49.541.058-89.686 40.204-89.745 89.745.049 40.533 32.894 73.378 73.427 73.428zm12.744-68.288c-1.976 7.903-9.985 12.708-17.888 10.732a14.752 14.752 0 0 1-11.173-14.306c.036-18.874 15.327-34.165 34.201-34.201h4.3z"
/>
<path
fill="url(#d)"
d="M416.09 81.586H269.235a8.16 8.16 0 0 0-8.159 8.159v48.952a8.16 8.16 0 0 0 8.159 8.159H416.09a8.16 8.16 0 0 0 8.159-8.159V89.745a8.16 8.16 0 0 0-8.159-8.159zm-8.159 48.952H277.393V97.904h130.538z"
/>
<path fill="url(#e)" d="M310.028 163.173h114.221v16.317H310.028z" />
<path fill="url(#f)" d="M261.076 195.807h57.11v16.317h-57.11z" />
<path fill="url(#g)" d="M334.504 195.807h89.745v16.317h-89.745z" />
<path fill="url(#h)" d="M261.076 228.442h16.317v16.317h-16.317z" />
<path fill="url(#i)" d="M293.711 228.442h130.538v16.317H293.711z" />
<path
fill="url(#j)"
d="M89.745 310.028h114.221a8.16 8.16 0 0 0 8.159-8.159v-32.635a8.16 8.16 0 0 0-8.159-8.159H89.745a8.16 8.16 0 0 0-8.159 8.159v32.635a8.16 8.16 0 0 0 8.159 8.159zm8.159-32.635h97.904v16.317H97.904z"
/>
<path fill="url(#f)" d="M228.442 261.076h122.379v16.317H228.442z" />
<path fill="url(#k)" d="M367.138 261.076h57.11v16.317h-57.11z" />
<path fill="url(#l)" d="M228.442 293.711h89.745v16.317h-89.745z" />
<path fill="url(#g)" d="M334.504 293.711h89.745v16.317h-89.745z" />
<path fill="url(#m)" d="M81.586 326.345h97.904v16.317H81.586z" />
<path fill="url(#n)" d="M195.807 326.345h228.442v16.317H195.807z" />
</svg>
More icons in the same style and category