Add icons to this collection by clicking the heart icon.
Web Design icon - also known as art, screen, pencil, monitor, web design, graphic design, editor, design, art and design, graphic designer, and edit tools. Created in a clean flat style, 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-417.224c-8.534 0-15.452 6.918-15.452 15.453V345.11l140.814 42.051L15.453 345.11V15.453C15.453 6.918 8.534 0 0 0"
transform="translate(450.704)"
fill="#71ddf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-329.657c0-8.53-6.923-15.453-15.452-15.453h-30.906c8.53 0 15.453 6.923 15.453 15.453v18.543l-121.076 97.732L-30.905-33.996V0Z"
transform="translate(493.972 345.11)"
fill="#23c7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-407.951a3.091 3.091 0 0 0-3.091 3.091v277.118a3.091 3.091 0 0 0 3.091 3.091H0a3.091 3.091 0 0 0 3.091-3.091V3.091A3.091 3.091 0 0 0 0 0"
transform="translate(459.976 30.905)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-417.224c-8.534 0-15.452-6.918-15.452-15.453v-52.539H15.453v52.539C15.453-6.918 8.534 0 0 0"
transform="translate(450.704 413.103)"
fill="#c3aff0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-52.539h-30.905V0c0 8.53-6.923 15.453-15.453 15.453h30.906C-6.923 15.453 0 8.53 0 0"
transform="translate(493.972 397.65)"
fill="#ad96ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.68 0-10.302 4.622-10.302 10.302S-5.68 20.604 0 20.604s10.302-4.622 10.302-10.302S5.68 0 0 0"
transform="translate(87.565 368.806)"
fill="#ad96ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.68 0-10.302 4.622-10.302 10.302S-5.68 20.604 0 20.604c5.681 0 10.302-4.622 10.302-10.302S5.681 0 0 0"
transform="translate(51.509 368.806)"
fill="#ad96ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-346.141a3.09 3.09 0 0 0-3.09 3.091v40.177a3.09 3.09 0 0 0 3.09 3.09H0a3.09 3.09 0 0 0 3.091-3.09V3.091A3.091 3.091 0 0 0 0 0"
transform="translate(429.07 236.941)"
fill="#cdf2f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-216.338a3.091 3.091 0 0 0-3.091 3.091v138.044a3.091 3.091 0 0 0 3.091 3.091H0a3.091 3.091 0 0 0 3.091-3.091V3.091A3.091 3.091 0 0 0 0 0"
transform="translate(299.268 61.81)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h92.716a3.091 3.091 0 0 1 3.091 3.091v138.044a3.091 3.091 0 0 1-3.091 3.091H0a3.091 3.091 0 0 1-3.091-3.091V3.091A3.091 3.091 0 0 1 0 0"
transform="translate(336.354 61.81)"
fill="#cdf2f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-154.709c-1.656 0-3 1.344-3 3v76.415a3 3 0 0 0 3 3H0a3 3 0 0 0 3-3V3c0-1.656-1.344-3-3-3"
transform="translate(268.453 92.716)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.087a7.726 7.726 0 0 0 0 15.452H0a7.724 7.724 0 0 0 7.726-7.725A7.726 7.726 0 0 0 0 0"
transform="translate(401.256 95.292)"
fill="#71ddf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.087a7.726 7.726 0 0 0 0 15.452H0a7.724 7.724 0 0 0 7.726-7.725A7.726 7.726 0 0 0 0 0"
transform="translate(401.256 126.197)"
fill="#71ddf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.087a7.726 7.726 0 0 0-7.726 7.727 7.726 7.726 0 0 0 7.726 7.726H0a7.725 7.725 0 0 0 7.726-7.726A7.726 7.726 0 0 0 0 0"
transform="translate(401.256 157.102)"
fill="#71ddf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-15.763-2.001-20.825-1.37c-60.981 7.604-108.169 59.624-108.169 122.665 0 63.042 47.188 115.061 108.169 122.666 5.062.631 18.944-.773 18.944-.773 26.279 1.729 109.829-53.619 109.829-121.893S37.312 2.913 0 0"
transform="translate(261.372 267.083)"
fill="#fc8d94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.14-13.836-65.045-36.211-87.41-22.365-22.376-53.27-36.211-87.411-36.211-5.233 0-10.395.329-15.453.958 27.96 3.481 53.023 16.308 71.959 35.253C-44.741-65.045-30.905-34.14-30.905 0c0 34.141-13.836 65.046-36.211 87.411-18.936 18.945-43.999 31.771-71.959 35.253 5.058.628 10.22.958 15.453.958 34.141 0 65.046-13.835 87.411-36.211C-13.836 65.046 0 34.141 0 0"
transform="translate(379.622 388.378)"
fill="#fa6f7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v81.385l-15.659 10.668-41.001-10.668V0Z"
transform="translate(274.028 362.194)"
fill="#ffe07d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-81.384h-30.905V0l16.532 9.412z"
transform="translate(294.632 443.575)"
fill="#ffd064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.845c-5.689 0-10.301-4.612-10.301-10.302v-20.603h49.449v20.603C10.303-4.612 5.69 0 0 0"
transform="translate(256.515 474.484)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20.604h-30.905V0c0 5.697-4.616 10.302-10.302 10.302h30.905C-4.615 10.302 0 5.697 0 0"
transform="translate(294.632 464.179)"
fill="#fcf1f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a30.907 30.907 0 0 1 6.181-18.543l5.366-7.154 29.768-9.051L55.63-18.543C59.642-13.193 61.811 0 61.811 0c0 8.534-6.918 15.452-15.453 15.452H15.453C6.919 15.452 0 8.534 0 0"
transform="translate(217.368 360.65)"
fill="#fcf1f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a30.957 30.957 0 0 0-6.181-18.543l-6.253-8.335-23.239-8.811-2.195 16.104.781 1.042A30.952 30.952 0 0 1-30.905 0v15.453h15.452c4.265 0 8.129-1.73 10.92-4.522A15.387 15.387 0 0 0 0 0"
transform="translate(294.632 360.646)"
fill="#f4e5e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.651-14.321L-53.28 1.185C-35.304 9.756-17.533 9.405 0 0"
transform="translate(282.197 333.769)"
fill="#6f6571"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-22.076-29.433c-2.061-2.75-6.182-2.75-8.242 0L-41.65-14.319l16.215 21.613C-16.905 6.953-8.427 4.522 0 0"
transform="translate(282.197 333.769)"
fill="#5d5360"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category