Add icons to this collection by clicking the heart icon.
Web Design icon - also known as pencil, internet, web design, page, website, browser, and seo and web. Created in a clean color omission style with a white, silver, gray, and pink 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 32 32"
>
<path
fill="#f2f4f5"
d="M30.5 4.5c0-.55-.45-1-1-1h-27c-.55 0-1 .45-1 1v23c0 .55.45 1 1 1h27c.55 0 1-.45 1-1z"
/>
<path fill="#dee4e7" d="M30.5 17V6h-7c-.55 0-18 21.5-18 21.5l4.5 1z" />
<path
fill="#65f0cd"
d="M2 8V4.5c0-.553-.053-.5.5-.5H30c.553 0 .5-.053.5.5V8z"
/>
<path fill="#fff" d="M2 3.5h28.5V5H2z" />
<circle cx="26.5" cy="27.5" r=".5" fill="#ff8a80" />
<g fill="#455a64">
<circle cx="7.5" cy="5.5" r=".5" />
<circle cx="5.5" cy="5.5" r=".5" />
<circle cx="3.5" cy="5.5" r=".5" />
</g>
<path fill="#fff" d="M2 8h28v1H2z" />
<path fill="#ff8a80" d="M24.5 28H6a.5.5 0 0 1 0-1h18.5a.5.5 0 0 1 0 1z" />
<g fill="#455a64">
<path
d="M3.5 29h-1c-.827 0-1.5-.673-1.5-1.5v-23C1 3.673 1.673 3 2.5 3h18a.5.5 0 0 1 0 1h-18a.5.5 0 0 0-.5.5v23a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 0 1zM29.5 29h-21a.5.5 0 0 1 0-1h21a.5.5 0 0 0 .5-.5v-16a.5.5 0 0 1 1 0v16c0 .827-.673 1.5-1.5 1.5z"
/>
</g>
<path
fill="#eceff1"
d="M27.539 11.218a3.009 3.009 0 0 1-4.243 0l-1.414-1.414a3.009 3.009 0 0 1 0-4.243l2.121-2.121a3.009 3.009 0 0 1 4.243 0l1.414 1.414a3.009 3.009 0 0 1 0 4.243z"
/>
<path
fill="#cfd8dc"
d="m27.451 8.478.795-.796a3.008 3.008 0 0 0 0-4.242l1.414 1.414a3.009 3.009 0 0 1 0 4.243l-.795.795z"
/>
<path
fill="#fff"
d="m24.622 5.649.795-.795a3.009 3.009 0 0 1 4.243 0L28.246 3.44a3.009 3.009 0 0 0-4.243 0l-.795.795z"
/>
<path
fill="#455a64"
d="M27.539 11.718a.5.5 0 0 1-.354-.853l2.121-2.121a2.503 2.503 0 0 0 0-3.536l-1.414-1.414a2.503 2.503 0 0 0-3.536 0l-.706.706a.5.5 0 0 1-.707-.707l.707-.707a3.505 3.505 0 0 1 4.95 0L30.014 4.5a3.504 3.504 0 0 1 0 4.95l-2.121 2.121a.5.5 0 0 1-.354.147z"
/>
<path fill="#ff8a80" d="m13.933 24.825-4.954-4.992L24 4.813l4.953 4.991z" />
<path
fill="#e67c73"
d="M12.515 23.409 27.535 8.39l1.413 1.414L13.93 24.823z"
/>
<path
fill="#fff"
d="M8.274 19.167 23.293 4.148l1.414 1.414-15.02 15.019z"
/>
<path
fill="#ffe0b2"
d="M6.607 27.642c-1.032.396-1.545-.118-1.149-1.149l2.817-7.325 2.475.354.354 2.475 2.475.354.354 2.475z"
/>
<path
fill="#ff8a80"
d="m6.753 23.126-1.295 3.367c-.396 1.032.118 1.545 1.149 1.149l3.367-1.296z"
/>
<path
fill="#455a64"
d="M5.567 28.033a.499.499 0 0 1-.476-.653L7.8 19.014a.5.5 0 0 1 .951.307l-2.407 7.435 7.034-2.277-.241-1.687-2.104-.3a.5.5 0 0 1-.424-.424l-.354-2.475a.5.5 0 0 1 .99-.142l.3 2.104 2.104.3a.5.5 0 0 1 .424.424l.354 2.475a.5.5 0 0 1-.341.546L5.72 28.008a.472.472 0 0 1-.153.025z"
/>
<path fill="#a9e4ff" d="M26.125 9.804 13.579 22.35z" />
<path
fill="#455a64"
d="M13.579 22.85a.5.5 0 0 1-.354-.853L25.771 9.45a.5.5 0 0 1 .707.707L13.933 22.703a.5.5 0 0 1-.354.147z"
/>
<path fill="#a9e4ff" d="M21.882 8.39 10.75 19.521z" />
<path
fill="#455a64"
d="M10.75 20.021a.5.5 0 0 1-.354-.853L21.529 8.036a.5.5 0 0 1 .707.707L11.104 19.875a.502.502 0 0 1-.354.146z"
/>
<circle cx="23.296" cy="6.975" r=".5" fill="#455a64" />
<path fill="#a9e4ff" d="m8.275 24.825 1.214 1.214z" />
<path
fill="#455a64"
d="M9.49 26.539a.502.502 0 0 1-.354-.146l-1.214-1.214a.5.5 0 0 1 .707-.707l1.214 1.214a.5.5 0 0 1-.353.853z"
/>
<g fill="#455a64">
<path
d="M8.275 19.667a.5.5 0 0 1-.354-.853L21.529 5.208a.5.5 0 0 1 .707.707L8.629 19.521a.498.498 0 0 1-.354.146z"
/>
<path
d="M13.933 25.325a.5.5 0 0 1-.354-.853L28.246 9.804 22.943 4.5a.5.5 0 0 1 .707-.707l5.657 5.657a.5.5 0 0 1 0 .707L14.286 25.178a.497.497 0 0 1-.353.147z"
/>
</g>
<path fill="#455a64" d="M17 8H2a.5.5 0 0 1 0-1h15a.5.5 0 0 1 0 1z" />
</svg>
More icons in the same style and category