Add icons to this collection by clicking the heart icon.
Web Design icon - also known as file, document, pencil, ruler, set square, web design, files, project, graphic design, art and design, seo and web, files and folders, edit tools, and business and finance. Created in a clean lineal 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="32"
x2="32"
y1=".375"
y2="60.113"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient id="b" x1="17" x2="17" y1=".375" y2="60.113" href="#a" />
<linearGradient
id="c"
x1="13.464"
x2="13.464"
y1=".375"
y2="60.113"
href="#a"
/>
<linearGradient id="d" x1="37" x2="37" y1=".375" y2="60.113" href="#a" />
<linearGradient id="e" x1="18" x2="18" y1=".375" y2="60.113" href="#a" />
<linearGradient id="f" x1="46" x2="46" y1=".375" y2="60.113" href="#a" />
<path
fill="url(#a)"
d="M5 9.858V31h2V9.858A4 4 0 0 0 9.858 7h44.284A4 4 0 0 0 57 9.858v44.284A4 4 0 0 0 54.142 57H33v2h21.142A3.992 3.992 0 1 0 59 54.142V9.858A3.992 3.992 0 1 0 54.142 5H9.858A3.992 3.992 0 1 0 5 9.858zM60 58a2 2 0 1 1-2-2 2 2 0 0 1 2 2zM58 4a2 2 0 1 1-2 2 2 2 0 0 1 2-2zM6 4a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
/>
<path
fill="url(#b)"
d="M3 62h28a1 1 0 0 0 .707-1.707l-28-28A1 1 0 0 0 2 33v28a1 1 0 0 0 1 1zm1-26.586L28.586 60H4z"
/>
<path
fill="url(#c)"
d="M19.636 55.293 8.707 44.364A1 1 0 0 0 7 45.071V56a1 1 0 0 0 1 1h10.929a1 1 0 0 0 .707-1.707zM9 55v-7.515L16.515 55z"
/>
<path
fill="url(#d)"
d="M32 48v4h-5v2h26a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H20v2h32v6h-2v-4h-2v4h-2v-2h-2v2h-2v-2h-2v2h-2v-2h-2v2h-2v-4z"
/>
<path
fill="url(#a)"
d="M52 12a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1zm-2 5H14v-4h36z"
/>
<path
fill="url(#e)"
d="M12 27a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1zm2-4h8v3h-8z"
/>
<path
fill="url(#a)"
d="M38 27v-5a1 1 0 0 0-1-1H27a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1zm-2-1h-8v-3h8z"
/>
<path
fill="url(#f)"
d="M52 27v-5a1 1 0 0 0-1-1H41a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1zm-2-1h-8v-3h8z"
/>
<path fill="url(#e)" d="M13 30h10v2H13zM13 34h10v2H13zM13 38h10v2H13z" />
<g fill="url(#a)">
<path d="M27 30h10v2H27zM27 34h10v2H27zM27 38h10v2H27z" />
</g>
<path fill="url(#f)" d="M41 30h10v2H41zM41 34h10v2H41zM41 38h10v2H41z" />
</svg>
More icons in the same style and category