Add icons to this collection by clicking the heart icon.
Responsive Design icon - also known as technology, computer, screen, smartphone, tablet, mobile phone, responsive design, web page, devices, responsive, and seo and web. Created in a clean others style with a white, silver, gray, teal, navy, and orange 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="512"
height="512"
viewBox="0 0 89.84 89.82"
>
<linearGradient
id="a"
x1=".02"
x2="89.84"
y1="44.91"
y2="44.91"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#84dbff" />
<stop offset=".34" stop-color="#6ecff6" />
<stop offset=".73" stop-color="#5bc4ee" />
<stop offset="1" stop-color="#54c0eb" />
</linearGradient>
<linearGradient
id="d"
x1="7.23"
x2="64.89"
y1="48.38"
y2="48.38"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9ee8d9" />
<stop offset=".38" stop-color="#83dac6" />
<stop offset=".75" stop-color="#70d0b9" />
<stop offset="1" stop-color="#69ccb4" />
</linearGradient>
<linearGradient
id="e"
x1="7.23"
x2="13.56"
y1="18.37"
y2="18.37"
href="#a"
/>
<linearGradient
id="f"
x1="19.34"
x2="25.67"
y1="18.37"
y2="18.37"
href="#a"
/>
<linearGradient
id="g"
x1="31.45"
x2="37.79"
y1="18.37"
y2="18.37"
href="#a"
/>
<linearGradient
id="b"
x1="38.78"
x2="48.38"
y1="61.93"
y2="61.93"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#ffd05b" />
<stop offset=".03" stop-color="#ffcf5b" />
<stop offset=".6" stop-color="#fbbc50" />
<stop offset="1" stop-color="#f9b54c" />
</linearGradient>
<linearGradient
id="h"
x1="11.45"
x2="33.35"
y1="61.93"
y2="61.93"
href="#b"
/>
<linearGradient
id="i"
x1="11.45"
x2="48.38"
y1="48.37"
y2="48.37"
href="#b"
/>
<linearGradient
id="c"
x1="11.45"
x2="33.35"
y1="34.83"
y2="34.83"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc987a" />
<stop offset=".25" stop-color="#fd8a6e" />
<stop offset=".69" stop-color="#fe775e" />
<stop offset="1" stop-color="#ff7058" />
</linearGradient>
<linearGradient
id="j"
x1="38.78"
x2="60.67"
y1="34.83"
y2="34.83"
href="#c"
/>
<linearGradient
id="k"
x1="52.94"
x2="74.13"
y1="53.53"
y2="53.53"
href="#d"
/>
<linearGradient
id="l"
x1="60.21"
x2="66.85"
y1="36.2"
y2="36.2"
href="#a"
/>
<linearGradient
id="m"
x1="61.14"
x2="65.93"
y1="72.2"
y2="72.2"
href="#b"
/>
<g>
<g>
<circle cx="44.93" cy="44.91" r="44.91" fill="url(#a)" />
<rect
width="70.12"
height="65.21"
x="1"
y="11.44"
fill="#e8f6f7"
rx="3.5"
/>
<path
fill="#cedddd"
d="M71.12 14.94v58.21a3.49 3.49 0 0 1-3.5 3.5h-2.71a3.5 3.5 0 0 0 3.5-3.5V14.94a3.5 3.5 0 0 0-3.5-3.5h2.71a3.5 3.5 0 0 1 3.5 3.5z"
/>
<rect
width="57.66"
height="44.18"
x="7.23"
y="26.29"
fill="url(#d)"
rx="3.5"
/>
<path
fill="#30aa93"
d="M64.89 29.8V67a3.49 3.49 0 0 1-3.5 3.5h-2.31a3.5 3.5 0 0 0 3.5-3.5V29.8a3.5 3.5 0 0 0-3.5-3.5h2.31a3.49 3.49 0 0 1 3.5 3.5z"
/>
<rect
width="28.3"
height="43.47"
x="49.38"
y="33.19"
fill="#e8f6f7"
rx="2"
/>
<path
fill="#cedddd"
d="M77.68 35.19v39.46a2 2 0 0 1-2 2h-2.14a2 2 0 0 0 2-2V35.19a2 2 0 0 0-2-2h2.14a2 2 0 0 1 2 2z"
/>
<path
fill="#0b3f51"
d="M12.06 15.72H8.73a2.5 2.5 0 0 0-2.5 2.5v.3A2.5 2.5 0 0 0 8.73 21h3.33a2.5 2.5 0 0 0 2.5-2.5v-.3a2.5 2.5 0 0 0-2.5-2.48zm1.5 2.8a1.5 1.5 0 0 1-1.5 1.5H8.73a1.5 1.5 0 0 1-1.5-1.5v-.3a1.5 1.5 0 0 1 1.5-1.5h3.33a1.5 1.5 0 0 1 1.5 1.5z"
/>
<rect
width="6.33"
height="3.3"
x="7.23"
y="16.72"
fill="url(#e)"
rx="1.5"
/>
<path
fill="#0b3f51"
d="M24.17 15.72h-3.33a2.5 2.5 0 0 0-2.5 2.5v.3a2.5 2.5 0 0 0 2.5 2.5h3.33a2.5 2.5 0 0 0 2.5-2.5v-.3a2.5 2.5 0 0 0-2.5-2.5zm1.5 2.8a1.5 1.5 0 0 1-1.5 1.5h-3.33a1.5 1.5 0 0 1-1.5-1.5v-.3a1.5 1.5 0 0 1 1.5-1.5h3.33a1.5 1.5 0 0 1 1.5 1.5z"
/>
<rect
width="6.33"
height="3.3"
x="19.34"
y="16.72"
fill="url(#f)"
rx="1.5"
/>
<path
fill="#0b3f51"
d="M36.29 15.72H33a2.5 2.5 0 0 0-2.5 2.5v.3A2.5 2.5 0 0 0 33 21h3.34a2.5 2.5 0 0 0 2.5-2.5v-.3a2.5 2.5 0 0 0-2.55-2.48zm1.5 2.8a1.5 1.5 0 0 1-1.5 1.5H33a1.5 1.5 0 0 1-1.5-1.5v-.3a1.5 1.5 0 0 1 1.5-1.5h3.34a1.5 1.5 0 0 1 1.5 1.5z"
/>
<path
fill="url(#g)"
d="M37.79 18.22v.3a1.5 1.5 0 0 1-1.5 1.5H33a1.5 1.5 0 0 1-1.5-1.5v-.3a1.5 1.5 0 0 1 1.5-1.5h3.34a1.5 1.5 0 0 1 1.45 1.5z"
/>
<g fill="#26a8ef">
<path
d="M37.79 18.22v.3a1.5 1.5 0 0 1-1.5 1.5h-1.73a1.5 1.5 0 0 0 1.5-1.5v-.3a1.5 1.5 0 0 0-1.5-1.5h1.73a1.5 1.5 0 0 1 1.5 1.5zM25.67 18.22v.3a1.5 1.5 0 0 1-1.5 1.5h-1.73a1.5 1.5 0 0 0 1.5-1.5v-.3a1.5 1.5 0 0 0-1.5-1.5h1.73a1.5 1.5 0 0 1 1.5 1.5zM13.56 18.22v.3a1.5 1.5 0 0 1-1.5 1.5h-1.73a1.5 1.5 0 0 0 1.5-1.5v-.3a1.5 1.5 0 0 0-1.5-1.5h1.73a1.5 1.5 0 0 1 1.5 1.5z"
/>
</g>
<g fill="#0b3f51">
<path
d="M31.85 56.8H13a2.5 2.5 0 0 0-2.5 2.5v5.27a2.51 2.51 0 0 0 2.5 2.5h18.9a2.51 2.51 0 0 0 2.5-2.5V59.3a2.5 2.5 0 0 0-2.55-2.5zm1.5 7.77a1.51 1.51 0 0 1-1.5 1.5H13a1.51 1.51 0 0 1-1.5-1.5V59.3a1.5 1.5 0 0 1 1.5-1.5h18.9a1.5 1.5 0 0 1 1.5 1.5zM31.85 29.7H13a2.5 2.5 0 0 0-2.5 2.5v5.27A2.5 2.5 0 0 0 13 40h18.9a2.5 2.5 0 0 0 2.5-2.5v-5.3a2.5 2.5 0 0 0-2.55-2.5zm1.5 7.77a1.5 1.5 0 0 1-1.5 1.5H13a1.5 1.5 0 0 1-1.5-1.5V32.2a1.5 1.5 0 0 1 1.5-1.5h18.9a1.5 1.5 0 0 1 1.5 1.5z"
/>
<path
d="M75.68 32.19h-3.56V14.94a4.5 4.5 0 0 0-4.5-4.5H4.5a4.51 4.51 0 0 0-4.5 4.5v58.21a4.5 4.5 0 0 0 4.5 4.5h71.18a3 3 0 0 0 3-3V35.17a3 3 0 0 0-3-2.98zM4.5 76.65a3.5 3.5 0 0 1-3.5-3.5V14.94a3.51 3.51 0 0 1 3.5-3.5h63.12a3.51 3.51 0 0 1 3.5 3.5v17.25h-5.23V29.8a4.49 4.49 0 0 0-4.5-4.5H10.73a4.5 4.5 0 0 0-4.5 4.5V67a4.5 4.5 0 0 0 4.5 4.5h37.65v3.2a2.9 2.9 0 0 0 .78 2zM40.28 40h8.1v3.27H13a2.51 2.51 0 0 0-2.5 2.5V51a2.5 2.5 0 0 0 2.5 2.5h35.38v3.3h-8.1a2.5 2.5 0 0 0-2.5 2.5v5.27a2.51 2.51 0 0 0 2.5 2.5h8.1v3.4H10.73A3.5 3.5 0 0 1 7.23 67V29.8a3.5 3.5 0 0 1 3.5-3.5h50.66a3.5 3.5 0 0 1 3.5 3.5v2.39h-3.22a2.51 2.51 0 0 0-2.5-2.49H40.28a2.51 2.51 0 0 0-2.5 2.5v5.27a2.51 2.51 0 0 0 2.5 2.53zm8.1 4.27v8.27H13a1.5 1.5 0 0 1-1.5-1.5v-5.3a1.51 1.51 0 0 1 1.5-1.5zm0 13.56v8.27h-8.1a1.51 1.51 0 0 1-1.5-1.5v-5.3a1.5 1.5 0 0 1 1.5-1.5zm0-22.63V39h-8.1a1.51 1.51 0 0 1-1.5-1.5v-5.3a1.51 1.51 0 0 1 1.5-1.5h18.89a1.5 1.5 0 0 1 1.5 1.49h-9.29a3 3 0 0 0-3 2.98zm29.3 39.5a2 2 0 0 1-2 2h-24.3a2 2 0 0 1-2-2V35.17a2 2 0 0 1 2-2h24.3a2 2 0 0 1 2 2z"
/>
</g>
<path
fill="url(#b)"
d="M48.38 57.8v8.27h-8.1a1.51 1.51 0 0 1-1.5-1.5V59.3a1.5 1.5 0 0 1 1.5-1.5z"
/>
<path fill="#ea9a32" d="M46.79 57.8h1.59v8.27h-1.59z" />
<path
fill="url(#h)"
d="M33.35 59.3v5.27a1.51 1.51 0 0 1-1.5 1.5H13a1.51 1.51 0 0 1-1.5-1.5V59.3a1.5 1.5 0 0 1 1.5-1.5h18.9a1.5 1.5 0 0 1 1.45 1.5z"
/>
<path
fill="#ea9a32"
d="M33.35 59.3v5.27a1.51 1.51 0 0 1-1.5 1.5h-1.71a1.51 1.51 0 0 0 1.5-1.5V59.3a1.5 1.5 0 0 0-1.5-1.5h1.71a1.5 1.5 0 0 1 1.5 1.5z"
/>
<path
fill="url(#i)"
d="M48.38 44.24v8.27H13a1.5 1.5 0 0 1-1.5-1.5v-5.27a1.51 1.51 0 0 1 1.5-1.5z"
/>
<path fill="#ea9a32" d="M46.79 44.24h1.59v8.27h-1.59z" />
<path
fill="url(#c)"
d="M33.35 32.2v5.27a1.5 1.5 0 0 1-1.5 1.5H13a1.5 1.5 0 0 1-1.5-1.5V32.2a1.5 1.5 0 0 1 1.5-1.5h18.9a1.5 1.5 0 0 1 1.45 1.5z"
/>
<path
fill="#e25454"
d="M33.35 32.2v5.27a1.5 1.5 0 0 1-1.5 1.5H30.1a1.5 1.5 0 0 0 1.5-1.5V32.2a1.5 1.5 0 0 0-1.5-1.5h1.75a1.5 1.5 0 0 1 1.5 1.5z"
/>
<path
fill="url(#j)"
d="M60.67 32.19h-9.29a3 3 0 0 0-3 3V39h-8.1a1.51 1.51 0 0 1-1.5-1.5v-5.3a1.51 1.51 0 0 1 1.5-1.5h18.89a1.5 1.5 0 0 1 1.5 1.49z"
/>
<path
fill="#e25454"
d="M49.79 32.19h1.59a3 3 0 0 0-3 3V39h-1.59v-3.8a3 3 0 0 1 3-3.01zM60.67 32.19h-1.59a1.5 1.5 0 0 0-1.5-1.49h1.59a1.5 1.5 0 0 1 1.5 1.49z"
/>
<path
fill="#0b3f51"
d="M72.63 39.26H54.44a2.5 2.5 0 0 0-2.5 2.5V65.3a2.5 2.5 0 0 0 2.5 2.5h18.19a2.5 2.5 0 0 0 2.5-2.5V41.76a2.5 2.5 0 0 0-2.5-2.5zm1.5 26a1.5 1.5 0 0 1-1.5 1.5H54.44a1.5 1.5 0 0 1-1.5-1.5v-23.5a1.5 1.5 0 0 1 1.5-1.5h18.19a1.5 1.5 0 0 1 1.5 1.5z"
/>
<path
fill="url(#k)"
d="M74.13 41.76V65.3a1.5 1.5 0 0 1-1.5 1.5H54.44a1.5 1.5 0 0 1-1.5-1.5V41.76a1.5 1.5 0 0 1 1.5-1.5h18.19a1.5 1.5 0 0 1 1.5 1.5z"
/>
<path
fill="#30aa93"
d="M74.13 41.76V65.3a1.5 1.5 0 0 1-1.5 1.5h-2.08a1.5 1.5 0 0 0 1.5-1.5V41.76a1.5 1.5 0 0 0-1.5-1.5h2.08a1.5 1.5 0 0 1 1.5 1.5z"
/>
<path
fill="#0b3f51"
d="M66.42 34.77h-5.77a1.44 1.44 0 1 0 0 2.87h5.77a1.44 1.44 0 0 0 0-2.87zm0 1.87h-5.77a.44.44 0 1 1 0-.87h5.77a.44.44 0 0 1 0 .87z"
/>
<path
fill="url(#l)"
d="M66.85 36.2a.43.43 0 0 1-.43.44h-5.77a.44.44 0 1 1 0-.87h5.77a.43.43 0 0 1 .43.43z"
/>
<path
fill="#0b3f51"
d="M63.53 68.83a3.37 3.37 0 1 0 3.4 3.37 3.38 3.38 0 0 0-3.4-3.37zm0 5.74a2.37 2.37 0 1 1 2.4-2.37 2.39 2.39 0 0 1-2.4 2.37z"
/>
<path
fill="url(#m)"
d="M65.93 72.2a2.4 2.4 0 1 1-2.4-2.37 2.39 2.39 0 0 1 2.4 2.37z"
/>
<path
fill="#ea9a32"
d="M65.93 72.2a2.39 2.39 0 0 1-2.4 2.37 2.07 2.07 0 0 1-.5-.06 2.35 2.35 0 0 0 0-4.62 2.07 2.07 0 0 1 .5-.06 2.39 2.39 0 0 1 2.4 2.37z"
/>
</g>
</g>
</svg>
More icons in the same style and category