Add icons to this collection by clicking the heart icon.
Front End icon - also known as screen, user, monitor, code, light bulb, developer, coding, professions and jobs, and front end. 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="512"
height="512"
viewBox="0 0 124 124"
>
<path
fill="#f4f2f4"
d="M46.617 20.259c5.175-3.051 2.06-10.301 7.844-15.013C61.478-.47 76.528 1.673 80.899 8.999c4.902 8.215-5.791 19.316-1.162 24.252 4.495 4.794 15.654-4.533 24.986.866 6.595 3.815 10.269 13.823 8.135 21.365-2.914 10.298-14.955 9.983-16.851 19.055-1.963 9.394 10.129 13.66 9.297 23.963-.897 11.106-16.294 22.851-29.344 21.654-13.327-1.222-15.87-15.177-28.472-15.013-11.552.15-16.132 11.964-23.533 9.528-6.491-2.137-9.686-13.435-9.297-22.231.781-17.685 15.973-23.527 13.074-34.357-2.585-9.658-15.614-8.558-18.594-19.344-2.399-8.682 2.947-20.6 10.75-23.386 9.915-3.54 19.372 9.246 26.729 4.908z"
/>
<path
fill="#ff0"
d="M118.079 46.821c0-6.736-5.455-12.203-12.208-12.269-6.767-.065-12.372 5.389-12.451 12.121a12.194 12.194 0 0 0 3.397 8.604c2.88 3.011 4.428 7.047 4.428 11.204v1.463h9.01v-1.639c0-4.136 1.646-8.077 4.489-11.093a12.194 12.194 0 0 0 3.335-8.391z"
/>
<g fill="#636">
<path
d="M110.253 68.945h-9.01c-1.137 0-1.193-1.695-1-2.463 0-3.98-1.474-7.714-4.15-10.513a13.162 13.162 0 0 1-3.674-9.308c.085-7.3 6.1-13.18 13.461-13.109 7.277.07 13.198 6.022 13.198 13.269 0 3.387-1.281 6.611-3.608 9.079-2.72 2.883-4.217 6.579-4.217 10.406.188.758.142 2.639-1 2.639zm-8.01-2h7.01v-.639c0-4.34 1.691-8.522 4.762-11.779a11.188 11.188 0 0 0 3.063-7.706c0-6.153-5.032-11.209-11.218-11.269l-.111-.001c-6.187 0-11.258 4.972-11.33 11.134a11.173 11.173 0 0 0 3.119 7.901c3.034 3.173 4.705 7.397 4.705 11.896z"
/>
<path
d="m97.114 49.462 5.722 2.933v-1.697l-3.572-1.781 3.572-1.782v-1.696l-5.722 2.932zM103.719 52.025h1.405l2.805-7.227h-1.414zM108.792 45.44v1.696l3.597 1.781-3.597 1.78v1.696l5.722-2.92V48.36zM104.748 27.672h2v2.835h-2zM96.213 30.458l1.73-1.004 1.426 2.456-1.731 1.004zM90.196 37.147l.996-1.734 2.468 1.418-.996 1.734zM87.395 43.884h2.849v2h-2.849zM121.15 43.985H124v2h-2.85zM117.762 36.895l2.466-1.417.996 1.734-2.466 1.417zM112.149 31.967l1.425-2.455 1.73 1.004-1.425 2.456z"
/>
</g>
<path
fill="#fff"
d="M73.887 80.805h12.178V53.462a2.23 2.23 0 0 0-2.231-2.223h-43.15a2.23 2.23 0 0 0-2.231 2.223v27.343h28.809z"
/>
<path
fill="#0ff"
d="M38.452 80.805v4.954a2.23 2.23 0 0 0 2.231 2.223H83.82a2.236 2.236 0 0 0 2.245-2.238v-4.94H38.452z"
/>
<path
fill="#636"
d="M53.838 73.124h14.625v2H53.838zM70.676 73.124h11.496v2H70.676zM50.763 65.233H78.71v2H50.763zM54.994 57.096h3.465v2h-3.465zM62.36 56.992h20.382v2H62.36zM77.661 82.835h.948v2h-.948zM45.689 71.064v1.663l3.363 1.337-3.363 1.338v1.663l6.029-2.472v-1.057zM42.72 63.359v1.663l3.363 1.337-3.363 1.338v1.663l6.029-2.472v-1.057zM46.64 55.531v1.663l3.363 1.337-3.363 1.338v1.662l6.03-2.472v-1.056z"
/>
<path
fill="#f36"
d="M71.346 36.476H51.67v-8.361c0-1.264.425-2.493 1.213-3.504l6.064-5.872-5.862-5.612a6.654 6.654 0 0 1-1.415-4.089V1h19.676v7.866a7.154 7.154 0 0 1-1.521 4.396l-5.755 5.476 6 6.006a6.328 6.328 0 0 1 1.277 3.801v7.931z"
/>
<path
fill="#636"
d="M71.346 37.476H51.671a1 1 0 0 1-1-1v-8.361c0-1.477.505-2.939 1.423-4.118a1.15 1.15 0 0 1 .093-.104l5.318-5.149-5.111-4.894a1.11 1.11 0 0 1-.098-.108 7.7 7.7 0 0 1-1.625-4.703V1a1 1 0 0 1 1-1h19.675a1 1 0 0 1 1 1v7.866a8.207 8.207 0 0 1-1.731 5.011.864.864 0 0 1-.1.11l-5.014 4.77 5.275 5.28c.034.033.064.069.093.106a7.29 7.29 0 0 1 1.477 4.402v7.93a1 1 0 0 1-1 1.001zm-18.675-2h17.675v-6.93a5.287 5.287 0 0 0-1.036-3.147l-5.947-5.953a1.003 1.003 0 0 1 .018-1.432l5.7-5.422a6.2 6.2 0 0 0 1.266-3.726V2H52.671v7.037c0 1.221.412 2.432 1.161 3.419l5.807 5.56a1.004 1.004 0 0 1 .005 1.442l-6.011 5.82a4.731 4.731 0 0 0-.961 2.837v7.361z"
/>
<path
fill="#636"
d="M47.392 35.476h28.232v2H47.392zM47.392 0h28.232v2H47.392zM9.596 66.142h24.12v2H9.596z"
/>
<path
fill="#ff0"
d="m9.854 38.683.019 19.386c0 2.077 1.69 3.754 3.783 3.754h15.595c2.093 0 3.783-1.677 3.783-3.754V38.797l-23.18-.114z"
/>
<path
fill="#636"
d="m33.04 37.798-23.073-.115a7.188 7.188 0 0 0-2.072-.324c-1.966 0-3.85.804-5.302 2.263C.934 41.288-.011 43.67 0 46.152c0 4.838 3.55 8.774 7.914 8.774.317 0 .637-.036.956-.079l.003 3.222c0 2.621 2.146 4.754 4.783 4.754h15.595c2.638 0 4.783-2.133 4.783-4.754V38.798a.998.998 0 0 0-.994-1zM8.854 52.839a5.14 5.14 0 0 1-.94.088C4.653 52.927 2 49.888 2 46.148c-.009-1.958.724-3.822 2.01-5.114 1.075-1.079 2.454-1.674 3.885-1.674.319 0 .642.031.959.092zm23.181 5.23c0 1.519-1.249 2.754-2.783 2.754H13.656c-1.535 0-2.783-1.235-2.783-2.755l-.018-18.381 21.18.105zM25.642 35.192c-1.585-1.322-2.333-2.667-2.222-3.997.088-1.044.672-1.722 1.141-2.267.409-.475.664-.788.733-1.23.116-.734-.328-1.633-1.32-2.669l1.445-1.383c1.446 1.512 2.069 2.979 1.851 4.364-.162 1.026-.734 1.69-1.194 2.224-.402.467-.631.75-.663 1.128-.067.8.784 1.689 1.51 2.295zM17.303 35.192c-1.585-1.322-2.333-2.667-2.222-3.997.088-1.044.672-1.722 1.141-2.267.409-.475.664-.788.733-1.23.116-.734-.328-1.633-1.32-2.669l1.445-1.383c1.446 1.512 2.069 2.979 1.851 4.364-.162 1.026-.734 1.69-1.194 2.224-.402.467-.631.75-.663 1.128-.067.8.784 1.689 1.51 2.295z"
/>
<path
fill="#fff"
d="M61.717 102.5c-7.494 0-13.538 6.677-13.538 14.956V123h27.077v-5.543c0-8.28-6.044-14.957-13.539-14.957z"
/>
<ellipse cx="61.976" cy="93.5" fill="#fff" rx="9.069" ry="9" />
<path
fill="#636"
d="M83.834 50.238h-43.15a3.23 3.23 0 0 0-3.231 3.224v32.297a3.232 3.232 0 0 0 3.231 3.224h12.321a9.867 9.867 0 0 0-1.098 4.518c0 3.797 2.143 7.107 5.291 8.799-5.809 2.092-10.019 8.091-10.019 15.158V123a1 1 0 0 0 1 1h27.077a1 1 0 0 0 1-1v-5.543c0-6.95-4.077-12.861-9.738-15.044 3.274-1.653 5.528-5.023 5.528-8.913a9.87 9.87 0 0 0-1.098-4.518H83.82a3.245 3.245 0 0 0 3.246-3.237V53.462a3.232 3.232 0 0 0-3.232-3.224zm-9.578 67.219V122H49.179v-4.543c0-7.696 5.625-13.957 12.539-13.957s12.538 6.261 12.538 13.957zM61.976 101.5c-4.449 0-8.069-3.589-8.069-8s3.62-8 8.069-8c4.45 0 8.07 3.589 8.07 8s-3.62 8-8.07 8zm23.09-15.755c0 .683-.559 1.237-1.246 1.237H69.597c-1.848-2.128-4.576-3.482-7.62-3.482s-5.772 1.354-7.62 3.482H40.684a1.229 1.229 0 0 1-1.231-1.224v-3.954h45.613zm0-5.94H39.452V53.462c0-.675.552-1.224 1.231-1.224h43.15c.679 0 1.231.549 1.231 1.224v26.343z"
/>
</svg>
More icons in the same style and category