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 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="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="40.761"
x2="483.481"
y1="473.946"
y2="31.226"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".2617" stop-color="#ededff" stop-opacity=".416" />
<stop offset=".629" stop-color="#d8d8ff" />
</linearGradient>
<linearGradient
id="SVGID_00000098907267775166764250000000092894559136780466_"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1="407.25"
y2="93.544"
>
<stop offset="0" stop-color="#ff4d4d" stop-opacity=".4" />
<stop offset=".1463" stop-color="#ff4d4d" stop-opacity=".342" />
<stop offset="1" stop-color="#ff4d4d" stop-opacity="0" />
</linearGradient>
<g>
<g>
<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.139-92.323-52.773-202.277 206.995-226.046 286.298-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.776 159.132 21.725 270.782-296.34 255.535-438.262z"
fill="url(#SVGID_1_)"
/>
</g>
<g>
<g>
<g>
<g>
<g>
<path
d="m46 392v-280c0-5.523 4.477-10 10-10h190c5.523 0 10 4.477 10 10l17.035 137.425-17.035 142.575c0 5.523-4.477 10-10 10h-190c-5.523 0-10-4.477-10-10z"
fill="#ffc498"
/>
</g>
<g>
<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 10h-190c-5.523 0-10-4.477-10-10z"
fill="#fa6"
/>
</g>
</g>
<g>
<path
d="m81.612 381.677c-2.762 0-5-2.239-5-5v-25.309c-2-.654-3.444-2.535-3.444-4.753 0-2.761 2.238-5 5-5h3.444c2.762 0 5 2.239 5 5v30.062c0 2.761-2.238 5-5 5z"
fill="#6c6cff"
/>
</g>
<g>
<path
d="m304.76 381.457h-18.108c-2.122 0-4.012-1.339-4.716-3.341s-.068-4.229 1.586-5.558c5.042-4.05 12.845-11.452 14.405-15.228.601-1.452.506-3.052-.247-4.177-.584-.875-1.454-1.318-2.586-1.318-1.898 0-3.442 1.544-3.442 3.442 0 2.761-2.238 5-5 5s-5-2.239-5-5c0-7.412 6.03-13.442 13.442-13.442 4.479 0 8.451 2.099 10.899 5.759 2.623 3.923 3.062 8.99 1.176 13.555-1.354 3.274-4.398 6.997-7.594 10.307h5.185c2.762 0 5 2.239 5 5s-2.239 5.001-5 5.001z"
fill="#4d4dff"
/>
</g>
<g>
<g>
<path
d="m256 320.403c-2.762 0-5-2.239-5-5v-11.91c0-2.761 2.238-5 5-5s5 2.239 5 5v11.91c0 2.761-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m256 282.104c-2.762 0-5-2.239-5-5v-11.911c0-2.761 2.238-5 5-5s5 2.239 5 5v11.911c0 2.762-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m256 358.702c-2.762 0-5-2.239-5-5v-11.911c0-2.761 2.238-5 5-5s5 2.239 5 5v11.911c0 2.761-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m256 397c-2.762 0-5-2.239-5-5v-11.91c0-2.761 2.238-5 5-5s5 2.239 5 5v11.91c0 2.761-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m256 243.806c-2.762 0-5-2.239-5-5v-11.911c0-2.761 2.238-5 5-5s5 2.239 5 5v11.911c0 2.761-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m256 205.507c-2.762 0-5-2.239-5-5v-11.91c0-2.761 2.238-5 5-5s5 2.239 5 5v11.91c0 2.762-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m256 167.209c-2.762 0-5-2.239-5-5v-11.911c0-2.761 2.238-5 5-5s5 2.239 5 5v11.911c0 2.761-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m256 128.91c-2.762 0-5-2.239-5-5v-11.91c0-2.761 2.238-5 5-5s5 2.239 5 5v11.91c0 2.761-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
</g>
<path
d="m154.893 310.635h-77.946c-2.761 0-5-2.239-5-5v-178.725c0-2.761 2.239-5 5-5h77.946c2.761 0 5 2.239 5 5v178.725c0 2.762-2.239 5-5 5z"
fill="#ffe7db"
/>
<path
d="m441 290.635h-77.946c-2.761 0-5-2.239-5-5v-158.725c0-2.761 2.239-5 5-5h77.946c2.761 0 5 2.239 5 5v158.725c0 2.762-2.239 5-5 5z"
fill="#ffd5ba"
/>
<g>
<g>
<path
d="m226.646 340.693h-18.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h18.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#6c6cff"
/>
</g>
<g>
<path
d="m226.646 361.075h-58.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h58.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#6c6cff"
/>
</g>
<g>
<path
d="m226.646 381.457h-58.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h58.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#6c6cff"
/>
</g>
</g>
<g>
<g>
<path
d="m226.646 283.242h-18.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h18.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#6c6cff"
/>
</g>
<g>
<path
d="m226.646 303.623h-47.356c-2.762 0-5-2.239-5-5s2.238-5 5-5h47.355c2.762 0 5 2.239 5 5s-2.238 5-4.999 5z"
fill="#6c6cff"
/>
</g>
</g>
<g>
<g>
<path
d="m439.263 314.017h-18.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h18.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#4d4dff"
/>
</g>
<g>
<path
d="m306.995 314.017h-22.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h22.583c2.762 0 5 2.239 5 5s-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m338.571 314.017h-10.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h10.583c2.762 0 5 2.239 5 5s-2.238 5-5 5z"
fill="#ff6c6c"
/>
</g>
<g>
<g>
<path
d="m439.263 340.693h-58.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h58.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#4d4dff"
/>
</g>
<g>
<path
d="m439.263 361.075h-58.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h58.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#4d4dff"
/>
</g>
<g>
<path
d="m439.263 381.457h-58.583c-2.762 0-5-2.239-5-5s2.238-5 5-5h58.583c2.762 0 5 2.239 5 5s-2.239 5-5 5z"
fill="#4d4dff"
/>
</g>
</g>
<g>
<path
d="m338.571 213.223h-54.159c-2.762 0-5-2.239-5-5s2.238-5 5-5h54.159c2.762 0 5 2.239 5 5s-2.238 5-5 5z"
fill="#ffd5ba"
/>
</g>
<g>
<path
d="m338.571 193.597h-54.159c-2.762 0-5-2.239-5-5s2.238-5 5-5h54.159c2.762 0 5 2.239 5 5s-2.238 5-5 5z"
fill="#ffd5ba"
/>
</g>
<g>
<path
d="m338.571 173.971h-54.159c-2.762 0-5-2.239-5-5s2.238-5 5-5h54.159c2.762 0 5 2.239 5 5s-2.238 5-5 5z"
fill="#ffd5ba"
/>
</g>
<g>
<path
d="m338.571 154.345h-54.159c-2.762 0-5-2.239-5-5s2.238-5 5-5h54.159c2.762 0 5 2.239 5 5s-2.238 5-5 5z"
fill="#ffd5ba"
/>
</g>
<g>
<path
d="m338.571 134.718h-54.159c-2.762 0-5-2.239-5-5s2.238-5 5-5h54.159c2.762 0 5 2.239 5 5s-2.238 5-5 5z"
fill="#ffd5ba"
/>
</g>
</g>
<g>
<path
d="m342.57 231.91v23.96l-36.04 20.13-26.2-5.96v-38.13c0-2.761 2.239-5 5-5h52.24c2.761 0 5 2.238 5 5z"
fill="#ffe7db"
/>
<path
d="m342.571 255.872v28.29c0 2.761-2.239 5-5 5h-52.24c-2.761 0-5-2.239-5-5v-14.12l11.314-11.315c1.953-1.953 5.118-1.953 7.071 0l7.815 7.815 19.814-19.823c1.952-1.953 5.119-1.954 7.072-.001z"
fill="#ffc498"
/>
</g>
<path
d="m230.354 185.204h-51.293c-2.761 0-5-2.239-5-5v-53.294c0-2.761 2.239-5 5-5h51.293c2.761 0 5 2.239 5 5v53.293c0 2.762-2.238 5.001-5 5.001z"
fill="#ff6c6c"
/>
<path
d="m230.354 261.553h-51.293c-2.761 0-5-2.239-5-5v-53.293c0-2.761 2.239-5 5-5h51.293c2.761 0 5 2.239 5 5v53.293c0 2.761-2.238 5-5 5z"
fill="#ff6c6c"
/>
<g>
<g>
<g>
<g>
<path
d="m131.799 147.747c-2.762 0-5-2.239-5-5v-.138c0-2.761 2.238-5 5-5s5 2.239 5 5v.138c0 2.761-2.238 5-5 5z"
fill="#fa6"
/>
</g>
</g>
</g>
<g>
<g>
<g>
<path
d="m115.92 147.747c-2.762 0-5-2.239-5-5v-.138c0-2.761 2.238-5 5-5s5 2.239 5 5v.138c0 2.761-2.238 5-5 5z"
fill="#fa6"
/>
</g>
</g>
</g>
<g>
<g>
<g>
<path
d="m100.041 147.747c-2.762 0-5-2.239-5-5v-.138c0-2.761 2.238-5 5-5s5 2.239 5 5v.138c0 2.761-2.238 5-5 5z"
fill="#fa6"
/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<g>
<path
d="m417.906 147.747c-2.762 0-5-2.239-5-5v-.138c0-2.761 2.238-5 5-5s5 2.239 5 5v.138c0 2.761-2.238 5-5 5z"
fill="#fa6"
/>
</g>
</g>
</g>
<g>
<g>
<g>
<path
d="m402.027 147.747c-2.762 0-5-2.239-5-5v-.138c0-2.761 2.238-5 5-5s5 2.239 5 5v.138c0 2.761-2.238 5-5 5z"
fill="#fa6"
/>
</g>
</g>
</g>
<g>
<g>
<g>
<path
d="m386.147 147.747c-2.762 0-5-2.239-5-5v-.138c0-2.761 2.238-5 5-5s5 2.239 5 5v.138c0 2.761-2.238 5-5 5z"
fill="#fa6"
/>
<path
d="m456 102h-190c-5.523 0-10 4.477-10 10 0-5.523-4.477-10-10-10h-190c-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-280c0-5.523-4.477-10-10-10z"
fill="url(#SVGID_00000098907267775166764250000000092894559136780466_)"
/>
</g>
</g>
</g>
</g>
</g>
</g>
<g>
<path
d="m45.229 469.302c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15zm0-20c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.244-5-5-5z"
fill="#8282ff"
/>
</g>
<g>
<path
d="m424.435 469.302c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15zm0-20c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.244-5-5-5z"
fill="#ff9c33"
/>
</g>
<g>
<path
d="m199.985 78.033c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.728 15-15 15zm0-20c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5z"
fill="#ff6c6c"
/>
</g>
<g>
<path
d="m106.407 68.033c-1.279 0-2.56-.488-3.535-1.464-1.953-1.953-1.953-5.119 0-7.071l10-10c1.951-1.952 5.119-1.952 7.07 0 1.953 1.953 1.953 5.119 0 7.071l-10 10c-.975.975-2.255 1.464-3.535 1.464z"
fill="#ff9c33"
/>
</g>
<g>
<path
d="m95.041 448.85c-1.279 0-2.56-.488-3.535-1.464-1.953-1.953-1.953-5.119 0-7.071l10-10c1.951-1.952 5.119-1.952 7.07 0 1.953 1.953 1.953 5.119 0 7.071l-10 10c-.975.975-2.256 1.464-3.535 1.464z"
fill="#ff9c33"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category