Add icons to this collection by clicking the heart icon.
Layout icon - also known as business, online, marketing, page, website, digital, layout, design, ui, management, and content. 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="-12.621"
x2="47.218"
y1="52.621"
y2="-7.218"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ab20ec" />
<stop offset="1" stop-color="#0071fc" />
</linearGradient>
<linearGradient
id="b"
x1="-8.37"
x2="51.469"
y1="56.871"
y2="-2.968"
href="#a"
/>
<linearGradient
id="c"
x1="-10.871"
x2="48.969"
y1="54.371"
y2="-5.468"
href="#a"
/>
<linearGradient
id="d"
x1=".379"
x2="60.218"
y1="65.621"
y2="5.782"
href="#a"
/>
<linearGradient
id="e"
x1="-.121"
x2="59.718"
y1="65.121"
y2="5.281"
href="#a"
/>
<linearGradient
id="f"
x1="2.379"
x2="62.218"
y1="67.621"
y2="7.782"
href="#a"
/>
<linearGradient
id="g"
x1="2.879"
x2="62.718"
y1="68.121"
y2="8.282"
href="#a"
/>
<linearGradient
id="h"
x1="13.379"
x2="73.218"
y1="78.621"
y2="18.782"
href="#a"
/>
<linearGradient
id="i"
x1="15.379"
x2="75.218"
y1="80.621"
y2="20.782"
href="#a"
/>
<linearGradient
id="j"
x1="15.879"
x2="75.718"
y1="81.121"
y2="21.282"
href="#a"
/>
<linearGradient
id="k"
x1="-.621"
x2="59.218"
y1="64.621"
y2="4.782"
href="#a"
/>
<linearGradient
id="l"
x1="-26.121"
x2="33.718"
y1="39.121"
y2="-20.718"
href="#a"
/>
<linearGradient
id="m"
x1="-24.121"
x2="35.718"
y1="41.121"
y2="-18.718"
href="#a"
/>
<linearGradient
id="n"
x1="-22.121"
x2="37.718"
y1="43.121"
y2="-16.718"
href="#a"
/>
<linearGradient
id="o"
x1="-11.621"
x2="48.218"
y1="53.621"
y2="-6.218"
href="#a"
/>
<linearGradient
id="p"
x1="1.379"
x2="61.218"
y1="66.621"
y2="6.782"
href="#a"
/>
<linearGradient
id="q"
x1="-6.121"
x2="53.718"
y1="59.121"
y2="-.718"
href="#a"
/>
<path
fill="url(#a)"
d="M25 30H9a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-15-2h14V18H10z"
/>
<path
fill="url(#b)"
d="M25 30a1 1 0 0 1-.77-.359L20 24.562l-1.271 1.528a1 1 0 0 1-1.538-1.279l2.04-2.451a1.036 1.036 0 0 1 1.538 0l5 6A1 1 0 0 1 25 30z"
/>
<path
fill="url(#c)"
d="M21 30a.993.993 0 0 1-.759-.35L15 23.536 9.759 29.65a1 1 0 0 1-1.518-1.3l6-7a1.031 1.031 0 0 1 1.518 0l6 7A1 1 0 0 1 21 30z"
/>
<path
fill="url(#d)"
d="M25 56H9a1 1 0 0 1-1-1V43a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-15-2h14V44H10z"
/>
<path
fill="url(#e)"
d="M15 53a1 1 0 0 1-1-1v-6a1 1 0 0 1 1.515-.857l5 3a1 1 0 0 1 0 1.714l-5 3A1 1 0 0 1 15 53zm1-5.233v2.466L18.057 49z"
/>
<path fill="url(#d)" d="M58 19H38a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M58 23H38a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M52 27H38a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M58 45H38a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path fill="url(#i)" d="M58 49H38a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path fill="url(#j)" d="M52 53H38a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
<path
fill="url(#k)"
d="M60 63H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h56a3 3 0 0 1 3 3v56a3 3 0 0 1-3 3zM4 3a1 1 0 0 0-1 1v56a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1z"
/>
<circle cx="7" cy="6" r="1" fill="url(#l)" />
<circle cx="11" cy="6" r="1" fill="url(#m)" />
<circle cx="15" cy="6" r="1" fill="url(#n)" />
<path fill="url(#o)" d="M62 11H2a1 1 0 0 1 0-2h60a1 1 0 0 1 0 2z" />
<path
fill="url(#p)"
d="M32 63a1 1 0 0 1-1-1V10a1 1 0 0 1 2 0v52a1 1 0 0 1-1 1z"
/>
<path fill="url(#q)" d="M32 37H2a1 1 0 0 1 0-2h30a1 1 0 0 1 0 2z" />
</svg>
More icons in the same style and category