Add icons to this collection by clicking the heart icon.
Ui icon - also known as page, website, layout, design, browser, ui, dashboard, and responsive. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="-2.615"
x2="534.092"
y1="490.615"
y2="-46.092"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-40.615"
x2="496.092"
y1="452.615"
y2="-84.092"
href="#a"
/>
<linearGradient
id="c"
x1="-16.615"
x2="520.092"
y1="476.615"
y2="-60.092"
href="#a"
/>
<linearGradient
id="d"
x1="-14.615"
x2="522.092"
y1="478.615"
y2="-58.092"
href="#a"
/>
<linearGradient
id="e"
x1="-66.615"
x2="470.092"
y1="426.615"
y2="-110.092"
href="#a"
/>
<linearGradient
id="f"
x1="21.385"
x2="558.092"
y1="514.615"
y2="-22.092"
href="#a"
/>
<linearGradient
id="g"
x1="51.385"
x2="588.092"
y1="544.615"
y2="7.908"
href="#a"
/>
<linearGradient
id="h"
x1="71.385"
x2="608.092"
y1="564.615"
y2="27.908"
href="#a"
/>
<linearGradient
id="i"
x1="61.385"
x2="598.092"
y1="554.615"
y2="17.908"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M480 96H32a24.027 24.027 0 0 0-24 24v224a24.027 24.027 0 0 0 24 24h173.754l-4 16H176a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-25.754l-4-16H480a24.027 24.027 0 0 0 24-24V120a24.027 24.027 0 0 0-24-24zM24 120a8.009 8.009 0 0 1 8-8h448a8.009 8.009 0 0 1 8 8v184H24zm304 288H184v-8h144zm-34.246-24h-75.508l4-16h67.508zM488 344a8.009 8.009 0 0 1-8 8H32a8.009 8.009 0 0 1-8-8v-24h464z"
/>
<path fill="url(#b)" d="M56 344h40a8 8 0 0 0 0-16H56a8 8 0 0 0 0 16z" />
<path fill="url(#c)" d="M120 344h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" />
<path
fill="url(#d)"
d="M296 128h-80a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8V136a8 8 0 0 0-8-8zm-8 144h-64V144h64z"
/>
<path
fill="url(#e)"
d="M192 128h-80a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8V136a8 8 0 0 0-8-8zm-8 144h-64V144h64z"
/>
<path
fill="url(#f)"
d="M400 128h-72a8 8 0 0 0-8 8v72a8 8 0 0 0 8 8h72a8 8 0 0 0 8-8v-72a8 8 0 0 0-8-8zm-8 72h-56v-56h56z"
/>
<path
fill="url(#g)"
d="M400 224h-72a8 8 0 0 0 0 16h72a8 8 0 0 0 0-16zM352 248h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16z"
/>
<path fill="url(#h)" d="M384 248h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#i)"
d="M344 272h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z"
/>
</g>
</svg>
More icons in the same style and category