Add icons to this collection by clicking the heart icon.
Responsive icon - also known as technology, computer, smartphone, electronics, communications, devices, and responsive. Created in a clean lineal color style with a white, silver, gray, black, red, and teal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-9.108 0-16.558 7.452-16.558 16.557v208.858h-243.517c-19.884 0-36.154-16.269-36.154-36.154V-47.903c0-19.885 16.27-36.155 36.154-36.155H74.638c19.884 0 36.154 16.27 36.154 36.155V0z"
transform="translate(329.273 144.953)"
fill="#695d67"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v237.165c0 19.884 16.27 36.154 36.154 36.154H3.214c-19.885 0-36.154-16.27-36.154-36.154V0c0-19.885 16.269-36.154 36.154-36.154h32.94C16.27-36.154 0-19.885 0 0"
transform="translate(65.985 97.05)"
fill="#544e55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.108 0-16.558 7.453-16.558 16.557v142.998h-246.731V-45.302a5.673 5.673 0 0 1 5.673-5.673H72.179a5.673 5.673 0 0 1 5.673 5.673V0z"
transform="translate(329.273 144.953)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v204.857h-30V0a5.673 5.673 0 0 1 5.673-5.673h30A5.673 5.673 0 0 0 0 0"
transform="translate(95.985 99.65)"
fill="#b4dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M312.716 337.64H104.413v-35.133h208.303z"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.207a5.673 5.673 0 0 1-5.673-5.673v-29.46H0Z"
transform="translate(108.865 337.64)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a5.673 5.673 0 0 1-5.673-5.672v-29.461h30v29.461A5.673 5.673 0 0 0 0 0"
transform="translate(101.658 337.64)"
fill="#fc2d39"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-161.704c-9.106 0-16.557-7.451-16.557-16.557v-323.129c0-9.104 7.449-16.557 16.557-16.557H0c9.106 0 16.557 7.451 16.557 16.557v323.129C16.557-7.451 9.106 0 0 0"
transform="translate(487.977 498.195)"
fill="#695d67"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v323.128c0 9.106 7.451 16.558 16.558 16.558h-30c-9.107 0-16.558-7.452-16.558-16.558V0c0-9.105 7.449-16.557 16.558-16.557h30C7.449-16.557 0-9.105 0 0"
transform="translate(339.716 158.51)"
fill="#544e55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-211.738a5.649 5.649 0 0 1 5.648-5.649H139.43a5.649 5.649 0 0 1 5.649 5.649V0Z"
transform="translate(334.586 427.793)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v211.738h-30V0a5.649 5.649 0 0 1 5.648-5.649h30A5.649 5.649 0 0 0 0 0"
transform="translate(364.586 216.056)"
fill="#b4dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-116.873v-24.538H3.433v21.105A3.433 3.433 0 0 1 0 0"
transform="translate(476.231 450.331)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M359.359 425.793h5.227v24.538h-5.227z"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.34a3.434 3.434 0 0 1-3.433-3.433v-21.105H0Z"
transform="translate(360.359 450.331)"
fill="#fc2d39"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.658-5.397-12.055-12.055-12.055-6.658 0-12.055 5.397-12.055 12.055 0 6.658 5.397 12.055 12.055 12.055C-5.397 12.055 0 6.658 0 0"
transform="translate(419.18 176.588)"
fill="#544e55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.29 0-7.285 2.331-26.354 21.401-4.671 4.67-4.671 12.243 0 16.912 4.673 4.671 12.244 4.67 16.913 0L0 28.872l24.799 24.799c4.671 4.67 12.242 4.67 16.913 0 4.67-4.67 4.67-12.242 0-16.913L8.457 3.503A11.96 11.96 0 0 0 0 0"
transform="translate(397.338 294.76)"
fill="#43cb8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a11.908 11.908 0 0 0-3.456 7.474l-.002-.003-9.441 9.442c-4.669 4.67-12.24 4.67-16.913 0-4.671-4.67-4.671-12.243 0-16.913C-10.743-19.07-9.748-21.401-3.458-21.401a11.96 11.96 0 0 1 8.457 3.503l6.394 6.394C8.501-8.586 4.833-4.833 0 0"
transform="translate(400.796 316.161)"
fill="#00ba66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-440.285c-2.915 0-5.279-2.391-5.279-5.34v-17.514c0-13.628 11.024-24.778 24.497-24.778h401.849c13.473 0 24.497 11.15 24.497 24.778V-5.34C5.279-2.391 2.916 0 0 0"
transform="translate(453.098 61.438)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v17.513c0 2.949 2.364 5.34 5.279 5.34h-30c-2.915 0-5.279-2.391-5.279-5.34V0c0-13.629 11.024-24.779 24.497-24.779h30C11.024-24.779 0-13.629 0 0"
transform="translate(37.534 38.584)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.805c0-6.056 4.898-11.011 10.886-11.011h109.748c5.987 0 10.886 4.955 10.886 11.011V0Z"
transform="translate(167.196 61.438)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v12.805h-30V0c0-6.056 4.898-11.012 10.886-11.012h30C4.898-11.012 0-6.056 0 0"
transform="translate(197.196 48.633)"
fill="#8bcaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-9.108 0-16.557 7.452-16.557 16.557v211.858h-240.517c-19.885 0-36.155-16.269-36.155-36.154V-44.903c0-19.885 16.27-36.155 36.155-36.155H77.638c19.884 0 36.154 16.27 36.154 36.155V0z"
transform="translate(326.239 141.953)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.108 0-16.557 7.452-16.557 16.557v179.13h-238.058a5.673 5.673 0 0 1-5.673-5.672V-42.302a5.673 5.673 0 0 1 5.673-5.673H75.179a5.673 5.673 0 0 1 5.673 5.673V0z"
transform="translate(326.239 141.953)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-37.207a5.673 5.673 0 0 1-5.673-5.673v-29.46H0Z"
transform="translate(108.83 337.64)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.659c0-5.987 4.899-10.886 10.886-10.886h109.748c5.988 0 10.886 4.899 10.886 10.886V0Z"
transform="translate(167.161 60.895)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.658-5.397-12.055-12.055-12.055-6.658 0-12.055 5.397-12.055 12.055 0 6.658 5.397 12.055 12.055 12.055C-5.397 12.055 0 6.658 0 0Z"
transform="translate(419.146 176.588)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-138.213a3.433 3.433 0 0 1-3.433-3.433v-230.843a5.649 5.649 0 0 1 5.649-5.649H-2.216a5.649 5.649 0 0 1 5.649 5.649V-3.433A3.433 3.433 0 0 1 0 0Z"
transform="translate(476.197 450.331)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-138.213a3.434 3.434 0 0 1-3.433-3.433v-21.105H3.433v21.105A3.434 3.434 0 0 1 0 0Z"
transform="translate(476.197 450.331)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h36.203"
transform="translate(388.99 474.727)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-22.34a3.434 3.434 0 0 1-3.433-3.433v-21.105H0Z"
transform="translate(360.325 450.331)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M309.682 337.64H108.831v-35.133h200.851z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-6.29 0-7.285 2.331-26.354 21.401-4.671 4.67-4.671 12.243 0 16.912 4.673 4.671 12.244 4.67 16.913 0L0 28.872l24.798 24.799c4.672 4.67 12.242 4.67 16.914 0 4.67-4.67 4.67-12.242 0-16.913L8.457 3.503A11.96 11.96 0 0 0 0 0Z"
transform="translate(397.304 294.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.385"
transform="translate(100.998 264.721)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.385"
transform="translate(100.998 231.29)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.385"
transform="translate(100.998 197.857)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.385"
transform="translate(100.998 164.426)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.385"
transform="translate(100.998 130.994)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-130.027"
transform="translate(278.596 264.721)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-130.027"
transform="translate(278.596 231.29)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-130.027"
transform="translate(278.596 197.857)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-130.027"
transform="translate(278.596 164.426)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-130.027"
transform="translate(278.596 130.994)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h183.424c13.473 0 24.497 11.023 24.497 24.497v17.314a5.279 5.279 0 0 1-5.278 5.279h-440.286a5.279 5.279 0 0 1-5.278-5.279V24.497C-242.921 11.023-231.897 0-218.424 0H-35"
transform="translate(250.421 13.805)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v140.791c0 9.106-7.451 16.557-16.557 16.557h-161.704c-9.107 0-16.557-7.451-16.557-16.557v-323.128c0-9.105 7.448-16.558 16.557-16.558v0h161.704c9.106 0 16.557 7.451 16.557 16.558V-35"
transform="translate(504.5 340.847)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category