Add icons to this collection by clicking the heart icon.
Web Design icon - also known as interface, web design, multimedia, design, browser, webpage, content, art and design, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, and orange 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 0v-30.595c0-11.7-5.607-22.564-14.815-28.707l-22.242-14.837h167.192l-22.241 14.837c-9.208 6.143-14.815 17.007-14.815 28.707V0Z"
transform="translate(209.495 130.339)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.596c0-11.7-5.606-22.564-14.815-28.707L-37.057-74.14h53.964l.469.314c9.208 6.142 14.815 17.007 14.815 28.707v21.181c0 5.199 4.215 9.414 9.415 9.414h51.473V0Z"
transform="translate(209.495 130.34)"
fill="#8bcaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-198.321c-5.522 0-9.999-4.477-9.999-9.998v-11.196c0-5.523 4.477-9.999 9.999-9.999H0c5.522 0 9.999 4.476 9.999 9.999v11.196C9.999-4.477 5.522 0 0 0"
transform="translate(355.195 57.273)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v11.196c0 5.522 4.477 9.998 9.999 9.998h-55.415c-5.522 0-9.999-4.476-9.999-9.998V0c0-5.522 4.477-9.999 9.999-9.999H9.999C4.477-9.999 0-5.522 0 0"
transform="translate(202.29 36.08)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-439.333c-15.891 0-28.818-12.928-28.818-28.818v-297.974c0-15.89 12.927-28.817 28.818-28.817H0c15.89 0 28.817 12.927 28.817 28.817v297.974C28.817-12.928 15.89 0 0 0"
transform="translate(475.701 484.629)"
fill="#695d67"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v297.974c0 15.89 12.927 28.818 28.817 28.818H-4.516c-15.89 0-28.817-12.928-28.817-28.818V0c0-15.89 12.927-28.817 28.817-28.817h33.333C12.927-28.817 0-15.89 0 0"
transform="translate(40.883 157.837)"
fill="#554e56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-253.988a4.147 4.147 0 0 1 4.146-4.148h426.289a4.147 4.147 0 0 1 4.146 4.148V0Z"
transform="translate(38.744 418.349)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v253.988h-30V0a4.146 4.146 0 0 1 4.146-4.147h30A4.146 4.146 0 0 0 0 0"
transform="translate(68.744 164.36)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-386.403v-37.086H4.146v32.94A4.145 4.145 0 0 1 0 0"
transform="translate(469.179 453.435)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40.885a4.146 4.146 0 0 1-4.147-4.146v-32.939H0Z"
transform="translate(83.775 453.435)"
fill="#ff656f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.999a4.145 4.145 0 0 1-4.146-4.146v-32.939h29.999v32.939A4.145 4.145 0 0 0 0 0"
transform="translate(72.889 453.435)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-46.141L-65.07-33.287v-2.14h84v2.14z"
transform="translate(195.862 351.926)"
fill="#ffa85d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.69l-18.93-33.287v-2.14h28v2.14z"
transform="translate(171.412 351.926)"
fill="#ff9839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-68.093a7.12 7.12 0 0 1-7.12-7.12v-178.833a7.12 7.12 0 0 1 7.12-7.121H0a7.12 7.12 0 0 1 7.12 7.121V-7.12A7.12 7.12 0 0 1 0 0"
transform="translate(290.005 383.213)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v178.833a7.12 7.12 0 0 0 7.12 7.12h-30.041a7.12 7.12 0 0 1-7.121-7.12V0a7.12 7.12 0 0 1 7.121-7.121H7.12A7.12 7.12 0 0 0 0 0"
transform="translate(244.833 197.26)"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.598c-.839 0-1.657.086-2.451.243V-88.25a5.876 5.876 0 0 1 5.875-5.875h27.75a5.875 5.875 0 0 1 5.875 5.875V.243A12.607 12.607 0 0 0 0 0"
transform="translate(368.674 284.264)"
fill="#ffa85d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v88.25h-21.882c-.839 0-1.658.086-2.451.243V0a5.875 5.875 0 0 1 5.875-5.875H5.875A5.875 5.875 0 0 0 0 0"
transform="translate(355.959 196.014)"
fill="#ff9839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.192 1.787-5.409.289-5.6-2.533-1.144-16.861-27.261-28.025-27.261-47.575 0-17.868 14.201-28.505 14.201-28.505h34.598C44.99-44.873 14.511-11.829 0 0"
transform="translate(352.736 384.083)"
fill="#fee55a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a96.264 96.264 0 0 1-8.457 7.816c-2.192 1.788-5.409.289-5.6-2.532-1.144-16.861-27.261-28.025-27.261-47.576 0-17.867 14.201-28.505 14.201-28.505h20.446s-7.985 10.638-7.985 28.505C-14.656-24.855-2.982-14.086 0 0"
transform="translate(361.193 376.267)"
fill="#ffd301"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.598C-41.558 0-47.2-5.643-47.2-12.603s5.642-12.603 12.602-12.603H0c6.96 0 12.603 5.643 12.603 12.603S6.96 0 0 0"
transform="translate(368.674 307.47)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.96 5.643 12.603 12.603 12.603H-13.23c-6.961 0-12.603-5.643-12.603-12.603 0-6.961 5.642-12.604 12.603-12.604h25.833C5.643-12.604 0-6.961 0 0"
transform="translate(347.307 294.867)"
fill="#8bcaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M188.187 190.139h-30.791v128.5h30.791z"
fill="#ffd301"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.667 4.667 0 0 1 4.667-4.667H28v128.5H0Z"
transform="translate(130.792 194.806)"
fill="#ffc20c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-128.5h23.333A4.667 4.667 0 0 1 28-123.833V0Z"
transform="translate(186.792 318.639)"
fill="#fee55a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.751-27.699h47.278L15.775 0C12.296 6.117 3.479 6.117 0 0"
transform="translate(164.904 378.625)"
fill="#695d67"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.479 6.117-12.296 6.117-15.775 0l-15.751-27.699h21.879L.513-.901Z"
transform="translate(180.68 378.625)"
fill="#554e56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-426.289a4.146 4.146 0 0 1-4.146-4.146v-284.929a4.146 4.146 0 0 1 4.146-4.147H0a4.146 4.146 0 0 1 4.146 4.147V-4.146A4.146 4.146 0 0 1 0 0Z"
transform="translate(469.144 454.081)"
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-426.289a4.146 4.146 0 0 1-4.146-4.146v-32.94H4.146v32.94A4.146 4.146 0 0 1 0 0Z"
transform="translate(469.144 454.081)"
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-40.886a4.146 4.146 0 0 1-4.146-4.146v-32.94H0Z"
transform="translate(83.741 454.081)"
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-29.607c0-11.324-5.607-21.836-14.815-27.781l-22.242-14.358h167.192l-22.242 14.358c-9.208 5.945-14.814 16.457-14.814 27.781V0z"
transform="translate(209.46 129.665)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M186.757 190.139h-28v128.5h28z"
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 0a4.667 4.667 0 0 1 4.667-4.667H28v128.5H0Z"
transform="translate(130.757 194.806)"
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-128.5h23.333A4.667 4.667 0 0 1 28-123.833V0Z"
transform="translate(186.757 318.639)"
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-3.479 6.117-12.296 6.117-15.775 0l-34.113-59.986h84z"
transform="translate(180.645 378.625)"
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-15.751-27.699h47.278L15.775 0C12.296 6.117 3.479 6.117 0 0Z"
transform="translate(164.87 378.625)"
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-68.093a7.12 7.12 0 0 1-7.12-7.12v-178.833a7.12 7.12 0 0 1 7.12-7.121H0a7.12 7.12 0 0 1 7.12 7.121V-7.12A7.12 7.12 0 0 1 0 0Z"
transform="translate(289.97 383.213)"
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 0h21.333"
transform="translate(275.757 349.32)"
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 0h14.75"
transform="translate(282.34 317.998)"
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 0h21.333"
transform="translate(275.757 286.676)"
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 0h14.75"
transform="translate(282.34 255.355)"
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 0h21.333"
transform="translate(275.757 224.032)"
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-34.598c-6.96 0-12.603-5.643-12.603-12.603s5.643-12.603 12.603-12.603H0c6.96 0 12.603 5.643 12.603 12.603S6.96 0 0 0Z"
transform="translate(368.64 307.47)"
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-34.598c-.839 0-1.657.086-2.451.243V-86.25a5.876 5.876 0 0 1 5.875-5.875h27.75a5.875 5.875 0 0 1 5.875 5.875V.243A12.607 12.607 0 0 0 0 0Z"
transform="translate(368.64 282.264)"
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-2.192 1.787-5.409.289-5.601-2.533-1.144-16.861-27.26-28.025-27.26-47.575 0-17.868 14.201-26.505 14.201-26.505h34.598C44.99-42.873 14.511-11.829 0 0Z"
transform="translate(352.702 384.083)"
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 0h81.661c5.522 0 9.998 4.477 9.998 9.999v11.196c0 5.523-4.476 9.999-9.998 9.999h-198.322c-5.522 0-9.998-4.476-9.998-9.999V9.999c0-5.522 4.476-9.999 9.998-9.999H-35"
transform="translate(273.5 26.726)"
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 0v131.487c0 15.89-12.927 28.818-28.818 28.818h-439.333c-15.891 0-28.818-12.928-28.818-28.818v-297.974c0-15.89 12.927-28.818 28.818-28.818h439.333C-12.927-195.305 0-182.377 0-166.487V-35"
transform="translate(504.484 324.97)"
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