Add icons to this collection by clicking the heart icon.
Web Design icon - also known as smartphone, web design, responsive design, development, website, web development, devices, and seo and web. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="62.197"
y2="4.005"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="46" x2="46" y1="62.197" y2="4.005" href="#a" />
<linearGradient
id="c"
x1="10.5"
x2="10.5"
y1="62.197"
y2="4.005"
href="#a"
/>
<linearGradient
id="d"
x1="14.5"
x2="14.5"
y1="62.197"
y2="4.005"
href="#a"
/>
<linearGradient
id="e"
x1="18.5"
x2="18.5"
y1="62.197"
y2="4.005"
href="#a"
/>
<linearGradient id="f" x1="39" x2="39" y1="62.197" y2="4.005" href="#a" />
<linearGradient id="g" x1="21" x2="21" y1="62.197" y2="4.005" href="#a" />
<linearGradient id="h" x1="15" x2="15" y1="62.197" y2="4.005" href="#a" />
<linearGradient id="i" x1="27" x2="27" y1="62.197" y2="4.005" href="#a" />
<linearGradient
id="j"
x1="41.5"
x2="41.5"
y1="62.197"
y2="4.005"
href="#a"
/>
<linearGradient
id="k"
x1="50.5"
x2="50.5"
y1="62.197"
y2="4.005"
href="#a"
/>
<linearGradient id="l" x1="45" x2="45" y1="62.197" y2="4.005" href="#a" />
<g>
<path
fill="url(#a)"
d="M57 2H7a5 5 0 0 0-5 5v38a5 5 0 0 0 5 5h18v6h-6a3.009 3.009 0 0 0-3 3v2a1 1 0 0 0 1 1h36a5 5 0 0 0 5-5v-7.1a5.017 5.017 0 0 0 4-4.9V7a5 5 0 0 0-5-5zM7 48a3.009 3.009 0 0 1-3-3v-1h30v4zm27 2v6h-7v-6zM18 60v-1a1 1 0 0 1 1-1h15.1a4.84 4.84 0 0 0 .93 2zm38-3a3.009 3.009 0 0 1-3 3H39a3.009 3.009 0 0 1-3-3v-1h20zm0-3H36V32h20zm0-24H36v-1a3.009 3.009 0 0 1 3-3h14a3.009 3.009 0 0 1 3 3zm4 15a3.01 3.01 0 0 1-2 2.82V44h2zm0-3h-2V29a5 5 0 0 0-5-5H39a5 5 0 0 0-5 5v13H4V7a3.009 3.009 0 0 1 3-3h50a3.009 3.009 0 0 1 3 3z"
/>
<path fill="url(#a)" d="M33 45h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#b)"
d="M47 57h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM47 27h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
<path fill="url(#c)" d="M11 9h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M15 9h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M19 9h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M53 9H25a1 1 0 0 0 0 2h28a1 1 0 0 0 0-2z" />
<path
fill="url(#a)"
d="M55 6H9a3.009 3.009 0 0 0-3 3v28a3.009 3.009 0 0 0 3 3h22a1 1 0 0 0 0-2H9a1 1 0 0 1-1-1V14h48v8a1 1 0 0 0 2 0V9a3.009 3.009 0 0 0-3-3zm1 6H8V9a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1z"
/>
<path
fill="url(#g)"
d="M31 16H11a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6H12v-4h18z"
/>
<path
fill="url(#h)"
d="M11 26a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm7 8h-6v-6h6z"
/>
<path
fill="url(#i)"
d="M31 26h-8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-1 8h-6v-6h6z"
/>
<path
fill="url(#b)"
d="M39 42h14a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H39a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h12v4H40z"
/>
<path
fill="url(#j)"
d="M39 51h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h3v3h-3z"
/>
<path
fill="url(#k)"
d="M53 44h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
<g fill="url(#l)">
<path
d="M53 16H37a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2zM53 20H37a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category