Add icons to this collection by clicking the heart icon.
Layout icon - also known as ruler, layout, ui, wireframe, and usability. Created in a clean lineal color style with a silver, gray, yellow, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<path
fill="#ced7db"
d="M503.465 469.332c0 18.852-15.281 34.133-34.133 34.133H17.066a8.532 8.532 0 0 1-8.53-8.531V85.332c0-4.71 3.82-8.531 8.53-8.531H435.2zm0 0"
/>
<path
fill="#ced7db"
d="M477.867 469.332c0 18.852-15.281 34.133-34.133 34.133H17.066a8.532 8.532 0 0 1-8.53-8.531V85.332c0-4.71 3.82-8.531 8.53-8.531h426.668zm0 0"
/>
<path
fill="#b0d3f0"
d="M162.133 418.133h-8.531a8.534 8.534 0 1 0 0 17.066h8.53a8.533 8.533 0 1 0 0-17.066zM256 418.133h-59.734a8.533 8.533 0 0 0-8.532 8.535c0 4.71 3.82 8.531 8.532 8.531H256a8.533 8.533 0 1 0 0-17.066zM298.668 418.133h-8.535a8.533 8.533 0 0 0-8.531 8.535c0 4.71 3.82 8.531 8.53 8.531h8.536c4.71 0 8.531-3.82 8.531-8.531a8.533 8.533 0 0 0-8.531-8.535zM332.8 435.2h59.735c4.711 0 8.531-3.821 8.531-8.532a8.533 8.533 0 0 0-8.53-8.535H332.8a8.534 8.534 0 1 0 0 17.066zM162.133 452.266h-8.531a8.534 8.534 0 1 0 0 17.066h8.53a8.533 8.533 0 1 0 0-17.066zM256 452.266h-59.734a8.533 8.533 0 0 0-8.532 8.535c0 4.71 3.82 8.531 8.532 8.531H256a8.533 8.533 0 1 0 0-17.066zM298.668 452.266h-8.535a8.533 8.533 0 0 0-8.531 8.535c0 4.71 3.82 8.531 8.53 8.531h8.536c4.71 0 8.531-3.82 8.531-8.531a8.533 8.533 0 0 0-8.531-8.535zM392.535 452.266h-59.734a8.534 8.534 0 1 0 0 17.066h59.734c4.711 0 8.531-3.82 8.531-8.531a8.533 8.533 0 0 0-8.53-8.535zm0 0"
/>
<path
fill="#ff9701"
d="M162.133 119.465H384a8.536 8.536 0 0 1 8.535 8.535v136.535c0 4.711-3.82 8.531-8.535 8.531H162.133a8.532 8.532 0 0 1-8.531-8.53V128c0-4.71 3.82-8.535 8.53-8.535zm0 0"
/>
<path
fill="#fdc008"
d="M162.133 119.465h196.265a8.536 8.536 0 0 1 8.536 8.535v136.535c0 4.711-3.82 8.531-8.536 8.531H162.133a8.532 8.532 0 0 1-8.531-8.53V128c0-4.71 3.82-8.535 8.53-8.535zm0 0"
/>
<path
fill="#ff9701"
d="M162.133 307.2h85.332a8.534 8.534 0 0 1 8.535 8.534V384c0 4.71-3.82 8.535-8.535 8.535h-85.332c-4.711 0-8.531-3.824-8.531-8.535v-68.266a8.533 8.533 0 0 1 8.53-8.535zM298.668 307.2H384a8.534 8.534 0 0 1 8.535 8.534V384c0 4.71-3.82 8.535-8.535 8.535h-85.332a8.536 8.536 0 0 1-8.535-8.535v-68.266a8.534 8.534 0 0 1 8.535-8.535zm0 0"
/>
<path
fill="#fdc008"
d="M162.133 307.2h59.734c4.711 0 8.531 3.82 8.531 8.534V384c0 4.71-3.82 8.535-8.53 8.535h-59.735c-4.711 0-8.531-3.824-8.531-8.535v-68.266a8.533 8.533 0 0 1 8.53-8.535zM298.668 307.2h59.73a8.534 8.534 0 0 1 8.536 8.534V384c0 4.71-3.82 8.535-8.536 8.535h-59.73a8.536 8.536 0 0 1-8.535-8.535v-68.266a8.534 8.534 0 0 1 8.535-8.535zm0 0"
/>
<path
fill="#b0d3f0"
d="m392.535 128.598-103.851 67.668 103.851 67.672v.597c0 4.711-3.82 8.531-8.535 8.531h-8.875l-102.059-66.644-102.058 66.644h-8.875a8.532 8.532 0 0 1-8.531-8.53v-.599l103.847-67.671-103.847-67.668V128c0-4.71 3.82-8.535 8.53-8.535h8.876l102.058 66.648 102.059-66.648H384a8.536 8.536 0 0 1 8.535 8.535zM256 315.734v2.645l-89.09 74.156h-4.777c-4.711 0-8.531-3.824-8.531-8.535v-2.645l89.171-74.156h4.692a8.534 8.534 0 0 1 8.535 8.535zM392.535 315.734v2.645l-89.09 74.156h-4.777a8.536 8.536 0 0 1-8.535-8.535v-2.645l89.176-74.156H384a8.534 8.534 0 0 1 8.535 8.535zm0 0"
/>
<path
fill="#9d9d9d"
d="M503.465 42.668v426.664c-.02-2.7-.336-5.387-.938-8.02a33.823 33.823 0 0 0-24.66-25.09c-.086 0-.258-.085-.34-.085a34.58 34.58 0 0 0-20.91 1.539A32.788 32.788 0 0 0 442.711 448a4.268 4.268 0 0 1-7.512-2.902V42.668a33.944 33.944 0 0 1 21.336-31.574 32.004 32.004 0 0 1 12.797-2.559 34.128 34.128 0 0 1 34.133 34.133zm0 0"
/>
<path
fill="#ced7db"
d="M477.867 42.668v426.664a37.452 37.452 0 0 0-.937-8.02 33.754 33.754 0 0 0-20.313-23.636 23.31 23.31 0 0 0-4.691-1.54 35.71 35.71 0 0 0-16.727.087V42.668a33.944 33.944 0 0 1 21.336-31.574 33.946 33.946 0 0 1 21.332 31.574zm0 0"
/>
<path
fill="#fcd734"
d="M51.2 8.535h51.198a8.533 8.533 0 0 1 8.536 8.531v375.47c0 4.71-3.82 8.53-8.536 8.53H51.2a8.532 8.532 0 0 1-8.531-8.53V17.065c0-4.71 3.82-8.53 8.531-8.53zm0 0"
/>
<path
fill="#ffea3a"
d="M51.2 8.535h25.6c4.712 0 8.532 3.82 8.532 8.531v375.47c0 4.71-3.82 8.53-8.531 8.53H51.199a8.532 8.532 0 0 1-8.531-8.53V17.065c0-4.71 3.82-8.53 8.531-8.53zm0 0"
/>
<g fill="#f29c1f">
<path
d="M110.934 42.668v17.066H85.332a8.533 8.533 0 0 1-8.531-8.535c0-4.71 3.82-8.531 8.531-8.531zM110.934 76.8v17.067H93.867a8.534 8.534 0 1 1 0-17.066zM110.934 110.934V128H93.867a8.534 8.534 0 1 1 0-17.066zM110.934 145.066v17.067H85.332a8.532 8.532 0 0 1-8.531-8.531 8.533 8.533 0 0 1 8.531-8.536zM110.934 179.2v17.066H93.867a8.533 8.533 0 1 1 0-17.067zM110.934 213.332v17.066H93.867a8.533 8.533 0 1 1 0-17.066zM110.934 247.465v17.07H85.332c-4.71 0-8.531-3.824-8.531-8.535s3.82-8.535 8.531-8.535zM110.934 281.602v17.066H93.867a8.534 8.534 0 1 1 0-17.066zM110.934 315.734v17.067H93.867a8.534 8.534 0 1 1 0-17.067zM110.934 349.867v17.067H85.332a8.533 8.533 0 0 1-8.531-8.536c0-4.71 3.82-8.53 8.531-8.53zm0 0"
/>
</g>
<path
d="M162.133 418.133h-8.531a8.534 8.534 0 1 0 0 17.066h8.53a8.533 8.533 0 1 0 0-17.066zM256 418.133h-59.734a8.533 8.533 0 0 0-8.532 8.535c0 4.71 3.82 8.531 8.532 8.531H256a8.533 8.533 0 1 0 0-17.066zM298.668 418.133h-8.535a8.533 8.533 0 0 0-8.531 8.535c0 4.71 3.82 8.531 8.53 8.531h8.536c4.71 0 8.531-3.82 8.531-8.531a8.533 8.533 0 0 0-8.531-8.535zM392.535 418.133h-59.734a8.534 8.534 0 1 0 0 17.066h59.734c4.711 0 8.531-3.82 8.531-8.531a8.533 8.533 0 0 0-8.53-8.535zM162.133 452.266h-8.531a8.534 8.534 0 1 0 0 17.066h8.53a8.533 8.533 0 1 0 0-17.066zM256 452.266h-59.734a8.533 8.533 0 0 0-8.532 8.535c0 4.71 3.82 8.531 8.532 8.531H256a8.533 8.533 0 1 0 0-17.066zM298.668 452.266h-8.535a8.533 8.533 0 0 0-8.531 8.535c0 4.71 3.82 8.531 8.53 8.531h8.536c4.71 0 8.531-3.82 8.531-8.531a8.533 8.533 0 0 0-8.531-8.535zM392.535 452.266h-59.734a8.534 8.534 0 1 0 0 17.066h59.734c4.711 0 8.531-3.82 8.531-8.531a8.533 8.533 0 0 0-8.53-8.535zM384 110.934H162.133c-9.426 0-17.067 7.64-17.067 17.066v136.535c0 9.426 7.641 17.067 17.067 17.067H384c9.426 0 17.066-7.641 17.066-17.067V128c0-9.426-7.64-17.066-17.066-17.066zm-221.867 23.152 95.308 62.18-95.308 62.14zM184.012 128h178.11l-89.056 58.027zm89.054 78.438 89.047 58.097H184.02zm15.625-10.172L384 134.086v124.328zM259.91 304.027c-.062-.07-.148-.105-.207-.172a17.003 17.003 0 0 0-12.238-5.187h-85.332c-9.426 0-17.067 7.64-17.067 17.066V384c0 9.426 7.641 17.066 17.067 17.066h85.332c9.426 0 17.07-7.64 17.07-17.066v-68.266a16.92 16.92 0 0 0-4.492-11.437c-.059-.102-.066-.195-.133-.27zm-27.375 11.707-70.402 58.547v-58.547zM177.16 384l70.305-58.523V384zM396.441 304.027c-.058-.078-.144-.105-.203-.172A17.01 17.01 0 0 0 384 298.668h-85.332c-9.426 0-17.066 7.64-17.066 17.066V384c0 9.426 7.64 17.066 17.066 17.066H384c9.426 0 17.066-7.64 17.066-17.066v-68.266a16.934 16.934 0 0 0-4.488-11.437c-.058-.102-.066-.195-.137-.27zm-27.375 11.707-70.398 58.547v-58.547zM313.696 384 384 325.477V384zm0 0"
/>
<path
d="M469.332 0c-23.55.027-42.637 19.113-42.664 42.668v25.598H119.465v-51.2c0-9.425-7.64-17.066-17.067-17.066H51.2c-9.426 0-17.066 7.64-17.066 17.066v51.2H17.066C7.641 68.266 0 75.906 0 85.332v409.602C0 504.359 7.64 512 17.066 512h452.266a42.56 42.56 0 0 0 30.145-12.402A42.57 42.57 0 0 0 512 469.504V42.668C511.973 19.113 492.887.028 469.332 0zm-25.598 42.668c0-14.14 11.461-25.602 25.598-25.602 14.14 0 25.602 11.461 25.602 25.602v392.394a42.103 42.103 0 0 0-15.473-7.253 42.707 42.707 0 0 0-35.727 7.304zM51.2 17.066h51.2v25.602H85.331a8.532 8.532 0 0 0-8.531 8.531 8.533 8.533 0 0 0 8.531 8.535h17.066v17.067h-8.53a8.533 8.533 0 1 0 0 17.066h8.53v17.067h-8.53a8.533 8.533 0 1 0 0 17.066h8.53v17.066H85.332a8.533 8.533 0 0 0-8.531 8.536c0 4.71 3.82 8.53 8.531 8.53h17.066V179.2h-8.53a8.534 8.534 0 1 0 0 17.067h8.53v17.066h-8.53a8.534 8.534 0 1 0 0 17.066h8.53v17.067H85.332c-4.71 0-8.531 3.824-8.531 8.535s3.82 8.535 8.531 8.535h17.066v17.067h-8.53a8.533 8.533 0 1 0 0 17.066h8.53v17.066h-8.53a8.533 8.533 0 1 0 0 17.067h8.53v17.066H85.332a8.532 8.532 0 0 0-8.531 8.531 8.533 8.533 0 0 0 8.531 8.536h17.066v25.601H51.2zM489.38 485.29a25.5 25.5 0 0 1-20.047 9.645H17.066V85.332h17.067v307.203c0 9.426 7.64 17.067 17.066 17.067h51.2c9.425 0 17.066-7.641 17.066-17.067V85.332h307.203v359.766a12.97 12.97 0 0 0 8.687 12.187 12.491 12.491 0 0 0 14.043-3.984 25.606 25.606 0 0 1 26.165-8.852 25.658 25.658 0 0 1 18.039 16.656 25.665 25.665 0 0 1-4.223 24.184zm0 0"
/>
</svg>
More icons in the same style and category