Add icons to this collection by clicking the heart icon.
Layout icon - also known as computer, screen, monitor, web, website, layout, browser, ui, coding, html, and art and design. Created in a clean gradient style with a white, silver, red, navy, 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">
<stop offset="0" stop-color="#c8d6e8" />
<stop offset=".999" stop-color="#ebf2ff" />
</linearGradient>
<linearGradient
id="b"
x1="144.941"
x2="361.22"
y1="451.517"
y2="451.517"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="4.715"
x2="501.446"
y1="189.551"
y2="189.551"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e49" />
<stop offset=".598" stop-color="#4c535e" />
<stop offset="1" stop-color="#545b66" />
</linearGradient>
<linearGradient
id="d"
x1="4.715"
x2="501.446"
y1="369.536"
y2="369.536"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="275.189"
x2="275.189"
y1="513.038"
y2="420.643"
gradientUnits="userSpaceOnUse"
>
<stop offset=".196" stop-color="#c8d6e8" />
<stop offset=".479" stop-color="#c6d4e5" />
<stop offset=".652" stop-color="#c0cddd" />
<stop offset=".796" stop-color="#b6c0cf" />
<stop offset=".923" stop-color="#a7afba" />
<stop offset=".999" stop-color="#9ba1aa" />
</linearGradient>
<path
fill="url(#b)"
d="M361.2 512.6c-29.5-31.4-45.9-72.9-45.9-116v-6.3H190.9v6.3c0 43.1-16.4 84.6-45.9 116z"
/>
<path
fill="url(#c)"
d="M501.4 101.1c0-22.3-18.1-40.4-40.4-40.4H45.2c-22.3 0-40.4 18.1-40.4 40.4v217.3h496.7V101.1z"
/>
<path
fill="#fff"
d="M477.4 298.1V109.3c0-12.9-10.5-23.4-23.4-23.4H52.2c-12.9 0-23.4 10.5-23.4 23.4v188.8z"
/>
<path
fill="url(#d)"
d="M4.7 318.4v61.8c0 22.3 18.1 40.4 40.4 40.4H461c22.3 0 40.4-18.1 40.4-40.4v-61.8z"
/>
<path
fill="url(#e)"
d="m189.2 420.6 92.4 92.4h79.7s-37.6-37.4-44.2-92.4z"
/>
<circle cx="253.1" cy="363.4" r="17" fill="#aeb4c1" />
<path fill="#ffb600" d="M62.3 122.2h109.1v63H62.3z" />
<path fill="#00cfff" d="M195.9 121.7H305v63H195.9z" />
<path fill="#d84200" d="M331.9 123.8H441v63H331.9z" />
<g fill="#373e49">
<path
d="M62.3 205.1h109.1v15.6H62.3zM62.3 230.6h109.1v15.6H62.3zM62.3 258.2h109.1v15.6H62.3zM195.9 205.1H305v15.6H195.9zM195.9 230.6H305v15.6H195.9zM195.9 258.2H305v15.6H195.9zM331.9 205.1H441v15.6H331.9zM331.9 230.6H441v15.6H331.9zM331.9 258.2H441v15.6H331.9z"
/>
</g>
</svg>
More icons in the same style and category