Add icons to this collection by clicking the heart icon.
Front Development icon - also known as computer, interface, user, mobile phone, networking, ui, electronics, seo and web, ux design, ux, and ui design. Created in a clean lineal color style with a silver, red, yellow, teal, blue, magenta, purple, orange, and pink 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 512 512"
>
<path
d="m340.277 130.838 43.725-52.336a67.177 67.177 0 0 0-7.287-.406H73.899c-36.667 0-66.399 29.722-66.399 66.399v43.944h250.908c16.058-19.515 20.238-45.04 81.869-57.601zM385.076 175.637a110.404 110.404 0 0 1-3.361 12.802h61.389v-43.944a66.55 66.55 0 0 0-1.896-15.754l-56.132 46.896z"
fill="#ff9bff"
/>
<path
d="M504.5 188.438V414.73c0 36.667-29.722 66.399-66.389 66.399h-61.397c36.667 0 66.389-29.732 66.389-66.399V188.438H504.5z"
fill="#b98eff"
/>
<path
d="M381.714 188.438c-17.559 53.542-72.263 75.646-120.965 48.648-16.211-8.987-19.354-31.075-6.305-44.24a63.856 63.856 0 0 0 3.964-4.408H7.5V414.73c0 36.667 29.732 66.399 66.399 66.399h302.816c36.667 0 66.389-29.732 66.389-66.399V188.438h-61.39z"
fill="#ddbeff"
/>
<path
d="M170.086 284.391H94.499c-14.174 0-25.665 11.491-25.665 25.665v75.587c0 14.174 11.491 25.665 25.665 25.665h75.587c14.174 0 25.665-11.491 25.665-25.665v-75.587c0-14.174-11.491-25.665-25.665-25.665zM364.557 288.408H256.174c-11.332 0-20.518 9.186-20.518 20.518s9.186 20.518 20.518 20.518h108.384c11.332 0 20.518-9.186 20.518-20.518s-9.187-20.518-20.519-20.518zM364.557 366.254H256.174c-11.332 0-20.518 9.186-20.518 20.518s9.186 20.518 20.518 20.518h108.384c11.332 0 20.518-9.186 20.518-20.518 0-11.331-9.187-20.518-20.519-20.518z"
fill="#88f8d8"
/>
<path
d="M504.5 191.438V414.73c0 36.667-29.722 66.399-66.389 66.399h-61.397c36.667 0 66.389-29.732 66.389-66.399V191.438"
fill="none"
stroke="#6d00ca"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M7.5 191.438V414.73c0 36.667 29.732 66.399 66.399 66.399h302.816c36.667 0 66.389-29.732 66.389-66.399V191.438"
fill="none"
stroke="#6d00ca"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M170.086 284.391H94.499c-14.174 0-25.665 11.491-25.665 25.665v75.587c0 14.174 11.491 25.665 25.665 25.665h75.587c14.174 0 25.665-11.491 25.665-25.665v-75.587c0-14.174-11.491-25.665-25.665-25.665zM364.557 288.408H256.174c-11.332 0-20.518 9.186-20.518 20.518v0c0 11.332 9.186 20.518 20.518 20.518h108.384c11.332 0 20.518-9.186 20.518-20.518v0c0-11.332-9.187-20.518-20.519-20.518zM364.557 366.254H256.174c-11.332 0-20.518 9.186-20.518 20.518v0c0 11.332 9.186 20.518 20.518 20.518h108.384c11.332 0 20.518-9.186 20.518-20.518v0c0-11.331-9.187-20.518-20.519-20.518z"
fill="none"
stroke="#007ea8"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="88.81" cy="133.267" r="19.976" fill="#ff63ed" />
<circle cx="159.363" cy="133.267" r="19.976" fill="#ffd600" />
<circle cx="229.916" cy="133.267" r="19.976" fill="#88f8d8" />
<path
d="M479.819 92.845a41.634 41.634 0 0 1-9.753 11.785l-28.858 24.11a66.557 66.557 0 0 1 1.896 15.754v43.944H504.5v-43.944c0-20.869-9.631-39.477-24.681-51.649z"
fill="#ff63ed"
/>
<path
d="M340.277 130.838c-66.393 13.532-66.11 42.109-85.833 62.008-13.048 13.165-9.906 35.253 6.305 44.24 52.421 29.06 111.805 1.24 124.326-61.449l-44.798-44.799z"
fill="#f90"
/>
<circle
cx="88.81"
cy="133.267"
r="19.976"
fill="none"
stroke="#e207b9"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="159.363"
cy="133.267"
r="19.976"
fill="none"
stroke="#f95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="229.916"
cy="133.267"
r="19.976"
fill="none"
stroke="#007ea8"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M381.714 78.289a65.643 65.643 0 0 0-5-.194H73.899c-36.667 0-66.399 29.722-66.399 66.399v43.944h247.908M384.714 188.438h58.389v-43.944c0-4.073-.375-8.057-1.081-11.925"
fill="none"
stroke="#e207b9"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M479.819 92.845a41.634 41.634 0 0 1-9.753 11.785l-28.858 24.11a66.557 66.557 0 0 1 1.896 15.754v43.944H504.5v-43.944c0-20.869-9.631-39.477-24.681-51.649z"
fill="none"
stroke="#e207b9"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M340.277 130.838c-66.393 13.532-66.11 42.109-85.833 62.008-13.048 13.165-9.906 35.253 6.305 44.24 52.421 29.06 111.805 1.24 124.326-61.449l-44.798-44.799z"
fill="none"
stroke="#f95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M472.819 43.095c-17.338-17.338-45.815-16.064-61.535 2.753l-71.006 84.99 44.799 44.799 84.991-71.006c18.814-15.721 20.088-44.199 2.751-61.536z"
fill="#a4bcff"
/>
<path
d="M472.819 43.095h0c-17.338-17.338-45.815-16.064-61.535 2.753l-71.006 84.99 44.799 44.799 84.991-71.006c18.814-15.721 20.088-44.199 2.751-61.536z"
fill="none"
stroke="#2115c2"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category