Add icons to this collection by clicking the heart icon.
Layout icon - also known as web design, page, development, website, layout, browser, software, dashboard, responsive, and seo and web. 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 64 64"
>
<linearGradient
id="a"
x1="13.259"
x2="12.414"
y1="73.798"
y2="-.533"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="37.608"
x2="36.764"
y1="73.522"
y2="-.81"
href="#a"
/>
<linearGradient
id="c"
x1="23.599"
x2="22.754"
y1="73.681"
y2="-.651"
href="#a"
/>
<linearGradient
id="d"
x1="35.643"
x2="34.798"
y1="73.544"
y2="-.788"
href="#a"
/>
<linearGradient
id="e"
x1="35.597"
x2="34.752"
y1="73.544"
y2="-.787"
href="#a"
/>
<linearGradient
id="f"
x1="35.552"
x2="34.707"
y1="73.545"
y2="-.787"
href="#a"
/>
<linearGradient
id="g"
x1="23.44"
x2="22.595"
y1="73.683"
y2="-.649"
href="#a"
/>
<linearGradient
id="h"
x1="38.483"
x2="37.638"
y1="73.512"
y2="-.82"
href="#a"
/>
<linearGradient
id="i"
x1="38.438"
x2="37.593"
y1="73.512"
y2="-.82"
href="#a"
/>
<linearGradient
id="j"
x1="38.392"
x2="37.548"
y1="73.513"
y2="-.819"
href="#a"
/>
<linearGradient
id="k"
x1="31.802"
x2="30.957"
y1="73.588"
y2="-.744"
href="#a"
/>
<linearGradient
id="l"
x1="31.757"
x2="30.912"
y1="73.588"
y2="-.744"
href="#a"
/>
<linearGradient
id="m"
x1="31.711"
x2="30.867"
y1="73.589"
y2="-.743"
href="#a"
/>
<linearGradient
id="n"
x1="43.255"
x2="42.411"
y1="73.457"
y2="-.874"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M13 55a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z"
/>
<path
fill="url(#a)"
d="M15 62h-4a1 1 0 0 1-1-1v-2.582l-.123-.051-1.83 1.833a1 1 0 0 1-1.414 0L3.8 57.367a1 1 0 0 1 0-1.415l1.831-1.824L5.582 54H3a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2.582c.017-.042.033-.083.051-.123L3.8 46.047a1 1 0 0 1 0-1.414l2.83-2.83a1 1 0 0 1 .707-.293 1 1 0 0 1 .708.294l1.822 1.831.133-.053V41a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2.582l.129.053 1.822-1.835a1 1 0 0 1 .708-.294 1 1 0 0 1 .707.293l2.83 2.83a1 1 0 0 1 0 1.414l-1.83 1.83c.018.04.034.081.051.123H23a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-2.582l-.053.128 1.835 1.828a1 1 0 0 1 0 1.415l-2.83 2.83a1 1 0 0 1-1.414 0l-1.83-1.83-.126.051V61a1 1 0 0 1-1 1zm-3-2h2v-2.29a1 1 0 0 1 .709-.957 6.051 6.051 0 0 0 1.141-.47 1 1 0 0 1 1.187.17l1.623 1.623 1.414-1.414-1.62-1.614a1 1 0 0 1-.294-.708 1.039 1.039 0 0 1 .122-.489 5.991 5.991 0 0 0 .471-1.142A1 1 0 0 1 19.71 52H22v-2h-2.29a1 1 0 0 1-.957-.709 5.991 5.991 0 0 0-.471-1.142 1 1 0 0 1 .171-1.186l1.623-1.623-1.414-1.415-1.613 1.62a1.036 1.036 0 0 1-1.2.172 6.051 6.051 0 0 0-1.141-.47A1 1 0 0 1 14 44.29V42h-2v2.29a1 1 0 0 1-.709.957 6.051 6.051 0 0 0-1.141.47 1.037 1.037 0 0 1-1.2-.172l-1.613-1.62-1.413 1.415 1.623 1.623a1 1 0 0 1 .171 1.186 5.991 5.991 0 0 0-.471 1.142A1 1 0 0 1 6.29 50H4v2h2.29a1 1 0 0 1 .957.709 5.991 5.991 0 0 0 .471 1.142 1 1 0 0 1 .122.479 1.022 1.022 0 0 1-.294.718l-1.62 1.614 1.414 1.414 1.623-1.623a1 1 0 0 1 1.187-.17 6.051 6.051 0 0 0 1.141.47 1 1 0 0 1 .709.957z"
/>
<path
fill="url(#b)"
d="M61 2H23a1 1 0 0 0-1 1v4h-4a1 1 0 0 0-1 1v4h-4a1 1 0 0 0-1 1v24a1 1 0 0 0 2 0V14h28v7a1 1 0 0 0 1 1h7v38H23a1 1 0 0 0 0 2h28a1 1 0 0 0 1-1v-4h4a1 1 0 0 0 1-1v-4h4a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM44 20v-4.586L48.586 20zm11 35h-3V21a1 1 0 0 0-.293-.707l-8-8A1 1 0 0 0 43 12H19V9h36zm5-5h-3V8a1 1 0 0 0-1-1H24V4h36z"
/>
<path
fill="url(#c)"
d="M27 26h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-7-2h6v-6h-6z"
/>
<path fill="url(#d)" d="M30 16h10v2H30z" />
<path fill="url(#e)" d="M30 20h10v2H30z" />
<path fill="url(#f)" d="M30 24h10v2H30z" />
<path
fill="url(#g)"
d="M27 40h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-7-2h6v-6h-6z"
/>
<path fill="url(#h)" d="M30 30h16v2H30z" />
<path fill="url(#i)" d="M30 34h16v2H30z" />
<path fill="url(#j)" d="M30 38h16v2H30z" />
<path fill="url(#k)" d="M27 46h9v2h-9z" />
<path fill="url(#l)" d="M27 50h9v2h-9z" />
<path fill="url(#m)" d="M27 54h9v2h-9z" />
<path
fill="url(#n)"
d="M43 56a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm0-8a3 3 0 1 0 3 3 3 3 0 0 0-3-3z"
/>
</g>
</svg>
More icons in the same style and category