Add icons to this collection by clicking the heart icon.
Front End icon - also known as interface, marketing, graphic design, pen tool, graphic tool, seo and web, ux, and front end. Created in a clean lineal color style with a white, silver, gray, 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 64 64"
>
<path fill="#e6e9ed" d="M62 4v12H52V4zM36 10V4h10v12H36z" />
<path
fill="#fcd770"
d="M9.43 11.53c.57-.19 1.04-.62 1.26-1.18l.15-.36c.11-.25.16-.52.16-.79 0-.32-.07-.64-.22-.93-.41-.8-.25-1.77.38-2.4l.71-.71c.4-.4.93-.61 1.46-.61.32 0 .64.08.94.23.54.27 1.17.3 1.72.06l.36-.15c.56-.22.99-.69 1.18-1.26C17.81 2.58 18.61 2 19.5 2h1c.89 0 1.69.58 1.97 1.43.19.57.62 1.04 1.18 1.26l.36.15c.25.11.52.16.79.16.32 0 .64-.07.93-.22.8-.41 1.77-.25 2.4.38l.71.71c.4.4.61.93.61 1.46 0 .32-.08.64-.23.94-.27.54-.3 1.17-.06 1.72V10c.05.12.1.23.15.35.22.56.69.99 1.26 1.18.85.28 1.43 1.08 1.43 1.97v.5h-6c0-3.31-2.69-6-6-6s-6 2.69-6 6H8v-.5c0-.89.58-1.69 1.43-1.97z"
/>
<path
fill="#ff826e"
d="m34 18-.71 4.95-.07.13L24.45 18zM7.33 27.28l11.8-7.38c.28.07.57.1.87.1s.59-.03.87-.1l9.76 6.1H18c-1.1 0-2 .9-2 2v4H9.74c-1 0-1.84-.73-1.98-1.72zM14.76 18l-8.04 4.97-.01-.02L6 18z"
/>
<path
fill="#ccd1d9"
d="M26 14h8a2 2 0 1 1 0 4h-9.55l-.76-.44-.01-.01c.21-.47.32-1 .32-1.55 0-.73-.2-1.41-.54-2zM16 16c0 .39.06.77.16 1.13l-1.4.87H6c-1.1 0-2-.9-2-2s.9-2 2-2h10.54a3.99 3.99 0 0 0-.54 2z"
/>
<path
fill="#ccd1d9"
d="m24.45 18 8.77 5.08 3.84 2.22c.29.18.51.42.67.7h-7.1l-9.76-6.1a3.96 3.96 0 0 0 2.81-2.35l.01.01zM16.16 17.13a3.98 3.98 0 0 0 2.97 2.77l-11.8 7.38-2.27 1.42c-.32.2-.68.3-1.06.3a2 2 0 0 1-1.7-.94c-.58-.94-.29-2.17.64-2.76l3.78-2.33L14.76 18z"
/>
<path fill="#5cd6b3" d="M16 32v-4c0-1.1.9-2 2-2h42c1.1 0 2 .9 2 2v6H16z" />
<path fill="#e6e9ed" d="M60 62H18a2 2 0 0 1-2-2V34h46v26a2 2 0 0 1-2 2z" />
<path fill="#ff826e" d="M44 38h14v4H44z" />
<path
fill="#f0d0b4"
d="M39 38H21c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V39c0-.55-.45-1-1-1z"
/>
<path
fill="#d3a06c"
d="M20 44h6.54c-.34.59-.54 1.27-.54 2s.2 1.41.54 2H4c-.55 0-1.05-.22-1.41-.59C2.22 47.05 2 46.55 2 46c0-1.1.9-2 2-2h12z"
/>
<path
fill="#fcd770"
d="M26.54 44c.69-1.2 1.98-2 3.46-2 2.21 0 6 1.79 6 4s-3.79 4-6 4c-1.48 0-2.77-.8-3.46-2-.34-.59-.54-1.27-.54-2s.2-1.41.54-2z"
/>
<path
fill="#fc6e51"
d="M20.87 19.9c-.28.07-.57.1-.87.1s-.59-.03-.87-.1a3.98 3.98 0 0 1-2.97-2.77 3.99 3.99 0 0 1 .38-3.13c.69-1.2 1.98-2 3.46-2s2.77.8 3.46 2c.34.59.54 1.27.54 2 0 .55-.11 1.08-.32 1.55a3.96 3.96 0 0 1-2.81 2.35z"
/>
<path
d="M27 29h2v2h-2zM23 29h2v2h-2zM19 29h2v2h-2zM19 57h2v2h-2zM23 57h6v2h-6zM31 57h10v2H31zM43 43h16v-6H43zm2-4h12v2H45zM43 45h4v2h-4zM49 45h10v2H49zM43 49h16v2H43zM43 53h6v2h-6zM51 53h2v2h-2zM55 53h4v2h-4zM49 57h2v2h-2zM53 57h2v2h-2zM57 57h2v2h-2z"
/>
<path
d="M63 17V3H51v6h-4V3H35v6h-4.96c.019-.094.029-.19.074-.279a3.07 3.07 0 0 0-.569-3.562l-.705-.703a3.068 3.068 0 0 0-3.561-.57c-.281.144-.6.157-.874.038a11.07 11.07 0 0 0-.391-.161 1.03 1.03 0 0 1-.596-.647A3.065 3.065 0 0 0 20.498 1h-.996a3.069 3.069 0 0 0-2.921 2.116c-.1.302-.316.538-.594.646a9.044 9.044 0 0 0-.394.162 1.03 1.03 0 0 1-.873-.038 3.07 3.07 0 0 0-3.561.57l-.705.704a3.069 3.069 0 0 0-.568 3.56c.143.283.156.601.037.875-.055.128-.108.257-.16.39-.109.28-.345.497-.648.596A3.064 3.064 0 0 0 7.042 13H6.001c-1.654 0-3 1.346-3 3 0 1.343.893 2.469 2.111 2.85l.517 3.617-3.219 1.989a3.004 3.004 0 0 0-.954 4.134A2.984 2.984 0 0 0 4.001 30c.563 0 1.113-.158 1.59-.456l.962-.601.212 1.482A3.017 3.017 0 0 0 9.735 33H15v10H4c-1.654 0-3 1.346-3 3s1.346 3 3 3h11v11c0 1.654 1.346 3 3 3h42c1.654 0 3-1.346 3-3V28c0-1.654-1.346-3-3-3H38.22a3.096 3.096 0 0 0-.658-.562l-3.205-1.856.533-3.732A2.993 2.993 0 0 0 36.817 17H47v-6h4v6zm-28.999 0H24.9a4.995 4.995 0 0 0 0-2h9.101a1 1 0 0 1 .999.995v.01a1 1 0 0 1-.999.995zm-14 2c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-8c-1.627 0-3.061.793-3.974 2h-.925c.465-2.279 2.484-4 4.899-4s4.434 1.721 4.899 4h-.924c-.914-1.207-2.348-2-3.975-2zM35 13.184a2.96 2.96 0 0 0-.999-.184h-1.043a3.063 3.063 0 0 0-1.251-2H35zm-25.261-.703a3.015 3.015 0 0 0 1.886-1.769c.043-.108.087-.216.133-.322a3.023 3.023 0 0 0-.087-2.572c-.21-.415-.13-.916.198-1.244l.705-.705a1.071 1.071 0 0 1 1.244-.199 3.014 3.014 0 0 0 2.571.087c.105-.045.211-.089.32-.132a3.02 3.02 0 0 0 1.771-1.887A1.074 1.074 0 0 1 19.502 3h.996c.466 0 .875.297 1.021.741a3.023 3.023 0 0 0 1.773 1.886c.107.042.213.085.317.13a3.02 3.02 0 0 0 2.572-.087c.416-.21.915-.129 1.244.2l.704.703c.329.33.409.83.199 1.246a3.025 3.025 0 0 0-.088 2.571c.047.106.091.214.133.321a3.022 3.022 0 0 0 1.887 1.771c.269.088.474.281.601.519H26.92C26.432 9.613 23.519 7 20 7s-6.432 2.613-6.92 6H9.138a1.07 1.07 0 0 1 .601-.519zM6.001 15h9.101a4.995 4.995 0 0 0-.101 1c0 .219.037.427.065.638L14.48 17H6.001a1.001 1.001 0 0 1 0-2zm1.153 4h4.088l-3.756 2.32zM4.53 27.848a1.024 1.024 0 0 1-1.378-.318 1 1 0 0 1 .313-1.375l12.271-7.58a5.002 5.002 0 0 0 1.319 1.445zM13.001 31v-4h-2v4H9.735c-.494 0-.92-.37-.99-.858l-.337-2.359 10.956-6.847c.211.027.419.064.637.064s.426-.037.636-.064L27.14 25H18c-1.654 0-3 1.346-3 3v3zM3 46a1 1 0 0 1 1-1h21.101a4.995 4.995 0 0 0 0 2H4a1 1 0 0 1-1-1zm18 3h5.026c.914 1.207 2.348 2 3.974 2 2.403 0 7-1.947 7-5s-4.597-5-7-5c-1.627 0-3.061.793-3.974 2H21v-4h18v14H21zm6-3c0-1.654 1.346-3 3-3 1.975 0 5 1.609 5 3s-3.025 3-5 3c-1.654 0-3-1.346-3-3zm33 15H18a1 1 0 0 1-1-1V49h2v4c0 1.103.897 2 2 2h18c1.103 0 2-.897 2-2V39c0-1.103-.897-2-2-2H21c-1.103 0-2 .897-2 2v4h-2v-8h44v25a1 1 0 0 1-1 1zm1-33v5H17v-5c0-.551.448-1 1-1h42c.552 0 1 .449 1 1zm-30.086-3-7.968-4.98a5.03 5.03 0 0 0 1.097-1.102L34.542 25zm-2.74-6h4.674l-.357 2.501zM45 15h-8V5h8zm8-10h8v10h-8z"
/>
<path d="M55 7h4v2h-4zM55 11h4v2h-4zM39 7h4v2h-4zM39 11h4v2h-4z" />
</svg>
More icons in the same style and category