Add icons to this collection by clicking the heart icon.
Web Design icon - also known as pen, web design, browser, webpage, seo and web, and edit tools. Created in a clean lineal style with a black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h117.193c6.828 0 12.362 5.535 12.362 12.361v267.368c0 6.828-5.534 12.361-12.362 12.361H-58.994"
transform="translate(374.676 155.732)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-255.325c-6.827 0-12.362-5.533-12.362-12.36v-267.369c0-6.826 5.535-12.361 12.362-12.361h12.638"
transform="translate(275.268 447.822)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v348.104a7.004 7.004 0 0 1-7.005 7.004h-51.989"
transform="translate(374.676 61.715)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-235.682a7.005 7.005 0 0 1-7.005-7.005V-380.48c0-15.674 12.707-28.38 28.38-28.38h345.003"
transform="translate(275.268 416.823)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-290.286"
transform="translate(400.785 446.019)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.177-13.113-29.29-29.29-29.29-16.176 0-29.289 13.113-29.289 29.29 0 16.176 13.113 29.289 29.289 29.289C-13.113 29.289 0 16.176 0 0Z"
transform="translate(482.103 302.037)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.783-6.31-14.093-14.093-14.093-7.782 0-14.092 6.31-14.092 14.093s6.31 14.093 14.092 14.093C-6.31 14.093 0 7.783 0 0"
transform="translate(466.905 302.037)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-39.601a5.516 5.516 0 0 0-5.515 5.516v39.601a5.515 5.515 0 0 0 5.515 5.515H0a5.516 5.516 0 0 0 5.516-5.515V5.516A5.517 5.517 0 0 0 0 0Z"
transform="translate(472.613 372.055)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 7.74 7.875L16.488.24"
transform="translate(445.072 394.13)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.601a5.515 5.515 0 0 1-5.515-5.516v-39.6a5.516 5.516 0 0 1 5.515-5.516H0a5.517 5.517 0 0 1 5.516 5.516v39.6A5.516 5.516 0 0 1 0 0Z"
transform="translate(472.613 231.019)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 7.74-7.875 8.748 7.636"
transform="translate(445.072 208.942)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-62.577v-43.472c0-17.28 14.008-31.289 31.288-31.289S0-60.752 0-43.472z"
transform="translate(437.253 82.724)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v132.393a9.02 9.02 0 0 1-9.02 9.019h-22.375a9.02 9.02 0 0 1-9.019-9.019v-212.18l20.207-32.221L0-79.787V-30"
transform="translate(315.682 327.85)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-28.873v20.386c0 7.972 6.464 14.435 14.436 14.435C-6.464 34.821 0 28.358 0 20.386Z"
transform="translate(309.911 469.263)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v24.276"
transform="translate(295.475 412.392)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v8.32"
transform="translate(295.475 381.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-208.901a6.407 6.407 0 0 1-6.406-6.406v-183.317a6.406 6.406 0 0 1 6.406-6.405H68.087a6.405 6.405 0 0 1 6.405 6.405V-6.406A6.406 6.406 0 0 1 68.087 0H40.414"
transform="translate(275.268 381.553)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 101.67 106.624L197.729-6.507"
transform="translate(63.781 194.252)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 37.677-40.086"
transform="translate(310.378 237.542)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 44.919 44.876 24.444-26.008"
transform="translate(205.933 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.214-9.902-22.116-22.116-22.116-12.215 0-22.116 9.902-22.116 22.116s9.901 22.116 22.116 22.116C-9.902 22.116 0 12.214 0 0Z"
transform="translate(236.273 335.818)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-52.738a6.529 6.529 0 0 0-6.529 6.528v25.699a6.529 6.529 0 0 0 6.529 6.528H0a6.528 6.528 0 0 0 6.528-6.528V6.528A6.528 6.528 0 0 0 0 0Z"
transform="translate(123.048 116.389)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h13.809"
transform="translate(157.196 156.435)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h139.738"
transform="translate(197.622 156.435)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-13.809"
transform="translate(337.36 113.127)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-139.738"
transform="translate(296.935 113.127)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-36.706a7.77 7.77 0 0 1-7.768-7.768v-26.839a7.769 7.769 0 0 1 7.768-7.768h270.443a7.768 7.768 0 0 1 7.768 7.768v26.839A7.769 7.769 0 0 1 233.737 0H30"
transform="translate(108.255 82.725)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category