Add icons to this collection by clicking the heart icon.
Layout icon - also known as text, graphic, layout, design, image, ui, align, and art and design. Created in a clean blue 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<rect width="28" height="58" x="1" y="1" fill="#e8edfc" rx="1" />
<path
fill="#cad9fc"
d="M28 1h-3a1 1 0 0 1 1 1v56a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"
/>
<rect width="26" height="32" x="33" y="27" fill="#c6d8fb" rx="1" />
<path
fill="#a4c3fd"
d="M58 27h-3a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V28a1 1 0 0 0-1-1z"
/>
<path fill="#a4c2f7" d="M59 20v2a1 1 0 0 1-1 1h-7l-6.23-7.61L50 9z" />
<path
fill="#7facfa"
d="m50 9-1.5 1.833L56 20v2a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-2z"
/>
<path
fill="#c6d8fb"
d="M51 23H34c-.28 0-.548-.115-.74-.32L42 12l2.77 3.39z"
/>
<path
fill="#e8edfc"
d="M59 2v18L50 9l-5.23 6.39L42 12l-8.74 10.68A1.025 1.025 0 0 1 33 22V2a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1z"
/>
<path
fill="#cad9fc"
d="M58 1h-3a1 1 0 0 1 1 1v14.333L59 20V2a1 1 0 0 0-1-1z"
/>
<circle cx="39" cy="7" r="2" fill="#e8edfc" />
<circle cx="46" cy="49" r="6" fill="#e8edfc" />
<path
fill="#cad9fc"
d="M46 43c-.506.003-1.01.07-1.5.2a5.992 5.992 0 0 1 0 11.606A6 6 0 1 0 46 43z"
/>
<path
fill="#fff"
d="M4 58V2a1 1 0 0 1 1-1H2a1 1 0 0 0-1 1v56a1 1 0 0 0 1 1h3a1 1 0 0 1-1-1z"
/>
<path fill="#fff" d="M0 2h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="6" r="1" />
<path
d="M28 0H2a2 2 0 0 0-2 2 1 1 0 1 0 2 0h26v56H2V10a1 1 0 1 0-2 0v48a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM58 26H34a2 2 0 0 0-2 2v30a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V28a2 2 0 0 0-2-2zm0 32H34V28h24zM58 0H34a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 2v15.2l-7.226-8.833a1 1 0 0 0-1.547 0l-4.455 5.442-2-2.441a1 1 0 0 0-1.547 0L34 20.2V2zm-9.11 20H35.108L42 13.58zm2.584 0-5.41-6.613L50 10.579l8 9.778V22z"
/>
<path
d="M21 8a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V6h4v10h-1a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2h-1V6h4v1a1 1 0 0 0 1 1zM4 22a1 1 0 0 0 1 1h20a1 1 0 0 0 0-2H5a1 1 0 0 0-1 1zM5 28h7a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2zM16 26a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2zM5 33h20a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2zM5 38h9a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2zM5 47h20a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2zM5 52h5a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2zM14 50a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zM48 48h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2zM39 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
/>
<path
d="M46 42a7 7 0 1 0 7 7 7.009 7.009 0 0 0-7-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zM37 33h18a1 1 0 0 0 0-2H37a1 1 0 0 0 0 2zM37 38h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM48 38a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category