Add icons to this collection by clicking the heart icon.
Front End icon - also known as computer, cursor, monitor, design, browser, ui, website design, seo and web, ux, and front end. Created in a clean outline color style with a white, silver, 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 64 64"
>
<g>
<path
fill="#f0f4f7"
d="M27.64 11.79a3.84 3.84 0 0 0-3.55 2.38l-.57 1.38a3.1 3.1 0 0 1-2.87 1.93H8v32.4A6.11 6.11 0 0 0 14.12 56h35.76A6.11 6.11 0 0 0 56 49.88v-32.4h-4.33a3.09 3.09 0 0 1-2.87-1.93l-.57-1.38a3.83 3.83 0 0 0-3.55-2.38zm-13.43 9.69H50a2 2 0 0 1 2 2.06l-.08 26.34a2 2 0 0 1-2.06 2.06H14.12a2 2 0 0 1-2.06-2.06l.08-26.34a2 2 0 0 1 2.07-2.06z"
/>
<path
fill="#94d8e5"
d="M14.12 8A6.11 6.11 0 0 0 8 14.12v3.36h12.65a3.1 3.1 0 0 0 2.87-1.93l.57-1.38a3.84 3.84 0 0 1 3.55-2.38h17a3.83 3.83 0 0 1 3.55 2.38l.57 1.38a3.09 3.09 0 0 0 2.87 1.93H56v-3.36A6.11 6.11 0 0 0 49.88 8zm-2.19 4.33a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.25-1.25zm4 0a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.24-1.25zm4 0a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.22-1.25z"
/>
<path
fill="#e0e9ee"
d="M14.21 21.48a2 2 0 0 0-2.07 2.06v2.92h14.12v3a2.21 2.21 0 0 1 0 4.42v3H12.1v13.07a2 2 0 0 0 2.06 2.06h27.47V49a2.21 2.21 0 1 1 0-4.41v-3H52V23.54a2 2 0 0 0-2-2.06zm27.42 5H52v10.33H41.63v-3a2.21 2.21 0 0 1 0-4.42z"
/>
<path
fill="#e0e9ee"
d="M52.73 17.48v32.4A6.11 6.11 0 0 1 46.61 56h3.27A6.11 6.11 0 0 0 56 49.88v-32.4z"
/>
<path
fill="#7bd1e0"
d="M46.61 8a6.11 6.11 0 0 1 6.12 6.12v3.36H56v-3.36A6.11 6.11 0 0 0 49.88 8z"
/>
<path
fill="#f6e782"
d="M41.63 51.94h8.25a2 2 0 0 0 2.06-2.06v-8.29H41.63v3a2.21 2.21 0 0 1 0 4.41zM24.05 31.64a2.21 2.21 0 0 1 2.21-2.21v-3H12.1v10.38h14.16v-3a2.21 2.21 0 0 1-2.21-2.17z"
/>
<path
fill="#94d8e5"
d="M26.26 29.43a2.21 2.21 0 1 0 2.21 2.21 2.21 2.21 0 0 0-2.21-2.21z"
/>
<path
fill="#f6e782"
d="M41.63 36.81H52V26.46H41.63v3a2.21 2.21 0 0 1 0 4.42z"
/>
<path
fill="#94d8e5"
d="M41.63 44.56a2.21 2.21 0 1 0 2.2 2.21 2.21 2.21 0 0 0-2.2-2.21zM39.42 31.64a2.21 2.21 0 1 0 2.21-2.21 2.21 2.21 0 0 0-2.21 2.21z"
/>
<g fill="#00244c">
<path
d="M49.88 7H14.12A7.12 7.12 0 0 0 7 14.12v35.76A7.12 7.12 0 0 0 14.12 57h35.76A7.12 7.12 0 0 0 57 49.88V14.12A7.12 7.12 0 0 0 49.88 7zm0 48H14.12A5.13 5.13 0 0 1 9 49.88v-31.4h46v31.4A5.13 5.13 0 0 1 49.88 55zm-25.7-38.52a5.6 5.6 0 0 0 .27-.55l.55-1.38a2.83 2.83 0 0 1 2.62-1.76h17a2.83 2.83 0 0 1 2.63 1.76l.56 1.38a4.07 4.07 0 0 0 .28.55zm30.82 0h-3.33a2.1 2.1 0 0 1-2-1.31l-.56-1.38a4.82 4.82 0 0 0-4.48-3h-17a4.79 4.79 0 0 0-4.47 3l-.57 1.38a2.1 2.1 0 0 1-2 1.31H9v-2.36A5.13 5.13 0 0 1 14.12 9h35.76A5.13 5.13 0 0 1 55 14.12z"
/>
<circle cx="11.93" cy="13.58" r="1.25" />
<circle cx="15.92" cy="13.58" r="1.25" />
<circle cx="19.9" cy="13.58" r="1.25" />
<path
d="M30.38 38.2H37a1 1 0 0 0 .92-.62 1 1 0 0 0-.22-1.09l-2.07-2.08a1 1 0 0 0-1.41 1.42l.36.37h-4.2a1 1 0 1 0 0 2zM37 39.49h-6.6a1 1 0 0 0-.93.62 1 1 0 0 0 .22 1.09l2.08 2.08a1 1 0 0 0 .7.29 1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.42l-.37-.37H37a1 1 0 0 0 0-2z"
/>
<path
d="M52.12 21.35a3.07 3.07 0 0 0-2.2-.87H14.16a3 3 0 0 0-3.06 3.06L11 49.88a3 3 0 0 0 3.06 3.06h35.78a3 3 0 0 0 3.06-3.06s.1-26.46.1-26.34a3.06 3.06 0 0 0-.88-2.19zM41.63 48a1.21 1.21 0 0 1 0-2.41 1.21 1.21 0 0 1 0 2.41zm-1-6.38v2.14a3.22 3.22 0 0 0-2 2H20.18v-7.95h6.08a1 1 0 0 0 1-1v-2.14a3.18 3.18 0 0 0 2-2h9.3a3.22 3.22 0 0 0 2 2v2.14a1 1 0 0 0 1 1h9.31v2.78h-9.3a1 1 0 0 0-.94 1zm-27.53-9h5.33a1 1 0 0 0 0-2H13.1v-3.16h12.16v1.15a3.18 3.18 0 0 0 0 6.06v1.14H13.1zm13.16.21a1.22 1.22 0 0 1-1.21-1.21 1.21 1.21 0 0 1 1.21-1.21 1.21 1.21 0 0 1 0 2.42zM51 30.64h-2.92a1 1 0 0 0 0 2H51v3.17h-8.37v-1.14a3.19 3.19 0 0 0 0-6.06v-1.15H51zm-9.34-.21a1.21 1.21 0 1 1-1.21 1.21 1.21 1.21 0 0 1 1.18-1.21zm-27.5-7.95h35.76a1.08 1.08 0 0 1 .78.28 1.05 1.05 0 0 1 .28.78v1.92h-9.35a1 1 0 0 0-1 1v2.15a3.2 3.2 0 0 0-2 2h-9.3a3.16 3.16 0 0 0-2-2v-2.15a1 1 0 0 0-1-1H13.1v-1.92a1 1 0 0 1 1.06-1.06zm-.86 28.17a1 1 0 0 1-.28-.77V37.81h5.12v8.95a1 1 0 0 0 1 1h19.45a3.21 3.21 0 0 0 2 2v1.14H14.08a1 1 0 0 1-.78-.25zm36.54.29h-7.21V49.8a3.19 3.19 0 0 0 0-6.07v-1.14h8.29v3.17h-2.84a1 1 0 0 0 0 2h2.82v2.12a1 1 0 0 1-1.06 1.06z"
/>
</g>
</g>
</svg>
More icons in the same style and category