Add icons to this collection by clicking the heart icon.
Website icon - also known as laptop, website, layout, design, social media, theme, template, seo and web, edit tools, and mockup. Created in a clean lineal 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"
>
<defs>
<linearGradient
id="a"
x1="11"
x2="503.406"
y1="521"
y2="28.594"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="39"
x2="531.406"
y1="549"
y2="56.594"
href="#a"
/>
<linearGradient
id="c"
x1="27"
x2="519.406"
y1="537"
y2="44.594"
href="#a"
/>
<linearGradient
id="d"
x1="-151"
x2="341.406"
y1="359"
y2="-133.406"
href="#a"
/>
<linearGradient
id="e"
x1="-139"
x2="353.406"
y1="371"
y2="-121.406"
href="#a"
/>
<linearGradient
id="f"
x1="-127"
x2="365.406"
y1="383"
y2="-109.406"
href="#a"
/>
<linearGradient
id="g"
x1="-61"
x2="431.406"
y1="449"
y2="-43.406"
href="#a"
/>
<linearGradient
id="h"
x1="-31"
x2="461.406"
y1="479"
y2="-13.406"
href="#a"
/>
<linearGradient
id="i"
x1="-19"
x2="473.406"
y1="491"
y2="-1.406"
href="#a"
/>
<linearGradient
id="j"
x1="9"
x2="501.406"
y1="519"
y2="26.594"
href="#a"
/>
<linearGradient
id="k"
x1="1"
x2="493.406"
y1="511"
y2="18.594"
href="#a"
/>
<linearGradient
id="l"
x1="-23"
x2="469.406"
y1="487"
y2="-5.406"
href="#a"
/>
<linearGradient
id="m"
x1="15"
x2="507.406"
y1="525"
y2="32.594"
href="#a"
/>
<linearGradient
id="n"
x1="49"
x2="541.406"
y1="559"
y2="66.594"
href="#a"
/>
<linearGradient
id="o"
x1="35"
x2="527.406"
y1="545"
y2="52.594"
href="#a"
/>
</defs>
<path fill="url(#a)" d="M96 456H40a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16Z" />
<path fill="url(#b)" d="M128 456h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
<path
fill="url(#c)"
d="M472 8H168a32.036 32.036 0 0 0-32 32v112H88a48.051 48.051 0 0 0-48 48v232H16a8 8 0 0 0-8 8v24a32.036 32.036 0 0 0 32 32h416a32.036 32.036 0 0 0 32-32v-24a8 8 0 0 0-8-8h-24v-96h16a32.036 32.036 0 0 0 32-32V40a32.036 32.036 0 0 0-32-32ZM168 336h240v72H88V200h48v104a32.036 32.036 0 0 0 32 32ZM56 200a32.036 32.036 0 0 1 32-32h48v16H80a8 8 0 0 0-8 8v224a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8v-80h16v96H56Zm212.9 248-2.67 8h-36.46l-2.67-8Zm203.1 0v16a16.021 16.021 0 0 1-16 16H40a16.021 16.021 0 0 1-16-16v-16h186.23l6.18 18.53A8 8 0 0 0 224 472h48a8 8 0 0 0 7.59-5.47l6.18-18.53Zm16-144a16.021 16.021 0 0 1-16 16H168a16.021 16.021 0 0 1-16-16V72h336Zm0-248H152V40a16.021 16.021 0 0 1 16-16h304a16.021 16.021 0 0 1 16 16Z"
/>
<circle cx="168" cy="40" r="8" fill="url(#d)" />
<circle cx="192" cy="40" r="8" fill="url(#e)" />
<circle cx="216" cy="40" r="8" fill="url(#f)" />
<path
fill="url(#g)"
d="M336 88H176a8 8 0 0 0-8 8v72a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8V96a8 8 0 0 0-8-8Zm-8 72H184v-56h144Z"
/>
<path fill="url(#h)" d="M336 184H176a8 8 0 0 0 0 16h160a8 8 0 0 0 0-16Z" />
<path fill="url(#i)" d="M336 208H176a8 8 0 0 0 0 16h160a8 8 0 0 0 0-16Z" />
<path fill="url(#j)" d="M336 264H176a8 8 0 0 0 0 16h160a8 8 0 0 0 0-16Z" />
<path fill="url(#k)" d="M256 288h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16Z" />
<path fill="url(#l)" d="M176 248h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16Z" />
<path fill="url(#m)" d="M304 248a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
<path
fill="url(#n)"
d="M464 88H360a8 8 0 0 0-8 8v200a8 8 0 0 0 8 8h104a8 8 0 0 0 8-8V96a8 8 0 0 0-8-8Zm-8 200h-88V104h88Z"
/>
<path fill="url(#o)" d="M288 288h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
</svg>
More icons in the same style and category