Add icons to this collection by clicking the heart icon.
Layout icon - also known as interface, tasks, monitor, web, web design, check mark, layout, browser, ui, content, art and design, and seo and web. Created in a clean outline 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="552"
height="552"
viewBox="0 -24 414.19 414"
>
<linearGradient id="a">
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="207.095"
x2="207.095"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="101.008"
x2="101.008"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="50.573"
x2="50.573"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="151.443"
x2="151.443"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="116.047"
x2="116.047"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="298.142"
x2="298.142"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="115.999"
x2="115.999"
y1="437.115"
y2="-71.943"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="85.999"
x2="85.999"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="298.191"
x2="298.191"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="268.191"
x2="268.191"
y1="437.122"
y2="-71.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m367.223.316-320-.222h-.036c-25.945 0-46.98 21.023-47 46.968L.16 86.02a6.233 6.233 0 0 0 0 1.828L0 318.368c-.02 25.956 21.012 47.01 46.969 47.03l320 .223h.035c25.941 0 46.98-21.023 47-46.969l.187-271.297C414.207 21.398 393.18.34 367.223.32zM23.87 23.746a32.778 32.778 0 0 1 23.316-9.652h.024l320 .222c18.226.012 32.988 14.797 32.976 33.024l-.023 32.597h-386l.023-32.863a32.783 32.783 0 0 1 9.684-23.328zm366.45 318.227a32.788 32.788 0 0 1-23.317 9.648h-.027l-320-.223c-18.223-.011-32.989-14.796-32.977-33.02l.156-224.44h386L400 318.644a32.786 32.786 0 0 1-9.68 23.328zm0 0"
/>
<path
fill="url(#c)"
d="M101.008 68.988c12.031 0 21.781-9.75 21.781-21.781s-9.75-21.785-21.781-21.785-21.781 9.754-21.781 21.785c.011 12.023 9.757 21.77 21.78 21.781zm0-29.566a7.783 7.783 0 0 1 7.781 7.785 7.782 7.782 0 0 1-15.562 0 7.793 7.793 0 0 1 7.78-7.785zm0 0"
/>
<path
fill="url(#d)"
d="M50.574 68.988c12.031.004 21.785-9.746 21.785-21.777.004-12.031-9.75-21.785-21.78-21.79-12.032 0-21.782 9.755-21.782 21.786.012 12.023 9.754 21.766 21.777 21.781zm0-29.566a7.783 7.783 0 0 1 7.781 7.785c0 4.297-3.484 7.781-7.78 7.781s-7.786-3.484-7.786-7.781a7.799 7.799 0 0 1 7.785-7.785zm0 0"
/>
<path
fill="url(#e)"
d="M151.441 68.988c12.032 0 21.786-9.75 21.786-21.781s-9.754-21.785-21.786-21.785c-12.027 0-21.78 9.754-21.78 21.785.01 12.023 9.757 21.77 21.78 21.781zm0-29.566a7.784 7.784 0 1 1-7.78 7.785 7.795 7.795 0 0 1 7.78-7.785zm0 0"
/>
<path
fill="url(#f)"
d="M197.883 139.156a7.003 7.003 0 0 0-6.848-5.57l-149.996-.074c-3.863 0-7 3.133-7 7l-.035 70.61c0 3.866 3.137 7 7 7l150 .073a7.38 7.38 0 0 0 7-8.5l.035-67.941a6.93 6.93 0 0 0-.156-2.598zM48.03 151.82l51.508 24.04-51.531 24.046zm23.918-4.289 88.2.043-44.055 20.559zm44.145 36.051 44.148 20.602-88.199-.043zm16.554-7.723 51.38-23.976-.024 47.941zm0 0"
/>
<path
fill="url(#g)"
d="M373.188 133.559H223.195a7.33 7.33 0 0 0-7 8.46v67.688a7.337 7.337 0 0 0 1.594 5.805 7.344 7.344 0 0 0 5.406 2.656h150c3.868 0 7-3.133 7-7v-70.61a7 7 0 0 0-7.007-7zm-142.993 18.336 51.344 23.964-51.344 23.961zm23.801-4.34h88.2l-44.102 20.578zm44.098 36.027 44.101 20.582h-88.199zm16.554-7.723 51.54-24.054v48.101zm0 0"
/>
<path
fill="url(#h)"
d="m191 254.2-149.996-.075a7.001 7.001 0 0 0 0 14l150 .074a7.001 7.001 0 0 0 0-14zm0 0"
/>
<path
fill="url(#i)"
d="m131.004 294.2-89.996-.075H41c-3.863 0-7 3.133-7.004 6.996a7.002 7.002 0 0 0 7 7.004l90 .074H131a6.996 6.996 0 0 0 7.004-6.996c0-3.863-3.133-7-6.996-7.004zm0 0"
/>
<path
fill="url(#j)"
d="M373.188 254.164H223.195a7.001 7.001 0 0 0 0 14h150a7.001 7.001 0 0 0 0-14zm0 0"
/>
<path
fill="url(#k)"
d="M313.188 294.164h-89.993a7.001 7.001 0 0 0 0 14h90a7.001 7.001 0 0 0 0-14zm0 0"
/>
</svg>
More icons in the same style and category