Add icons to this collection by clicking the heart icon.
Front End icon - also known as interface, laptop, web design, website, end, ui, front, seo and web, and front end. Created in a clean lineal color style with a white, silver, teal, navy, 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 128 128"
>
<path
fill="#e6e7e8"
d="M119.338 22.382H61.36a5.393 5.393 0 0 1-4.433-2.322l-2.578-3.725a7.393 7.393 0 0 0-6.077-3.184h-35.61c-2.757 0-5 2.243-5 5v95.698c0 2.757 2.243 5 5 5h106.676c2.757 0 5-2.243 5-5V27.382c0-2.757-2.243-5-5-5z"
/>
<path
fill="#d4fbff"
d="M119.337 34.163H4.662v75.687a4 4 0 0 0 4 4h106.675a4 4 0 0 0 4-4z"
/>
<path fill="#ffd7e5" d="M62 113.85h53.337a4 4 0 0 0 4-4V34.163H62z" />
<g fill="#fa759e">
<path
d="M42.82 65.5h-6.809a1 1 0 1 1 0-2h6.809a1 1 0 1 1 0 2zM30.012 65.5H13.179a1 1 0 1 1 0-2h16.833a1 1 0 1 1 0 2zM42.82 86.5H32.512a1 1 0 1 1 0-2H42.82a1 1 0 1 1 0 2zM28.512 86.5H13.179a1 1 0 1 1 0-2h15.333a1 1 0 1 1 0 2zM42.82 107.5H32.512a1 1 0 1 1 0-2H42.82a1 1 0 1 1 0 2zM28.512 107.5H13.179a1 1 0 1 1 0-2h15.333a1 1 0 1 1 0 2z"
/>
</g>
<path
fill="#fa759e"
d="M69.024 55.968v-13.6a2 2 0 0 1 2-2h37.953a2 2 0 0 1 2 2v13.6a2 2 0 0 1-2 2H71.024a2 2 0 0 1-2-2z"
/>
<path
fill="#0089ef"
d="M69.024 91.211V66.393a2 2 0 0 1 2-2h37.953a2 2 0 0 1 2 2V91.21a2 2 0 0 1-2 2H71.024c-1.105.001-2-.895-2-1.999z"
/>
<path
fill="#fff"
d="M115.337 110.85H8.662a4 4 0 0 1-4-4v3a4 4 0 0 0 4 4h106.675a4 4 0 0 0 4-4v-3a4 4 0 0 1-4 4z"
/>
<path
fill="#0089ef"
d="m52.106 16.629-2.579-3.725a6.391 6.391 0 0 0-5.254-2.753H8.662a4 4 0 0 0-4 4v20.012h114.675V23.382a4 4 0 0 0-4-4H57.36a6.39 6.39 0 0 1-5.254-2.753z"
/>
<circle cx="36.972" cy="18.791" r="2.727" fill="#fff" />
<circle cx="27.065" cy="18.791" r="2.727" fill="#d4fbff" />
<circle cx="17.158" cy="18.791" r="2.727" fill="#fa759e" />
<path
fill="#6dc9f7"
d="M109.569 29.291h-93.75a1.5 1.5 0 1 1 0-3h93.75a1.5 1.5 0 0 1 0 3z"
/>
<g fill="#3a2c60">
<path
d="M45.345 70.5H20.179a1 1 0 1 0 0 2h25.166a1 1 0 1 0 0-2zM20.179 93.5h15.166a1 1 0 1 0 0-2H20.179a1 1 0 1 0 0 2zM19.179 99.5a1 1 0 0 0 1 1h22.333a1 1 0 1 0 0-2H20.179a1 1 0 0 0-1 1zM13.279 51.911l8.472 3.456c.24.096.464.144.672.144.368 0 .676-.124.924-.372s.372-.564.372-.948a1.097 1.097 0 0 0-.696-1.032l-7.849-3.144 7.849-3.144c.464-.208.695-.552.695-1.032 0-.384-.12-.696-.359-.936-.24-.24-.544-.36-.912-.36-.225 0-.456.048-.696.144l-8.472 3.456c-.4.16-.712.408-.937.744a1.989 1.989 0 0 0-.336 1.128c0 .432.112.812.336 1.14.225.329.537.581.937.756zM26.263 58.703c.304 0 .579-.084.828-.252.247-.168.42-.42.516-.756l5.521-17.28c.048-.176.071-.344.071-.504 0-.384-.144-.7-.432-.948s-.624-.372-1.008-.372c-.288 0-.557.084-.805.252s-.428.42-.54.756l-5.495 17.28a1.875 1.875 0 0 0-.072.504c0 .384.144.7.432.948.287.248.615.372.984.372zM34.531 53.579a1.1 1.1 0 0 0-.181.612c0 .384.124.7.372.948.248.249.556.372.924.372.208 0 .433-.048.672-.144l8.473-3.456c.399-.176.712-.428.936-.756.225-.328.336-.708.336-1.14a1.973 1.973 0 0 0-1.272-1.872l-8.473-3.456a1.865 1.865 0 0 0-.695-.144c-.368 0-.672.12-.912.36s-.36.552-.36.936c0 .48.232.824.696 1.032l7.848 3.144-7.848 3.144a1.128 1.128 0 0 0-.516.42zM111.977 42.368c0-1.654-1.346-3-3-3H71.024c-1.654 0-3 1.346-3 3v13.6c0 1.654 1.346 3 3 3h37.953c1.654 0 3-1.346 3-3zm-2 13.6a1 1 0 0 1-1 1H71.024a1 1 0 0 1-1-1v-13.6a1 1 0 0 1 1-1h37.953a1 1 0 0 1 1 1zM111.977 91.21V66.393c0-1.654-1.346-3-3-3H71.024c-1.654 0-3 1.346-3 3V91.21c0 1.654 1.346 3 3 3h37.953c1.654 0 3-1.346 3-3zM71.024 65.393h37.953a1 1 0 0 1 1 1V81.72l-5.394-3.865a1.003 1.003 0 0 0-1.213.036l-5.565 4.512L83.76 72.029a1.002 1.002 0 0 0-1.202.011l-12.534 9.602V66.393a1 1 0 0 1 1-1zm37.953 26.817H71.024a1 1 0 0 1-1-1v-7.049l13.153-10.077 14.062 10.388c.366.269.868.259 1.224-.028l5.574-4.52 5.939 4.257v7.029a1 1 0 0 1-.999 1z"
/>
<path
d="M97.25 76.583c2.481 0 4.5-2.019 4.5-4.5s-2.019-4.5-4.5-4.5-4.5 2.019-4.5 4.5 2.019 4.5 4.5 4.5zm0-7c1.379 0 2.5 1.121 2.5 2.5s-1.121 2.5-2.5 2.5-2.5-1.121-2.5-2.5 1.121-2.5 2.5-2.5zM109.29 98.5H70.71a1 1 0 1 0 0 2h38.58a1 1 0 1 0 0-2zM109.29 105.5H70.71a1 1 0 1 0 0 2h38.58a1 1 0 1 0 0-2zM119.337 82.25a1 1 0 0 0-1 1v9.438a1 1 0 1 0 2 0V83.25a1 1 0 0 0-1-1z"
/>
<path
d="M115.337 18.382H57.36a5.393 5.393 0 0 1-4.432-2.322l-2.579-3.726a7.394 7.394 0 0 0-6.077-3.184H8.663c-2.757 0-5 2.243-5 5v95.699c0 2.757 2.243 5 5 5h106.675c2.757 0 5-2.243 5-5V96.667a1 1 0 1 0-2 0v13.183c0 1.654-1.346 3-3 3H63V35.163h55.337V79.25a1 1 0 1 0 2 0V23.382c0-2.757-2.243-5-5-5zM5.663 14.151c0-1.654 1.346-3 3-3h35.61c1.769 0 3.425.868 4.432 2.322l2.579 3.726a7.395 7.395 0 0 0 6.077 3.184h57.977c1.654 0 3 1.346 3 3v9.781H5.663zM61 70.5h-9.49a1 1 0 1 0 0 2H61v5H20.179a1 1 0 1 0 0 2H61v12H41.51a1 1 0 1 0 0 2H61v5H47.599a1 1 0 1 0 0 2H61v12.35H8.662c-1.654 0-3-1.346-3-3V35.163H61z"
/>
</g>
</svg>
More icons in the same style and category