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 with a white, yellow, and blue 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 124 124"
>
<path
fill="#fdfc5d"
d="M118.897 43.848c0-6.953-5.603-12.598-12.541-12.665-6.951-.067-12.709 5.563-12.79 12.514a12.626 12.626 0 0 0 3.489 8.883c2.959 3.109 4.549 7.275 4.549 11.566v1.511h9.255v-1.692c0-4.27 1.69-8.338 4.612-11.452a12.633 12.633 0 0 0 3.426-8.665z"
/>
<path
fill="#1c7fff"
d="M110.858 66.655h-9.255a1 1 0 0 1-1-1v-1.511c0-4.119-1.518-7.982-4.273-10.877a13.595 13.595 0 0 1-3.765-9.584c.088-7.518 6.265-13.543 13.801-13.502 7.461.072 13.53 6.203 13.53 13.666 0 3.487-1.313 6.808-3.697 9.349-2.799 2.983-4.341 6.807-4.341 10.767v1.692a1 1 0 0 1-1 1zm-8.254-2h7.255v-.692c0-4.47 1.733-8.78 4.882-12.136a11.62 11.62 0 0 0 3.156-7.979c0-6.371-5.182-11.604-11.55-11.666l-.113-.001c-6.37 0-11.594 5.147-11.668 11.526a11.598 11.598 0 0 0 3.214 8.182c3.11 3.269 4.824 7.621 4.824 12.256z"
/>
<g fill="#d8e3ee">
<path
d="M105.231 25.057h2v2.927h-2zM96.45 27.941l1.732-1 1.463 2.535-1.732 1zM90.284 34.809l1-1.732 2.535 1.463-1 1.732zM88.357 41.826h2.927v2h-2.927zM121.073 41.931H124v2h-2.927zM118.598 34.599l2.535-1.464 1 1.732-2.535 1.464zM112.812 29.517l1.463-2.535 1.732 1-1.463 2.535z"
/>
</g>
<path
fill="#1c7fff"
d="m99.178 45.361 3.263-1.265-.587-1.811-5.293 2.223v1.704l5.293 2.224.587-1.81zM107.134 39.626l-4.01 11.481h2.229l3.984-11.481zM110.607 42.285l-.586 1.811 3.262 1.265-3.262 1.265.586 1.81 5.293-2.224v-1.704z"
/>
<path
fill="#fff"
d="M73.336 77.721h11.872v-26.75a2.178 2.178 0 0 0-2.175-2.175H40.967a2.178 2.178 0 0 0-2.175 2.175v26.75h28.085zM38.792 77.721v4.846c0 1.199.976 2.175 2.175 2.175h42.052a2.184 2.184 0 0 0 2.189-2.189v-4.832z"
/>
<path
fill="#d8e3ee"
d="M51.791 69.207h14.308v2H51.791zM68.256 69.207h11.207v2H68.256zM49.839 62.466h25.699v2H49.839zM52.968 55.483h3.377v2h-3.377zM60.149 55.383h19.869v2H60.149z"
/>
<path
fill="#1c7fff"
d="M77.94 81.686h-.925a1 1 0 1 1 0-2h.925a1 1 0 1 1 0 2z"
/>
<path
fill="#d8e3ee"
d="m44.815 53.862-.481 1.484 2.674 1.036-2.674 1.037.481 1.484 4.338-1.823v-1.397zM41.875 60.945l-.481 1.484 2.674 1.037-2.674 1.037.481 1.484 4.338-1.823v-1.397zM44.815 67.686l-.481 1.484 2.674 1.037-2.674 1.037.481 1.484 4.338-1.823v-1.397z"
/>
<path
fill="#fff"
d="M69.971 31.249H53.435V24.12c0-1.078.358-2.126 1.019-2.988l5.096-5.007-4.926-4.786a5.723 5.723 0 0 1-1.189-3.486V1h16.536v6.707a6.157 6.157 0 0 1-1.278 3.748l-4.837 4.669 5.042 5.121a5.444 5.444 0 0 1 1.073 3.241z"
/>
<path
fill="#1c7fff"
d="M73.566 30.249H70.97v-5.762a6.404 6.404 0 0 0-1.27-3.836c-.027-.037-4.425-4.509-4.425-4.509s4.179-4.039 4.209-4.078a7.195 7.195 0 0 0 1.485-4.357V2h2.596a1 1 0 1 0 0-2H49.839a1 1 0 1 0 0 2h2.596v5.853c0 1.468.496 2.923 1.396 4.095.03.039 4.289 4.181 4.289 4.181s-4.43 4.357-4.458 4.395a5.94 5.94 0 0 0-1.226 3.597v6.13H49.84a1 1 0 1 0 0 2h23.728c.553 0 1-.447 1-1s-.449-1.002-1.002-1.002zm-19.131 0v-6.13c0-.83.274-1.653.772-2.327l5.043-4.955a1.015 1.015 0 0 0-.004-1.431l-4.872-4.731a4.75 4.75 0 0 1-.94-2.822V2H68.97v5.707a5.188 5.188 0 0 1-1.028 3.082l-4.781 4.615a1.016 1.016 0 0 0-.019 1.421l4.99 5.069a4.42 4.42 0 0 1 .838 2.593v5.762zM9.129 67.775H31.94v2H9.129zM27.718 65.304H12.97c-2.524 0-4.578-2.103-4.578-4.687V41.578a.998.998 0 0 1 1-1h.005l21.904.112a1 1 0 0 1 .995 1v18.927c0 2.584-2.053 4.687-4.578 4.687zM10.392 42.583v18.034c0 1.481 1.157 2.687 2.578 2.687h14.749c1.421 0 2.578-1.205 2.578-2.687V42.686z"
/>
<path
fill="#25e1bb"
d="M9.392 41.579v19.04c0 2.04 1.598 3.687 3.578 3.687h14.748c1.98 0 3.578-1.647 3.578-3.687V41.691l-21.904-.112z"
/>
<path
fill="#1c7fff"
d="m30.917 40.578-21.403.001a6.634 6.634 0 0 0-1.993-.318c-4.553 0-7.539 4.431-7.521 8.653 0 4.762 3.382 8.636 7.539 8.636.283 0 .569-.036.853-.074v3.141c0 2.584 2.054 4.687 4.578 4.687h14.749c2.524 0 4.578-2.103 4.578-4.687V41.69c-.001-.55-.83-1.109-1.38-1.112zM7.539 55.55C4.484 55.55 2 52.573 2 48.91c-.013-3.115 2.069-6.649 5.521-6.649.289 0 .583.028.871.085v13.123c-.283.054-.57.081-.853.081zm22.757 5.067c0 1.481-1.157 2.687-2.578 2.687H12.97c-1.421 0-2.578-1.205-2.578-2.687V42.583h19.905v18.034zM24.256 35.249c-1.503-1.302-2.211-2.622-2.106-3.926.056-.696.362-1.297.774-1.846.371-.494.901-.945.998-1.587.11-.726-.309-1.609-1.246-2.626l1.471-1.355c1.369 1.485 1.958 2.926 1.753 4.281-.104.684-.421 1.268-.83 1.813-.337.45-.878.885-.927 1.48-.063.79.738 1.661 1.422 2.254zM16.37 35.249c-1.503-1.302-2.211-2.622-2.106-3.926.056-.696.362-1.297.774-1.846.371-.494.901-.945.998-1.587.11-.726-.309-1.609-1.246-2.626l1.471-1.355c1.369 1.485 1.958 2.926 1.753 4.281-.104.684-.421 1.268-.83 1.813-.337.45-.878.885-.927 1.48-.063.79.738 1.661 1.422 2.254z"
/>
<path
fill="#25e1bb"
d="M62 101.5c-7.494 0-13.538 6.677-13.538 14.956V123h27.077v-6.543c0-8.28-6.044-14.957-13.539-14.957z"
/>
<ellipse cx="62" cy="92.5" fill="#fff" rx="9.069" ry="9" />
<path
fill="#1c7fff"
d="M83.033 47.797H40.967a3.179 3.179 0 0 0-3.175 3.175v31.596a3.18 3.18 0 0 0 3.175 3.176h13.632c-1.651 1.782-2.668 4.151-2.668 6.757 0 3.844 2.198 7.183 5.409 8.856-5.735 2.138-9.878 8.093-9.878 15.101V123a1 1 0 0 0 1 1h27.077a1 1 0 0 0 1-1v-6.543c0-7.008-4.143-12.962-9.878-15.101 3.211-1.673 5.409-5.012 5.409-8.856 0-2.606-1.017-4.975-2.668-6.757H83.02a3.192 3.192 0 0 0 3.188-3.189V50.972a3.178 3.178 0 0 0-3.175-3.175zm-43.241 3.175c0-.647.527-1.175 1.175-1.175h42.066c.647 0 1.175.527 1.175 1.175v25.75H39.792zm34.746 65.485V122H49.462v-5.543c0-7.696 5.625-13.957 12.539-13.957 6.912 0 12.537 6.261 12.537 13.957zM62 100.5c-4.449 0-8.069-3.589-8.069-8s3.62-8 8.069-8 8.069 3.589 8.069 8-3.62 8-8.069 8zm22.208-17.946a1.19 1.19 0 0 1-1.188 1.189H66.853C65.412 82.953 63.759 82.5 62 82.5s-3.412.453-4.853 1.243h-16.18a1.176 1.176 0 0 1-1.175-1.176v-3.846h44.416z"
/>
</svg>
More icons in the same style and category