Add icons to this collection by clicking the heart icon.
Webpage icon - also known as smartphone, web design, date, mobile, layout, ui, webpage, 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="1" 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="M16.074 302.88c18.727 64.003 72.707 194.564 163.922 182.845C271.482 473.97 235.754 356 319.504 339.831c36.867-7.118 61.857 56.689 98.806 54.704 47.588-2.557 71.81-49.663 85.108-89.264C531.615 221.303 489.389 78.919 390.56 54.26c-86.245-21.519-96.332 83.855-171.322 53.248-42.149-17.203-37.938-68.576-89.272-78.942C-25.333-2.794-8.845 217.716 16.074 302.88z"
/>
<path
fill="#6583fe"
d="M350.232 476.339H161.768c-16.568 0-30-13.431-30-30V433.43L168.11 256 131.768 78.57V65.661c0-16.569 13.432-30 30-30h188.464c16.569 0 30 13.432 30 30V78.57L356.33 252.999l23.903 180.43v12.909c-.001 16.57-13.432 30.001-30.001 30.001z"
/>
<path fill="#fff" d="M131.77 78.57h248.46v354.86H131.77z" />
<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.03a5.002 5.002 0 1 1-10.004 0 5.002 5.002 0 0 1 10.004 0z"
/>
<path
fill="#ff7eb8"
d="M258.082 156.428h-5.331c-6.508 0-11.803-5.294-11.803-11.802v-16.457c0-6.508 5.295-11.803 11.803-11.803h5.331c6.508 0 11.803 5.295 11.803 11.803v16.457c-.001 6.508-5.296 11.802-11.803 11.802zm-5.331-30.062c-.994 0-1.803.809-1.803 1.803v16.457c0 .994.809 1.802 1.803 1.802h5.331c.994 0 1.803-.809 1.803-1.802v-16.457c0-.994-.809-1.803-1.803-1.803zM230.546 155.988h-18.108a5.002 5.002 0 0 1-3.13-8.9c5.042-4.05 12.846-11.452 14.406-15.228.6-1.451.505-3.052-.248-4.177-.584-.874-1.455-1.318-2.586-1.318a3.446 3.446 0 0 0-3.442 3.442 5 5 0 1 1-10 0c0-7.412 6.03-13.442 13.442-13.442 4.479 0 8.451 2.099 10.898 5.759 2.624 3.922 3.064 8.99 1.178 13.555-1.354 3.274-4.398 6.997-7.594 10.308h5.184a5 5 0 1 1 0 10.001z"
/>
<path
fill="#ff5ba8"
d="M258.082 204.184h-5.331c-6.508 0-11.803-5.295-11.803-11.803v-16.457c0-6.508 5.295-11.802 11.803-11.802h5.331c6.508 0 11.803 5.294 11.803 11.802v16.457c-.001 6.508-5.296 11.803-11.803 11.803zm-5.331-30.062c-.994 0-1.803.809-1.803 1.802v16.457c0 .994.809 1.803 1.803 1.803h5.331c.994 0 1.803-.809 1.803-1.803v-16.457c0-.994-.809-1.802-1.803-1.802zM299.562 203.743h-18.108a4.998 4.998 0 0 1-4.716-3.341 5.003 5.003 0 0 1 1.586-5.559c5.042-4.05 12.846-11.452 14.406-15.228.6-1.451.505-3.051-.247-4.176-.585-.875-1.455-1.318-2.587-1.318a3.446 3.446 0 0 0-3.442 3.442 5 5 0 1 1-10 0c0-7.412 6.03-13.442 13.442-13.442 4.479 0 8.452 2.099 10.899 5.76 2.624 3.923 3.064 8.99 1.177 13.555-1.354 3.274-4.398 6.997-7.594 10.307h5.184a5 5 0 1 1 0 10z"
/>
<circle cx="280.524" cy="151.428" r="5.002" fill="#6583fe" />
<path
fill="#b7c5ff"
d="M285.483 230.013h-58.966a5 5 0 0 1 0-10h58.966a5 5 0 0 1 0 10z"
/>
<path
fill="#6583fe"
d="M261.56 408.643a4.984 4.984 0 0 1-3.535-1.464L256 405.154l-2.024 2.024a5 5 0 1 1-7.07-7.072l5.56-5.559a5 5 0 0 1 7.07 0l5.56 5.559a5 5 0 0 1-3.536 8.537zM261.56 380.868a4.984 4.984 0 0 1-3.535-1.464L256 377.38l-2.024 2.024a5 5 0 1 1-7.07-7.071l5.56-5.559a5 5 0 0 1 7.07 0l5.56 5.559a5 5 0 0 1-3.536 8.535zM261.56 353.094a4.984 4.984 0 0 1-3.535-1.464L256 349.606l-2.024 2.024a5 5 0 1 1-7.07-7.071l5.56-5.559a5 5 0 0 1 7.07 0l5.56 5.559a5 5 0 0 1-3.536 8.535zM261.56 325.32a4.984 4.984 0 0 1-3.535-1.464L256 321.832l-2.024 2.024a5 5 0 1 1-7.07-7.072l5.56-5.559a5 5 0 0 1 7.07 0l5.56 5.559a5 5 0 0 1-3.536 8.536z"
/>
<circle
cx="183.269"
cy="343.372"
r="23.768"
fill="#d2deff"
transform="rotate(-74.94 183.096 343.195)"
/>
<circle
cx="328.731"
cy="343.372"
r="23.768"
fill="#ffc4df"
transform="rotate(-51.86 328.558 343.165)"
/>
<path
fill="#6583fe"
d="M361.331 96.187a5.002 5.002 0 1 1-10.004 0 5.002 5.002 0 0 1 10.004 0zM344.062 96.187a5.002 5.002 0 1 1-10.004 0 5.002 5.002 0 0 1 10.004 0zM326.793 96.187a5.002 5.002 0 1 1-10.004 0 5.002 5.002 0 0 1 10.004 0z"
/>
<path
fill="#01eca5"
d="M77.767 319.891c-7.88 0-14.291-6.411-14.291-14.292s6.411-14.292 14.291-14.292c7.881 0 14.292 6.411 14.292 14.292s-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.926-4.292-4.292-4.292z"
/>
<path
fill="#6583fe"
d="M88.767 192.75a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#ff5ba8"
d="M422.665 344.944a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#6583fe"
d="M433.665 294.571a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#01eca5"
d="M77.767 146.54a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 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.432 30 30v380.678c0 16.569-13.431 30-30 30z"
/>
</svg>
More icons in the same style and category