Add icons to this collection by clicking the heart icon.
Web Design icon - also known as web design, page, creativity, layout, design, web page, website design, art and design, seo and web, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, orange, 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="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 0h-437v274.001c0 16.568 13.432 30 30 30h377c16.568 0 30-13.432 30-30z"
transform="translate(474.5 82.5)"
fill="#655e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-13.432 0 0-13.432 0-30v-274.001h30V-30C30-13.432 16.568 0 0 0"
transform="translate(444.5 386.501)"
fill="#544f57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v260.001a4 4 0 0 0 4 4h349a4 4 0 0 0 4-4V0Z"
transform="translate(77.5 82.5)"
fill="#e6ecf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h420.312c21.177 0 38.344 17.167 38.344 38.344V68a7 7 0 0 1-7 7h-483a7 7 0 0 1-7-7V38.344C-38.344 17.167-21.177 0 0 0"
transform="translate(45.844 7.5)"
fill="#8b808e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-29.656C-23-57.833-40.167-75-61.344-75h30C-10.167-75 7-57.833 7-36.656V-7a7 7 0 0 1-7 7"
transform="translate(497.5 82.5)"
fill="#766c78"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-88.432a8 8 0 0 0-8 8v26H8V8a8 8 0 0 0-8-8"
transform="translate(300.216 48.5)"
fill="#655e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-276.668v418a4 4 0 0 0 4 4H-4a4 4 0 0 0 4-4z"
transform="translate(394.334 82.5)"
fill="#f7f6f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a4 4 0 0 0 4-4v-418H4V-4a4 4 0 0 1-4 4"
transform="translate(390.334 504.5)"
fill="#edebed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-202.668a7 7 0 0 0-7 7v169.11a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7"
transform="translate(357.334 187.5)"
fill="#b3e59f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-169.109a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7V-7a7 7 0 0 1-7 7"
transform="translate(357.334 370.61)"
fill="#95d6a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-202.668a7 7 0 0 0-7 7v61a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7"
transform="translate(357.334 399.5)"
fill="#a4ccff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-61a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7v61a7 7 0 0 1-7 7"
transform="translate(357.334 474.5)"
fill="#8bb3ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-202.668a7 7 0 0 0-7 7v61a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7"
transform="translate(357.334 82.5)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-61a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7v61a7 7 0 0 1-7 7"
transform="translate(357.334 157.5)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-48.237-48.238-95.099-79.587-104.665-70.02-9.567 9.567 21.781 56.428 70.019 104.666 48.238 48.238 95.099 79.586 104.666 70.019C79.587 95.099 48.238 48.237 0 0"
transform="translate(432.762 353.116)"
fill="#f3d698"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.957 3.957-14.299.909-28.475-7.434-2.559-17.35-31.117-56.804-71.545-97.231-28.285-28.286-56.092-50.759-76.19-62.586-.494-3.353-.024-5.885 1.525-7.435 9.568-9.566 56.427 21.783 104.665 70.021C-21.781-56.428 9.567-9.566 0 0"
transform="translate(502.781 457.781)"
fill="#edc46b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.39 7.412-18.105 7.819-20.778 7.842-30.49-35.445-47.61-65.203-40.202-72.611 7.334-7.334 36.59 9.383 71.583 39.321C10.681-23.555 11.024-9.739 0 0"
transform="translate(389.077 347.864)"
fill="#faf0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.002.003C-24.852-23.791-48.677-42.6-66.464-53.068c-.494-3.352-.032-5.891 1.518-7.44 7.335-7.334 36.591 9.383 71.583 39.321C6.807-17.193 6.39-8.465 0 0"
transform="translate(393.043 343.603)"
fill="#f4ddad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.704 3.763-31.434-3.118-38.439-15.625-6.596-11.771.325-20.616-6.541-33.261-3.826-7.046-9.933-11.592-15.64-14.557-2.774-1.442-2.802-5.368-.056-6.86 8.546-4.642 24.658-10.775 42.188-4.018C2.5-66.232 13.219-44.407 12.299-26.253 12.117-22.665 12.25-3.364 0 0"
transform="translate(347.213 316.714)"
fill="#ffc269"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.182 3.588-.049 22.889-12.299 26.253-7.828 2.149-16.968.821-24.675-3.041C-30.093 16.645-30.15 2.964-30 0c.92-18.154-9.799-39.979-30.787-48.068-.497-.192-.992-.37-1.486-.541 8.625-2.723 19.735-3.989 31.486.541C-9.799-39.979.92-18.154 0 0"
transform="translate(359.512 290.46)"
fill="#ffa95f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.7-5.239 14.51-14.779 14.51-25.68v-274"
transform="translate(459.99 382.18)"
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 0v274c0 16.57 13.43 30 30 30h50.17"
transform="translate(37.5 82.5)"
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 0h4.47c2.21 0 4-1.79 4-4v-260"
transform="translate(426.03 346.5)"
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 0v260c0 2.21 1.79 4 4 4h36.17"
transform="translate(77.5 82.5)"
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 0h420.312c21.177 0 38.344 17.167 38.344 38.344V68a7 7 0 0 1-7 7h-483a7 7 0 0 1-7-7V38.344C-38.344 17.167-21.177 0 0 0Z"
transform="translate(45.844 7.5)"
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-26a8 8 0 0 0-8-8h-88.432a8 8 0 0 0-8 8V0"
transform="translate(308.216 82.5)"
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 0v235.42"
transform="translate(394.33 82.5)"
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 0v418c0 2.21 1.79 4 4 4h268.66c2.21 0 4-1.79 4-4v-71.57"
transform="translate(117.67 82.5)"
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-44.656c-3.87 0-7 3.13-7 7v169.11c0 3.87 3.13 7 7 7h202.66c3.87 0 7-3.13 7-7v-12.58"
transform="translate(199.326 187.5)"
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-100.88c0-3.87-3.13-7-7-7h-123.004"
transform="translate(364.33 295.38)"
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-202.668a7 7 0 0 0-7 7v61a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(357.334 399.5)"
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 0v68a7 7 0 0 0 7 7h202.668a7 7 0 0 0 7-7V0"
transform="translate(147.666 82.5)"
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 0c19.819 12.21 46.359 33.9 73.319 60.86 48.241 48.23 79.59 95.09 70.021 104.661-9.57 9.569-56.431-21.781-104.66-70.021C13.189 70.01-7.591 44.9-20.101 25.48"
transform="translate(359.44 292.26)"
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 0c-13.704 3.763-31.434-3.118-38.439-15.625-6.596-11.771.325-20.616-6.541-33.261-3.826-7.046-9.933-11.592-15.64-14.557-2.774-1.442-2.802-5.368-.056-6.86 8.546-4.642 24.658-10.775 42.188-4.018C2.5-66.232 13.219-44.407 12.299-26.253 12.117-22.665 12.25-3.364 0 0Z"
transform="translate(347.213 316.714)"
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 0c2.673-.023 12.389-.43 20.778-7.842C31.803-17.581 31.46-31.397 31.381-33.29"
transform="translate(368.299 355.706)"
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