Add icons to this collection by clicking the heart icon.
Front End icon - also known as web, web design, design, ui, seo and web, ux design, ux, ui design, and front end. Created in a clean flat style with a white, silver, gray, teal, blue, and orange 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 512 512"
>
<rect width="452" height="452" x="60" y="60" fill="#8397cc" rx="17.5" />
<path
fill="#6d83b5"
d="M77.5 60A17.52 17.52 0 0 0 60 77.5V472h394.5a17.52 17.52 0 0 0 17.5-17.5V60z"
/>
<path
fill="#fff"
d="M512 115V77.5A17.52 17.52 0 0 0 494.5 60h-417A17.52 17.52 0 0 0 60 77.5V115z"
/>
<path fill="#e8efff" d="M472 60H77.5A17.52 17.52 0 0 0 60 77.5V115h412z" />
<rect width="452" height="452" fill="#3d58ff" rx="17.5" />
<path
fill="#3146cc"
d="M20 37.5A17.52 17.52 0 0 1 37.5 20H452v-2.5A17.52 17.52 0 0 0 434.5 0h-417A17.52 17.52 0 0 0 0 17.5v417A17.52 17.52 0 0 0 17.5 452H20zM394.5 367h-60a27.5 27.5 0 0 0 0 55h60a27.5 27.5 0 0 0 0-55z"
/>
<rect
width="202"
height="133.5"
x="50"
y="288.5"
fill="#3146cc"
rx="17.5"
/>
<rect width="372" height="135" x="50" y="130" fill="#3146cc" rx="17.5" />
<path
fill="#48c5a1"
d="M384.5 357h-60a27.5 27.5 0 0 0 0 55h60a27.5 27.5 0 0 0 0-55z"
/>
<path
fill="#3aaf88"
d="M307 394.5a27.54 27.54 0 0 1 27.5-27.5h60a27.3 27.3 0 0 1 13.78 3.72A27.5 27.5 0 0 0 384.5 357h-60a27.49 27.49 0 0 0-13.78 51.28A27.3 27.3 0 0 1 307 394.5z"
/>
<rect
width="202"
height="133.5"
x="40"
y="278.5"
fill="#f4a42b"
rx="17.5"
/>
<path
fill="#e59123"
d="M50 404.5V306a17.52 17.52 0 0 1 17.5-17.5h167a17.43 17.43 0 0 1 6.31 1.19 17.54 17.54 0 0 0-16.31-11.19h-167A17.52 17.52 0 0 0 40 296v98.5a17.54 17.54 0 0 0 11.19 16.31A17.43 17.43 0 0 1 50 404.5z"
/>
<rect width="372" height="135" x="40" y="120" fill="#f65d6d" rx="17.5" />
<path
fill="#e25065"
d="M60 157.5A17.52 17.52 0 0 1 77.5 140H412v-2.5a17.52 17.52 0 0 0-17.5-17.5h-337A17.52 17.52 0 0 0 40 137.5v100A17.52 17.52 0 0 0 57.5 255H60z"
/>
<path
fill="#fff"
d="M452 55V17.5A17.52 17.52 0 0 0 434.5 0h-417A17.52 17.52 0 0 0 0 17.5V55z"
/>
<path
fill="#e8efff"
d="M20 37.5A17.52 17.52 0 0 1 37.5 20H452v-2.5A17.52 17.52 0 0 0 434.5 0h-417A17.52 17.52 0 0 0 0 17.5V55h20z"
/>
<g fill="#fff">
<path
d="M404.5 293.5h-120a7.5 7.5 0 0 1 0-15h120a7.5 7.5 0 0 1 0 15zM404.5 333.5h-120a7.5 7.5 0 0 1 0-15h120a7.5 7.5 0 0 1 0 15zM404.5 95h-68.17a7.5 7.5 0 0 1 0-15h68.17a7.5 7.5 0 0 1 0 15zM309 95h-4.5a7.5 7.5 0 0 1 0-15h4.5a7.5 7.5 0 0 1 0 15zM191 382.75a7.42 7.42 0 0 1-3.85-1.07l-100-60a7.5 7.5 0 1 1 7.72-12.86l100 60a7.5 7.5 0 0 1-3.87 13.93z"
/>
<path
d="M91 382.75a7.5 7.5 0 0 1-3.87-13.93l100-60a7.5 7.5 0 0 1 7.72 12.86l-100 60a7.42 7.42 0 0 1-3.85 1.07z"
/>
</g>
</svg>
More icons in the same style and category