Add icons to this collection by clicking the heart icon.
Layout icon - also known as layout, design, ui, web development, web interface, 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 32 32"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(26 26 -26 26 3 3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f78cff" />
<stop offset="1" stop-color="#6dc8ff" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M5 30h22c1.656 0 3-1.344 3-3V5c0-1.656-1.344-3-3-3H5C3.344 2 2 3.344 2 5v22c0 1.656 1.344 3 3 3zm3-2H5a1 1 0 0 1-1-1V10h4zm2-4v4h8v-4zm18 0v3a1 1 0 0 1-1 1h-7v-4zM10 10v12h18V10zm3 9h12a1 1 0 0 0 0-2H13a1 1 0 0 0 0 2zm0-4h12a1 1 0 0 0 0-2H13a1 1 0 0 0 0 2zm15-7H4V5a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1zm-2-3a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category