Add icons to this collection by clicking the heart icon.
Ui Design icon - also known as computer, smartphone, responsive design, browser, electronics, seo and web, adaptive, and ui design. Created in a clean lineal color 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="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 0v-80.365l194.712-21.204 128.411 21.204v49.182c0 7.598 6.207 13.806 13.804 13.806h25.144v136.549c0 7.512-6.152 13.663-13.663 13.663h-79.2z"
transform="translate(61.982 220.127)"
fill="#9fd4fe"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-58.167 11.424L-106.158 0l-13.351-44.646 65.963-9.043 66.869 9.043z"
transform="translate(296.096 101.833)"
fill="#beb9dd"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-323.123v-24.266c0-7.511 6.152-13.663 13.664-13.663H0Z"
transform="translate(385.104 139.762)"
fill="#dddaec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0H-153.412c-9.184 0-16.695-7.513-16.695-16.726v-11.707a4.996 4.996 0 0 1 4.988-4.989H32.315c2.722 0 4.989 2.239 4.989 4.989v11.707C37.304-7.513 29.764 0 20.58 0Z"
transform="translate(309.419 57.187)"
fill="#dddaec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-5.556-29.368-16.243-56.61-30.926-80.365h113.5v49.182c0 7.598 6.207 13.806 13.804 13.806h25.144v136.549c0 7.512-6.151 13.663-13.663 13.663h-79.2V13.209C28.659 5.952 22.734 0 15.477 0Z"
transform="translate(302.53 220.127)"
fill="#85beef"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-113.5c-8.589-13.918-18.567-26.618-29.679-37.929H0Z"
transform="translate(385.104 139.762)"
fill="#beb9dd"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h75.771c11.933 0 14.172-4.309 17.291-14.769l3.231-10.771h28.914l-13.323 44.646H5.726Z"
transform="translate(184.212 82.727)"
fill="#a7a2d3"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h256.026c7.257 0 13.182 5.952 13.182 13.209v184.938L109.39 216.941l-163.872-18.794V13.209C-54.482 5.952-48.558 0-41.301 0Z"
transform="translate(61.982 220.127)"
fill="#eff6ff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h76.451c2.806 0 5.102 2.296 5.102 5.103v110.696c0 2.806-2.296 5.074-5.102 5.074H0c-2.806 0-5.103-2.268-5.103-5.074V5.103C-5.103 2.296-2.806 0 0 0"
transform="translate(51.21 258.764)"
fill="#ffd772"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-33.479c0-2.805 2.296-5.101 5.074-5.101h111.062c2.778 0 5.073 2.296 5.073 5.101V0c0 2.807-2.295 5.074-5.073 5.074H5.074C2.296 5.074 0 2.807 0 0"
transform="translate(171.372 374.563)"
fill="#3bc3a4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h323.689v56.779c0 7.257-5.924 13.182-13.181 13.182H13.181C5.924 69.961 0 64.036 0 56.779Z"
transform="translate(7.5 418.274)"
fill="#375e7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-29.849a253.605 253.605 0 0 0 3.146-39.97v-3.684H0c2.778 0 5.074 2.296 5.074 5.101v33.479C5.074-2.268 2.778 0 0 0"
transform="translate(287.507 379.637)"
fill="#00a887"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-26.703c-.226-14.259-1.615-28.206-4.082-41.699a242.81 242.81 0 0 0-9.325-35.52c-4.706-13.578-10.545-26.505-17.405-38.636H30.5c7.257 0 13.182 5.952 13.182 13.209V82.292h-83.027a245.056 245.056 0 0 0 9.496-38.638H0c2.778 0 5.074-2.267 5.074-5.074V5.102C5.074 2.296 2.778 0 0 0"
transform="translate(287.507 335.982)"
fill="#d9eeff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h83.027v56.779c0 7.257-5.924 13.182-13.181 13.182H-37.786C-21.6 49.721-8.702 26.022 0 0"
transform="translate(248.162 418.274)"
fill="#2b4d66"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c9.213 0 16.725-7.513 16.725-16.726v-11.707c0-2.721-2.211-4.961-4.933-4.989h28.885c2.722 0 4.99 2.239 4.99 4.989v11.707C45.667-7.513 38.126 0 28.942 0H8.362Z"
transform="translate(301.057 57.187)"
fill="#beb9dd"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h197.434c2.721 0 4.989 2.239 4.989 4.989v11.707c0 9.213-7.54 16.726-16.725 16.726H11.707c-9.184 0-16.696-7.513-16.696-16.726V4.989A4.996 4.996 0 0 1 0 0Z"
transform="translate(144.3 23.765)"
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 0 13.352 44.646m106.157 0L132.832 0"
transform="translate(176.587 57.187)"
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 0h323.123"
transform="translate(61.982 139.762)"
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-7.257 5.924-13.209 13.181-13.209h297.327c7.257 0 13.181 5.952 13.181 13.209v241.718c0 7.257-5.924 13.181-13.181 13.181H13.181C5.924 254.899 0 248.975 0 241.718Z"
transform="translate(7.5 233.336)"
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-150.067c-7.512 0-13.663 6.151-13.663 13.663v104.631M159.393 0H34.498m70.98 251.129h79.2c7.511 0 13.663-6.151 13.663-13.663V100.917"
transform="translate(225.712 101.833)"
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 0h144.511m-323.69 0H-34.64"
transform="translate(186.679 418.274)"
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-.057"
transform="translate(291.532 453.283)"
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-.057"
transform="translate(254.455 453.283)"
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-.057"
transform="translate(217.378 453.283)"
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 0 76.763-.057"
transform="translate(47.157 453.283)"
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-111.062c-2.778 0-5.074-2.268-5.074-5.074v-33.479c0-2.805 2.296-5.101 5.074-5.101H0c2.778 0 5.074 2.296 5.074 5.101v33.479C5.074-2.268 2.778 0 0 0Z"
transform="translate(287.507 379.637)"
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-121.209"
transform="translate(292.581 294.283)"
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 0h62.05M-59.159 0h18.51"
transform="translate(230.53 258.764)"
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-64.235c0-7.625 6.208-13.833 13.805-13.833h91.758c7.596 0 13.833 6.208 13.833 13.833V87.111c0 7.598-6.237 13.806-13.833 13.806H13.805C6.208 100.917 0 94.709 0 87.111V37.929Z"
transform="translate(385.104 101.833)"
fill="#9fd4fe"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-.255"
transform="translate(444.802 53.756)"
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-45.751c14.966-23.585 24.009-54.37 24.009-88.019 0-35.065-9.836-67.013-25.966-90.966H0c7.597 0 13.833 6.208 13.833 13.833v151.346C13.833-6.208 7.597 0 0 0"
transform="translate(490.667 202.75)"
fill="#85beef"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h91.758c7.596 0 13.833 6.208 13.833 13.833V165.18c0 7.597-6.237 13.805-13.833 13.805H0c-7.597 0-13.805-6.208-13.805-13.805V13.833C-13.805 6.208-7.597 0 0 0Z"
transform="translate(398.91 23.765)"
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-110.696c0-2.807-2.296-5.103-5.074-5.103h27.61c2.806 0 5.102 2.296 5.102 5.103V0c0 2.807-2.296 5.074-5.102 5.074h-27.61C-2.296 5.074 0 2.807 0 0"
transform="translate(105.126 374.563)"
fill="#fbba58"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h76.451c2.806 0 5.102-2.268 5.102-5.074v-110.697c0-2.806-2.296-5.102-5.102-5.102H0c-2.806 0-5.103 2.296-5.103 5.102V-5.074C-5.103-2.268-2.806 0 0 0Z"
transform="translate(51.21 379.637)"
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