Add icons to this collection by clicking the heart icon.
Web Design icon - also known as interface, smartphone, web design, page, website, layout, browser, ui, content, and app design. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="0"
x2="512"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdbed" stop-opacity="0" />
<stop offset=".998" stop-color="#ffdbed" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="35.661"
y2="476.339"
gradientUnits="userSpaceOnUse"
>
<stop offset=".003" stop-color="#ff7eb8" stop-opacity="0" />
<stop offset="1" stop-color="#ff7eb8" stop-opacity=".6" />
</linearGradient>
<path
fill="url(#a)"
d="M20.337 133.512C-3.63 172.91-6.156 241.125 11.4 283.768c15.377 37.351 45.966 72.409 86.12 76.801 14.766 1.615 29.858-1.024 44.472 1.638 50.258 9.152 68.952 71.09 108.01 104.014 27.183 22.913 64.898 31.021 100.174 26.607s68.302-20.363 97.376-40.824c22.957-16.157 44.436-36.022 55.764-61.707 23.744-53.839-4.19-118.501-47.587-158.239-13.516-12.377-28.581-23.294-39.875-37.727-11.293-14.434-18.48-33.695-13.099-51.214 4.293-13.977 15.849-24.812 20.227-38.763 5.958-18.984-3.035-40.28-17.802-53.616-14.767-13.335-34.308-20.039-53.666-24.64C270.411 6.817 92.691 14.574 20.337 133.512z"
/>
<path
fill="#6583fe"
d="M350.232 476.339H161.768c-16.568 0-30-13.431-30-30V433.43l29.64-181.266-29.64-173.594V65.661c0-16.569 13.432-30 30-30h188.464c16.569 0 30 13.431 30 30V78.57L349.3 246.329l30.932 187.1v12.909c0 16.57-13.431 30.001-30 30.001z"
/>
<path fill="#fff" d="M131.77 78.57h248.46v354.86H131.77z" />
<path fill="#d2deff" d="M131.77 78.57h248.46v121.026H131.77z" />
<path
fill="#ffa8cf"
d="M268.024 413.9h-82.206c-5.523 0-10-4.477-10-10V242.267c0-5.523 4.477-10 10-10h82.206c5.523 0 10 4.477 10 10V403.9c0 5.523-4.477 10-10 10z"
/>
<path
fill="#ff7eb8"
d="M319.127 413.9h-82.206c-5.523 0-10-4.477-10-10V242.267c0-5.523 4.477-10 10-10h82.206c5.523 0 10 4.477 10 10V403.9c0 5.523-4.477 10-10 10z"
/>
<path
fill="#ff5ba8"
d="M380.23 242.27V403.9c0 5.52-4.48 10-10 10h-82.21c-5.52 0-10-4.48-10-10V242.27c0-5.53 4.48-10 10-10h82.21c5.52 0 10 4.47 10 10z"
/>
<path
fill="#fff"
d="M205.181 247.164H196.5a5 5 0 0 0 0 10h8.681a5 5 0 0 0 0-10zM255.862 247.164h-8.681a5 5 0 0 0 0 10h8.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ffa8cf"
d="M380.23 338.08v10h-56.86c-2.76 0-5-2.24-5-5s2.24-5 5-5z"
/>
<g fill="#fff">
<path
d="M380.23 376.94v10h-56.86c-2.76 0-5-2.24-5-5s2.24-5 5-5zM380.23 357.51v10h-56.86c-2.76 0-5-2.24-5-5s2.24-5 5-5z"
/>
</g>
<path
fill="#b7c5ff"
d="M273.483 63.031h-34.966a5 5 0 0 1 0-10h34.966a5 5 0 0 1 0 10zM301.815 58.029a5.002 5.002 0 1 1-10.004 0 5.002 5.002 0 0 1 10.004 0z"
/>
<circle cx="324.168" cy="141.366" r="33.651" fill="#02ffb3" />
<path
fill="#fff"
d="M340.784 142.504c0-9.16-7.46-16.61-16.62-16.61s-16.61 7.45-16.61 16.61c0 4.52 1.82 8.62 4.75 11.62a16.55 16.55 0 0 0-4.75 11.61v4.9c3.07 1.74 6.43 3.02 10 3.73v-8.63c0-3.65 2.97-6.61 6.61-6.61 3.65 0 6.62 2.96 6.62 6.61v8.63c3.57-.71 6.93-1.99 10-3.73v-4.9c0-4.52-1.82-8.62-4.76-11.61 2.94-3 4.76-7.1 4.76-11.62zm-16.62 6.62c-3.64 0-6.61-2.97-6.61-6.62 0-3.64 2.97-6.61 6.61-6.61 3.65 0 6.62 2.97 6.62 6.61 0 3.65-2.97 6.62-6.62 6.62z"
/>
<path
fill="#97ffd2"
d="M166.387 99.386h51.511a8.329 8.329 0 1 1 0 16.658h-51.511a8.329 8.329 0 1 1 0-16.658z"
/>
<path
fill="#8399fe"
d="M228.738 172.626h-65.681a5 5 0 0 0 0 10h65.681a5 5 0 0 0 0-10zM228.738 153.198h-65.681a5 5 0 0 0 0 10h65.681a5 5 0 0 0 0-10z"
/>
<path
fill="#ff7eb8"
d="M174.738 127.894h-11.681a5 5 0 0 0 0 10h11.681a5 5 0 0 0 0-10z"
/>
<path
fill="#db237a"
d="M322.365 256.329h-5.332c-6.508 0-11.803-5.295-11.803-11.803V228.07c0-6.508 5.295-11.803 11.803-11.803h5.332c6.508 0 11.803 5.295 11.803 11.803v16.457c0 6.507-5.295 11.802-11.803 11.802zm-5.332-30.062c-.994 0-1.803.809-1.803 1.803v16.457c0 .994.809 1.803 1.803 1.803h5.332c.994 0 1.803-.809 1.803-1.803V228.07c0-.994-.809-1.803-1.803-1.803zM351.181 256.329a5 5 0 0 1-5-5v-25.062h-.444a5 5 0 1 1 0-10h5.444a5 5 0 0 1 5 5v30.062a5 5 0 0 1-5 5z"
/>
<circle cx="349.107" cy="119.047" r="5.002" fill="#ff7eb8" />
<circle
cx="183.572"
cy="367.51"
r="28.297"
fill="#02ffb3"
transform="rotate(-45 183.519 367.571)"
/>
<path
fill="#00b574"
d="M188.589 382.552a5 5 0 0 0 3.053-8.962l-7.897-6.08 7.897-6.08a5.002 5.002 0 0 0 .912-7.013 5.003 5.003 0 0 0-7.012-.911L172.5 363.548a5 5 0 0 0 0 7.924l13.043 10.042a4.978 4.978 0 0 0 3.046 1.038z"
/>
<path
fill="#ff5ba8"
d="M67.738 227.117c-7.88 0-14.292-6.411-14.292-14.291s6.411-14.292 14.292-14.292 14.291 6.411 14.291 14.292-6.411 14.291-14.291 14.291zm0-18.583a4.297 4.297 0 0 0-4.292 4.292 4.296 4.296 0 0 0 4.292 4.291 4.296 4.296 0 0 0 4.291-4.291 4.296 4.296 0 0 0-4.291-4.292z"
/>
<path
fill="#01eca5"
d="M451.522 186.917c-7.88 0-14.291-6.411-14.291-14.292 0-7.88 6.411-14.292 14.291-14.292s14.292 6.411 14.292 14.292-6.411 14.292-14.292 14.292zm0-18.583c-2.366 0-4.291 1.925-4.291 4.292s1.925 4.292 4.291 4.292 4.292-1.925 4.292-4.292-1.925-4.292-4.292-4.292z"
/>
<path
fill="#6583fe"
d="M432.94 410.098c-7.88 0-14.292-6.411-14.292-14.292 0-7.88 6.411-14.292 14.292-14.292 7.88 0 14.291 6.411 14.291 14.292s-6.411 14.292-14.291 14.292zm0-18.583a4.297 4.297 0 0 0-4.292 4.292 4.297 4.297 0 0 0 4.292 4.292c2.366 0 4.291-1.925 4.291-4.292s-1.925-4.292-4.291-4.292zM426.648 154.894a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#ff5ba8"
d="M88.029 273.164a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 0 1 0-10c3.309 0 6-2.691 6-6a5 5 0 0 1 10 0c0 3.309 2.691 6 6 6a5 5 0 0 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="url(#b)"
d="M350.232 476.339H161.768c-16.568 0-30-13.431-30-30V65.661c0-16.569 13.432-30 30-30h188.464c16.569 0 30 13.431 30 30v380.678c0 16.569-13.431 30-30 30z"
/>
</svg>
More icons in the same style and category