Add icons to this collection by clicking the heart icon.
Layout icon - also known as screen, page, layout, design, ui, web page, website design, grid, responsive, art and design, ux design, and user interface. Created in a clean lineal 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="40.761"
x2="483.481"
y1="473.946"
y2="31.226"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1ddff" stop-opacity="0" />
<stop offset="1" stop-color="#b6c4ff" />
</linearGradient>
<path
d="M495.694 72.678c-5.853-54.483-52.671-90.479-105.078-63.529-28.492 14.652-44.341 50.527-74.707 58.231-31.824 8.073-33.396-45.363-55.748-58.139C167.838-43.532 57.884 216.236 34.115 295.539c-46.534 155.257-3.345 209.947 74.389 173.705 18.584-8.664 36.425-23.848 56.568-20.08 32.51 6.083 42.316 57.303 75.087 61.776C399.291 532.665 510.941 214.6 495.694 72.678z"
fill="url(#a)"
/>
<path
d="M456 126H266c-5.523 0-10 4.477-10 10 0-5.523-4.477-10-10-10H56c-5.523 0-10 4.477-10 10v280c0 5.523 4.477 10 10 10h190c5.523 0 10-4.477 10-10 0 5.523 4.477 10 10 10h190c5.523 0 10-4.477 10-10V136c0-5.523-4.477-10-10-10z"
opacity=".1"
fill="#0000cb"
/>
<path
d="m256 392-3-140 3-140c0-5.523 4.477-10 10-10h190c5.523 0 10 4.477 10 10v280c0 5.523-4.477 10-10 10H266c-5.523 0-10-4.477-10-10z"
fill="#fff"
/>
<path
d="M46 392V112c0-5.523 4.477-10 10-10h190c5.523 0 10 4.477 10 10v280c0 5.523-4.477 10-10 10H56c-5.523 0-10-4.477-10-10z"
fill="#6582fd"
/>
<path
d="M466 328.984V112c0-5.523-4.477-10-10-10H266c-5.523 0-10 4.477-10 10 0-5.523-4.477-10-10-10H107.952M79.568 102H56c-5.523 0-10 4.477-10 10v280c0 5.523 4.477 10 10 10h190c5.523 0 10-4.477 10-10 0 5.523 4.477 10 10 10h190c5.523 0 10-4.477 10-10v-34.632"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M78.168 346.615h3.445v30.062"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M286.651 355.277a8.442 8.442 0 0 1 8.442-8.442h0c6.368 0 9.887 6.519 7.455 12.404-2.76 6.677-15.897 17.217-15.897 17.217h18.108"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 315.403v-11.91M256 277.104v-11.91M256 353.701v-11.91M256 392v-11.91M256 238.806v-11.91M256 200.507v-11.91M256 162.209v-11.91M256 123.91V112"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M154.893 310.635H76.947a5 5 0 0 1-5-5V126.91a5 5 0 0 1 5-5h77.946a5 5 0 0 1 5 5v178.725a5 5 0 0 1-5 5z"
fill="#fff"
/>
<path
d="M441 290.635h-77.946a5 5 0 0 1-5-5V126.91a5 5 0 0 1 5-5H441a5 5 0 0 1 5 5v158.725a5 5 0 0 1-5 5z"
fill="#6582fd"
/>
<path
d="M208.063 335.693h18.583M168.063 356.075h58.583M168.063 376.457h58.583M208.063 278.241h18.583M179.29 298.623h47.356"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M420.68 309.017h18.583M284.412 309.017h22.583M327.988 309.017h10.583M380.68 335.693h58.583M380.68 356.075h58.583M380.68 376.457h58.583M284.412 208.223h54.159M284.412 188.597h54.159M284.412 168.971h54.159M284.412 149.345h54.159M284.412 129.718h54.159"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M342.57 231.91v23.96L306.53 276l-26.2-5.96v-38.13a5 5 0 0 1 5-5h52.24a5 5 0 0 1 5 5z"
fill="#6582fd"
/>
<path
d="M342.571 255.872v28.29a5 5 0 0 1-5 5h-52.24a5 5 0 0 1-5-5v-14.12l11.314-11.315a5 5 0 0 1 7.071 0l7.815 7.815 19.814-19.823a5 5 0 0 1 7.072-.001l9.154 9.154z"
fill="#0000cb"
/>
<path
d="M230.354 185.204h-51.293a5 5 0 0 1-5-5V126.91a5 5 0 0 1 5-5h51.293a5 5 0 0 1 5 5v53.293a5 5 0 0 1-5 5.001zM230.354 261.553h-51.293a5 5 0 0 1-5-5V203.26a5 5 0 0 1 5-5h51.293a5 5 0 0 1 5 5v53.293a5 5 0 0 1-5 5z"
fill="#fff"
/>
<path
d="M131.799 142.609v.138M115.92 142.609v.138M100.041 142.609v.138"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M417.906 142.609v.138M402.027 142.609v.138M386.148 142.609v.138"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="45.229"
cy="454.302"
r="10"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="424.434"
cy="454.302"
r="10"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="199.986"
cy="63.033"
r="10"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m116.407 53.033-10 10M105.041 433.85l-10 10"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category