Add icons to this collection by clicking the heart icon.
Layout icon - also known as target, website, goal, layout, browser, and seo and web. Created in a clean soft fill style with a white, silver, gray, and black 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none">
<path fill="#d2d5dc" d="M49 9v41H4a3 3 0 0 1-3-3V9l1-1h46z" />
<path fill="#5899ea" d="M49 4v5H1V4a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3z" />
<rect
width="24"
height="6"
x="21"
y="13"
fill="#bec4ce"
rx="1"
transform="rotate(180 33 16)"
/>
<path
fill="#bec4ce"
d="M30 26.76V24a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h24z"
/>
<rect
width="12"
height="6"
x="5"
y="13"
fill="#8f95a2"
rx="1"
transform="rotate(180 11 16)"
/>
<path
fill="#eb5e6c"
d="M59 41a17.95 17.95 0 0 1-5.18 12.63c-.462.48-.956.928-1.48 1.34a17.97 17.97 0 0 1-22.68 0 14.434 14.434 0 0 1-1.48-1.34A18 18 0 1 1 59 41z"
/>
<circle cx="41" cy="41" r="13" fill="#fff" />
<circle cx="41" cy="41" r="8" fill="#eb5e6c" />
<circle cx="41" cy="41" r="3" fill="#fff" />
<g fill="#373737">
<path
d="M44 20a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H22a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2zm-22-6h22v4H22zM6 20h10a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2zm0-6h10v4H6zM6 4H5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zM11 4h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 0-2zM16 4h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM45 4h-9a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2z"
/>
<path
d="M59.707 22.293a1 1 0 0 0-1.414 0l-4.6 4.605A19.06 19.06 0 0 0 50 24.273V4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v5a1 1 0 0 0 1 1h47v13.353a18.811 18.811 0 0 0-17 1.522V24a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16.69c.281 1.03.649 2.033 1.1 3H4a2 2 0 0 1-2-2V15a1 1 0 0 0-2 0v32a4 4 0 0 0 4 4h20.875a19.12 19.12 0 0 0 2.663 3.392l-3.307 3.967a1.001 1.001 0 1 0 1.538 1.282l3.256-3.907a18.97 18.97 0 0 0 23.959.01l3.247 3.9a1.001 1.001 0 1 0 1.538-1.282l-3.3-3.96a19.074 19.074 0 0 0 2.366-2.892 1.002 1.002 0 0 0-1.668-1.11 17.091 17.091 0 0 1-2.693 3.145l-.015.008c-.01.008-.013.019-.023.028-6.77 6.188-17.227 5.897-23.643-.658-6.416-6.555-6.482-17.015-.15-23.652 6.331-6.636 16.783-7.06 23.632-.959l-2.121 2.121c-5.715-4.953-14.325-4.493-19.48 1.042-5.153 5.535-5 14.156.348 19.504 5.348 5.347 13.97 5.501 19.504.347 5.535-5.154 5.995-13.764 1.042-19.479l2.121-2.121a16.962 16.962 0 0 1 3.647 16 1 1 0 0 0 1.922.554A18.95 18.95 0 0 0 55.1 28.312l4.605-4.605a1 1 0 0 0 .002-1.414zM2 8V4a2 2 0 0 1 2-2h42a2 2 0 0 1 2 2v4zm20 33a18.9 18.9 0 0 0 .261 3H6V24h23v2.285A18.968 18.968 0 0 0 22 41zm31 0a12.027 12.027 0 1 1-4.259-9.155l-2.13 2.13a9.023 9.023 0 1 0 1.414 1.414l2.13-2.13A11.944 11.944 0 0 1 53 41zm-5 0a7.028 7.028 0 1 1-2.816-5.6l-2.165 2.165A3.947 3.947 0 0 0 41 37a4 4 0 1 0 4 4 3.947 3.947 0 0 0-.567-2.019l2.167-2.165A6.953 6.953 0 0 1 48 41zm-5 0a2 2 0 1 1-2-2c.173.002.345.028.511.075l-.218.218a1 1 0 1 0 1.414 1.414l.218-.218c.047.166.073.338.075.511z"
/>
</g>
</g>
</svg>
More icons in the same style and category