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 outline color style with a white, silver, gray, blue, navy, 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="437" height="437" x="67.5" y="67.5" fill="#8397cc" rx="10" />
<path
fill="#fff"
d="M494.5 67.5h-417a10 10 0 0 0-10 10v30h437v-30a10 10 0 0 0-10-10z"
/>
<rect width="437" height="437" x="7.5" y="7.5" fill="#3d58ff" rx="10" />
<rect
width="40"
height="100"
x="334.5"
y="334.5"
fill="#48c5a1"
rx="20"
transform="rotate(90 354.5 384.5)"
/>
<rect
width="118.5"
height="187"
x="81.75"
y="251.75"
fill="#f4a42b"
rx="10"
transform="rotate(90 141 345.25)"
/>
<rect
width="120"
height="357"
x="166"
y="9"
fill="#f65d6d"
rx="10"
transform="rotate(90 226 187.5)"
/>
<path
fill="#fff"
d="M434.5 7.5h-417a10 10 0 0 0-10 10v30h437v-30a10 10 0 0 0-10-10z"
/>
<g fill="#1f349b">
<path
d="M494.5 60H452V17.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 452H60v42.5A17.52 17.52 0 0 0 77.5 512h417a17.52 17.52 0 0 0 17.5-17.5v-417A17.52 17.52 0 0 0 494.5 60zm0 15a2.5 2.5 0 0 1 2.5 2.5V100h-45V75zm-477-60h417a2.5 2.5 0 0 1 2.5 2.5V40H15V17.5a2.5 2.5 0 0 1 2.5-2.5zM15 434.5V55h422v379.5a2.5 2.5 0 0 1-2.5 2.5h-417a2.5 2.5 0 0 1-2.5-2.5zM494.5 497h-417a2.5 2.5 0 0 1-2.5-2.5V452h359.5a17.52 17.52 0 0 0 17.5-17.5V115h45v379.5a2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
d="M384.5 357h-60a27.5 27.5 0 0 0 0 55h60a27.5 27.5 0 0 0 0-55zm0 40h-60a12.5 12.5 0 0 1 0-25h60a12.5 12.5 0 0 1 0 25zM224.5 278.5h-167A17.52 17.52 0 0 0 40 296v98.5A17.52 17.52 0 0 0 57.5 412h167a17.52 17.52 0 0 0 17.5-17.5V296a17.52 17.52 0 0 0-17.5-17.5zm2.5 116a2.5 2.5 0 0 1-2.5 2.5h-167a2.5 2.5 0 0 1-2.5-2.5V296a2.5 2.5 0 0 1 2.5-2.5h167a2.5 2.5 0 0 1 2.5 2.5zM394.5 120h-337A17.52 17.52 0 0 0 40 137.5v100A17.52 17.52 0 0 0 57.5 255h337a17.52 17.52 0 0 0 17.5-17.5v-100a17.52 17.52 0 0 0-17.5-17.5zm2.5 117.5a2.5 2.5 0 0 1-2.5 2.5h-337a2.5 2.5 0 0 1-2.5-2.5v-100a2.5 2.5 0 0 1 2.5-2.5h337a2.5 2.5 0 0 1 2.5 2.5zM404.5 278.5h-120a7.5 7.5 0 0 0 0 15h120a7.5 7.5 0 0 0 0-15zM404.5 318.5h-120a7.5 7.5 0 0 0 0 15h120a7.5 7.5 0 0 0 0-15zM404.5 80h-68.17a7.5 7.5 0 0 0 0 15h68.17a7.5 7.5 0 0 0 0-15zM304.5 95h4.5a7.5 7.5 0 0 0 0-15h-4.5a7.5 7.5 0 0 0 0 15z"
/>
<path
d="M197.43 311.39a7.5 7.5 0 0 0-10.29-2.57L141 336.5l-46.14-27.68a7.5 7.5 0 1 0-7.72 12.86l39.28 23.57-39.28 23.57A7.5 7.5 0 0 0 91 382.75a7.42 7.42 0 0 0 3.85-1.07L141 354l46.14 27.68a7.42 7.42 0 0 0 3.85 1.07 7.5 7.5 0 0 0 3.87-13.93l-39.28-23.57 39.28-23.57a7.5 7.5 0 0 0 2.57-10.29z"
/>
</g>
</svg>
More icons in the same style and category