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="10.846"
x2="500.276"
y1="477.154"
y2="-12.276"
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="-27.154"
x2="462.276"
y1="439.154"
y2="-50.276"
href="#a"
/>
<linearGradient
id="c"
x1="-3.154"
x2="486.276"
y1="463.154"
y2="-26.276"
href="#a"
/>
<linearGradient
id="d"
x1="23.347"
x2="512.776"
y1="489.654"
y2=".225"
href="#a"
/>
<linearGradient
id="e"
x1="63.347"
x2="552.776"
y1="529.654"
y2="40.225"
href="#a"
/>
<linearGradient
id="f"
x1="-37.154"
x2="452.276"
y1="429.154"
y2="-60.276"
href="#a"
/>
<linearGradient
id="g"
x1="-33.154"
x2="456.276"
y1="433.154"
y2="-56.276"
href="#a"
/>
<linearGradient
id="h"
x1="-41.154"
x2="448.276"
y1="425.154"
y2="-64.276"
href="#a"
/>
<linearGradient
id="i"
x1="-7.154"
x2="482.276"
y1="459.154"
y2="-30.276"
href="#a"
/>
<linearGradient
id="j"
x1="-65.654"
x2="423.776"
y1="400.654"
y2="-88.776"
href="#a"
/>
<path
fill="url(#a)"
d="M480 96H32a24.032 24.032 0 0 0-24 24v224a24.032 24.032 0 0 0 24 24h173.76l-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.75l-4-16H480a24.032 24.032 0 0 0 24-24V120a24.032 24.032 0 0 0-24-24zM24 120a8.011 8.011 0 0 1 8-8h448a8.011 8.011 0 0 1 8 8v184H24zm304 288H184v-8h144zm-34.25-24h-75.5l4-16h67.5zM488 344a8.011 8.011 0 0 1-8 8H32a8.011 8.011 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="M393 136h-96c-.14 0-.28 0-.41.01a31.993 31.993 0 0 0 0 63.98c.13.01.27.01.41.01h96a32 32 0 0 0 0-64zm-104 45.84a15.895 15.895 0 1 1 8 2.16 15.974 15.974 0 0 1-8-2.16zM393 184h-68.3a31.917 31.917 0 0 0 0-32H393a16 16 0 0 1 0 32z"
/>
<path
fill="url(#e)"
d="M393 216h-96c-.14 0-.28 0-.41.01a31.993 31.993 0 0 0 0 63.98c.13.01.27.01.41.01h96a32 32 0 0 0 0-64zm-104 45.84a15.895 15.895 0 1 1 8 2.16 15.974 15.974 0 0 1-8-2.16zM393 264h-68.3a31.917 31.917 0 0 0 0-32H393a16 16 0 0 1 0 32z"
/>
<path fill="url(#f)" d="M240 216H96a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16z" />
<path fill="url(#g)" d="M160 264H96a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16z" />
<path fill="url(#h)" d="M176 240H96a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z" />
<path fill="url(#i)" d="M208 240h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
<path
fill="url(#j)"
d="M240 135H96a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zm-8 48H104v-32h128z"
/>
</svg>
More icons in the same style and category