Add icons to this collection by clicking the heart icon.
Responsive icon - also known as technology, screen, smartphone, tablet, mobile phone, laptop, cellphone, electronics, devices, responsive, and seo and web. Created in a clean gradient style with a white finish, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d88cff" />
<stop offset="1" stop-color="#be40ff" />
</linearGradient>
<linearGradient
id="d"
x1="186.047"
x2="325.953"
y1="364.977"
y2="364.977"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7a888a" />
<stop offset="1" stop-color="#5c6f74" />
</linearGradient>
<linearGradient
id="e"
x1="108"
x2="404"
y1="226.227"
y2="226.227"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf7ff" />
<stop offset="1" stop-color="#a7dcfc" />
</linearGradient>
<linearGradient
id="f"
x1="187.203"
x2="324.797"
y1="200.211"
y2="200.211"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbdf65" />
<stop offset="1" stop-color="#faad57" />
</linearGradient>
<linearGradient
id="g"
x1="204.547"
x2="307.453"
y1="200.211"
y2="200.211"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#f8ffa7" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#2b5c74" />
<stop offset="1" stop-color="#203f49" />
</linearGradient>
<linearGradient
id="h"
x1="187.203"
x2="324.797"
y1="125.922"
y2="125.922"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="187.203"
x2="324.797"
y1="291.555"
y2="291.555"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="238.656"
x2="273.344"
y1="282.594"
y2="282.594"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d2ecfd" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#b6b8b5" />
<stop offset="1" stop-color="#5c6f74" />
</linearGradient>
<linearGradient
id="k"
x1="108"
x2="404"
y1="330.289"
y2="330.289"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="151.359"
x2="360.641"
y1="395.328"
y2="395.328"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#d)"
d="m256 393.605 69.953-6.949c-14.308 0-26.015-11.707-26.015-26.015v-26.016h-87.875v26.016c0 14.308-11.708 26.015-26.016 26.015l52.61 6.524v2.148l9.624-.957 7.715.957v-1.723zm0 0"
/>
<path
fill="url(#e)"
d="M404 126.5H108v182.11l108.473 12.71-.942 4.633 22.668-2.086L256 325.953v-3.723l148-13.62zm0 0"
/>
<path fill="#fff" d="M256 143.844H125.344v147.422h261.312V143.844zm0 0" />
<path
fill="url(#f)"
d="M324.797 143.844 256 129.992V126.5l-7.7 1.941-9.644-1.941v4.371l-51.453 12.973v112.734l51.453 12.973v4.37l9.645-1.94 7.699 1.94v-3.491l68.797-13.852zm0 0"
/>
<path fill="url(#g)" d="M256 161.188h-51.453v78.046h102.906v-78.047zm0 0" />
<path fill="url(#h)" d="M256 108h-68.797v35.844h137.594V108zm0 0" />
<path fill="url(#i)" d="M256 256.578h-68.797v69.953h137.594v-69.953zm0 0" />
<path fill="url(#j)" d="M256 273.922h-17.344v17.344h34.688v-17.344zm0 0" />
<path fill="url(#k)" d="M256 308.61H108v43.359h296v-43.36zm0 0" />
<path fill="url(#l)" d="M256 386.656H151.36V404h209.28v-17.344zm0 0" />
</svg>
More icons in the same style and category