Add icons to this collection by clicking the heart icon.
Landing Page icon - also known as interface, web design, website, ui, landing page, and seo and web. Created in a clean flat 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 356 356"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ebf9f8" />
<stop offset="1" stop-color="#c0c4f6" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 227.778 -227.778 0 200 61.111)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(288.889 0 0 44.444 33.333 83.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#448fae" />
<stop offset="1" stop-color="#22647f" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(11.309 -234.159 1354.61) scale(56.656)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(89.58) rotate(7.125 -5.698 4.855)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(92.361 0 0 11.368 55.556 172.222)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#5edaea" />
<stop offset="1" stop-color="#1b8dbb" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(72.222 0 0 22.222 66.667 238.889)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(111.111 0 0 44.444 172.222 172.222)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(33.333 0 0 66.667 211.111 272.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd367" />
<stop offset="1" stop-color="#f69d18" />
</linearGradient>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 47.222 213.889) scale(77.778)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#d)"
d="M322.222 83.333c0-12.273-9.949-22.222-22.222-22.222H55.556c-12.273 0-22.223 9.949-22.223 22.222v177.778c0 12.273 9.95 22.222 22.223 22.222H300c12.273 0 22.222-9.949 22.222-22.222V83.333z"
/>
<path
fill="url(#e)"
d="M33.333 105.556h288.889V83.333c0-12.273-9.949-22.222-22.222-22.222H55.556c-12.273 0-22.223 9.949-22.223 22.222z"
/>
<path
fill="url(#f)"
d="M300 77.778h-5.556a5.557 5.557 0 0 0-5.555 5.555 5.558 5.558 0 0 0 5.555 5.556H300a5.559 5.559 0 0 0 5.556-5.556A5.558 5.558 0 0 0 300 77.778zM272.222 77.778h-5.555a5.558 5.558 0 0 0-5.556 5.555 5.558 5.558 0 0 0 5.556 5.556h5.555a5.559 5.559 0 0 0 5.556-5.556 5.558 5.558 0 0 0-5.556-5.555z"
/>
<path
fill="url(#g)"
d="M133.333 77.778H55.556A5.558 5.558 0 0 0 50 83.333a5.558 5.558 0 0 0 5.556 5.556h77.777a5.558 5.558 0 0 0 5.556-5.556 5.558 5.558 0 0 0-5.556-5.555z"
/>
<g fill="url(#h)">
<path
d="M66.667 144.444h44.444c3.066 0 5.556-2.489 5.556-5.555s-2.49-5.556-5.556-5.556H66.667c-3.067 0-5.556 2.49-5.556 5.556s2.489 5.555 5.556 5.555zM66.667 177.778h72.222c3.066 0 5.555-2.49 5.555-5.556s-2.489-5.555-5.555-5.555H66.667c-3.067 0-5.556 2.489-5.556 5.555s2.489 5.556 5.556 5.556zM66.667 200h72.222a5.558 5.558 0 0 0 5.555-5.556 5.557 5.557 0 0 0-5.555-5.555H66.667a5.558 5.558 0 0 0-5.556 5.555A5.558 5.558 0 0 0 66.667 200z"
/>
</g>
<path
fill="url(#i)"
d="M138.889 238.889c0-6.137-4.975-11.111-11.111-11.111h-50a11.11 11.11 0 0 0-11.111 11.111c0 6.136 4.974 11.111 11.111 11.111h50c6.136 0 11.111-4.975 11.111-11.111z"
/>
<path
fill="url(#j)"
d="M283.333 161.111A11.11 11.11 0 0 0 272.222 150h-88.889a11.112 11.112 0 0 0-11.111 11.111v22.222a11.111 11.111 0 0 0 11.111 11.111h88.889a11.11 11.11 0 0 0 11.111-11.111v-22.222z"
/>
<path
fill="url(#k)"
d="M244.444 238.889h-33.333v55.556c0 6.136 4.975 11.111 11.111 11.111h11.111c6.137 0 11.111-4.975 11.111-11.111v-55.556z"
/>
<path
fill="url(#l)"
d="M255.556 233.333H200c-3.066 0-5.556 2.49-5.556 5.556s2.49 5.555 5.556 5.555h55.556c3.066 0 5.555-2.489 5.555-5.555s-2.489-5.556-5.555-5.556z"
/>
<path
fill="url(#l)"
d="M283.333 177.778h5.556a5.555 5.555 0 0 1 5.555 5.555v18.246c0 2.742-2 5.074-4.71 5.491l-53.379 8.212a16.666 16.666 0 0 0-14.133 16.473v7.134c0 3.066 2.49 5.555 5.556 5.555s5.555-2.489 5.555-5.555v-7.134a5.556 5.556 0 0 1 4.711-5.491l53.379-8.212a16.667 16.667 0 0 0 14.133-16.473v-18.246a16.666 16.666 0 0 0-16.667-16.666h-5.556z"
/>
</g>
</svg>
More icons in the same style and category