Add icons to this collection by clicking the heart icon.
Web Design icon - also known as pencil, maths, ruler, web design, tool, measure, geometry, design, ui, ribbon design, 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="#fff176" d="M1.5 1.5v29h29zm5 12.5L18 25.5H6.5z" />
<g fill="#e6d96a">
<path
d="M6.5 25.14c-2.337 2.832-4 4.86-4 4.86H7l9.214-4.5H6.5zM17.414 24.914l5.039-2.461-7.493-7.493a1104.801 1104.801 0 0 0-3.413 4.086z"
/>
</g>
<path fill="#fff" d="M1.5 1.5v29H3V3z" />
<path
fill="#455a64"
d="M30.5 31h-29a.5.5 0 0 1-.5-.5V9a.5.5 0 0 1 1 0v21h27.293l-8.627-8.627a.5.5 0 0 1 .707-.707l9.48 9.48A.499.499 0 0 1 30.5 31zM18 26h-2.5a.5.5 0 0 1 0-1h1.293l-.396-.396a.5.5 0 0 1 .707-.707l1.25 1.25A.499.499 0 0 1 18 26zM6.5 17a.5.5 0 0 1-.5-.5V14a.501.501 0 0 1 .854-.354l1.229 1.229a.5.5 0 0 1-.707.707L7 15.207V16.5a.5.5 0 0 1-.5.5zm4.54-5.459a.502.502 0 0 1-.354-.146L2 2.707V6.5a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 .854-.354l9.54 9.541a.5.5 0 0 1-.354.854z"
/>
<path fill="#fff176" d="M27.5 29.5v.5z" />
<path
fill="#455a64"
d="M27.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M25.5 29.5v.5z" />
<path
fill="#455a64"
d="M25.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M23.5 29.5v.5z" />
<path
fill="#455a64"
d="M23.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M21.5 29.5v.5z" />
<path
fill="#455a64"
d="M21.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M19.5 29.5v.5z" />
<path
fill="#455a64"
d="M19.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M17.5 29.5v.5z" />
<path
fill="#455a64"
d="M17.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M15.5 29.5v.5z" />
<path
fill="#455a64"
d="M15.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M13.5 29.5v.5z" />
<path
fill="#455a64"
d="M13.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M11.5 29.5v.5z" />
<path
fill="#455a64"
d="M11.5 30.5a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M9.5 29.5v.5z" />
<path
fill="#455a64"
d="M9.5 30.5A.5.5 0 0 1 9 30v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M7.5 29.5v.5z" />
<path
fill="#455a64"
d="M7.5 30.5A.5.5 0 0 1 7 30v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M5.5 29.5v.5z" />
<path
fill="#455a64"
d="M5.5 30.5A.5.5 0 0 1 5 30v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path fill="#fff176" d="M3.5 29.5v.5z" />
<path
fill="#455a64"
d="M3.5 30.5A.5.5 0 0 1 3 30v-.5a.5.5 0 0 1 1 0v.5a.5.5 0 0 1-.5.5z"
/>
<path
fill="#ff8a80"
d="M27.539 10.218a3.008 3.008 0 0 1-4.242 0l-1.254-1.229a3.007 3.007 0 0 1 0-4.243l2.121-2.121a3.008 3.008 0 0 1 4.242 0l1.254 1.229a3.009 3.009 0 0 1 0 4.243z"
/>
<path
fill="#e67c73"
d="m27.451 7.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 4.649.796-.795a3.008 3.008 0 0 1 4.242 0L28.246 2.44a3.008 3.008 0 0 0-4.242 0l-.796.795z"
/>
<path
fill="#455a64"
d="M27.539 10.718a.5.5 0 0 1-.354-.853l2.121-2.121a2.503 2.503 0 0 0 0-3.536l-1.414-1.414c-.939-.939-2.596-.94-3.535 0l-.707.706a.5.5 0 0 1-.707-.707l.707-.707c1.315-1.316 3.63-1.317 4.949 0L30.014 3.5a3.505 3.505 0 0 1 0 4.95l-2.121 2.121a.5.5 0 0 1-.354.147z"
/>
<path
fill="#80d8ff"
d="m11.933 25.824-5.464-5.511L23.49 3.292l5.463 5.512z"
/>
<path
fill="#73c2e6"
d="M10.516 24.41 27.534 7.39l1.414 1.414L11.93 25.823z"
/>
<path fill="#fff" d="M6.274 20.166 23.292 3.147l1.414 1.414L7.688 21.58z" />
<path
fill="#ffe0b2"
d="M4.607 28.643c-1.031.396-1.545-.118-1.149-1.15l2.817-7.325 2.475.354.354 2.475 2.476.354.354 2.475z"
/>
<path
fill="#80d8ff"
d="m4.754 24.126-1.296 3.366c-.396 1.032.118 1.546 1.149 1.15l3.367-1.297z"
/>
<path
fill="#455a64"
d="M3.566 29.033a.499.499 0 0 1-.476-.653l2.71-8.366a.5.5 0 1 1 .951.307l-2.407 7.435 7.034-2.278-.241-1.687-2.104-.3a.5.5 0 0 1-.425-.424l-.354-2.475a.5.5 0 0 1 .99-.142l.301 2.104 2.104.3a.5.5 0 0 1 .425.424l.354 2.475a.499.499 0 0 1-.341.546l-8.366 2.709a.488.488 0 0 1-.155.025z"
/>
<path fill="#a9e4ff" d="M26.125 8.804 11.579 23.35z" />
<path
fill="#455a64"
d="M11.579 23.85a.5.5 0 0 1-.354-.853L25.771 8.45a.5.5 0 0 1 .707.707L11.933 23.703a.5.5 0 0 1-.354.147z"
/>
<path fill="#a9e4ff" d="M21.883 7.39 8.75 20.521z" />
<path
fill="#455a64"
d="M8.75 21.021a.5.5 0 0 1-.354-.853L21.529 7.036a.5.5 0 0 1 .707.707L9.104 20.875a.502.502 0 0 1-.354.146z"
/>
<circle cx="23.297" cy="5.975" r=".5" fill="#455a64" />
<path fill="#a9e4ff" d="m6.275 25.824 1.215 1.215z" />
<path
fill="#455a64"
d="M7.49 27.539a.502.502 0 0 1-.354-.146l-1.215-1.215a.5.5 0 0 1 .707-.707l1.215 1.215a.5.5 0 0 1-.353.853z"
/>
<g fill="#455a64">
<path
d="M6.275 20.667a.5.5 0 0 1-.354-.853L21.529 4.208a.5.5 0 0 1 .707.707L6.629 20.521a.498.498 0 0 1-.354.146z"
/>
<path
d="M11.933 26.324a.5.5 0 0 1-.354-.853L28.246 8.804 22.943 3.5a.5.5 0 0 1 .707-.707l5.656 5.657a.5.5 0 0 1 0 .707l-17.02 17.021a.5.5 0 0 1-.353.146z"
/>
</g>
</svg>
More icons in the same style and category