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 gradient style, 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"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9f2fff" />
<stop offset="1" stop-color="#0bb1d3" />
</linearGradient>
<path
fill="url(#a)"
d="M29 31h-2v-2h2zm-4-2h-2v2h2zm-4 0h-2v2h2zm-2 30h2v-2h-2zm4 0h6v-2h-6zm8 0h10v-2H31zm12-22h16v6H43zm2 4h12v-2H45zm2 4h-4v2h4zm2 2h10v-2H49zm-6 4h16v-2H43zm6 2h-6v2h6zm4 0h-2v2h2zm2 2h4v-2h-4zm-2 4h2v-2h-2zm-4 0h2v-2h-2zm8 0h2v-2h-2zM51 3h12v14H51v-6h-4v6H36.817a2.991 2.991 0 0 1-1.927 1.85l-.533 3.732 3.205 1.856c.255.159.468.352.658.562H60c1.654 0 3 1.346 3 3v32c0 1.654-1.346 3-3 3H18c-1.654 0-3-1.346-3-3V49H4c-1.654 0-3-1.346-3-3s1.346-3 3-3h11V33H9.735a3.018 3.018 0 0 1-2.971-2.575l-.212-1.482-.962.601A2.995 2.995 0 0 1 4.001 30a2.984 2.984 0 0 1-2.545-1.41 3.004 3.004 0 0 1 .954-4.134l3.219-1.988-.517-3.618A2.992 2.992 0 0 1 3.001 16c0-1.654 1.346-3 3-3h1.041a3.066 3.066 0 0 1 2.073-2.419c.304-.099.539-.316.648-.596.052-.133.105-.262.16-.39a1.03 1.03 0 0 0-.037-.875 3.069 3.069 0 0 1 .568-3.56l.706-.705a3.07 3.07 0 0 1 3.561-.57c.281.143.599.156.873.038.13-.057.261-.111.394-.162a1.03 1.03 0 0 0 .594-.646A3.067 3.067 0 0 1 19.502 1h.996c1.332 0 2.506.85 2.921 2.115.1.303.316.539.596.647.131.05.262.104.391.161.274.119.593.106.874-.038a3.069 3.069 0 0 1 3.561.57l.705.704a3.07 3.07 0 0 1 .569 3.562c-.046.089-.056.185-.075.279H35V3h12v6h4zM35 16.005v-.01a1 1 0 0 0-.999-.995H24.9a4.995 4.995 0 0 1 0 2h9.101a1 1 0 0 0 .999-.995zM23.001 16c0-1.654-1.346-3-3-3s-3 1.346-3 3 1.346 3 3 3 3-1.346 3-3zm.974-3h.924c-.465-2.279-2.485-4-4.899-4s-4.434 1.721-4.899 4h.925c.914-1.207 2.348-2 3.974-2s3.062.793 3.975 2zM35 11h-3.292a3.067 3.067 0 0 1 1.251 2h1.043c.352 0 .685.072.999.184V11zM9.138 13h3.941c.488-3.387 3.401-6 6.92-6s6.432 2.613 6.92 6h3.942a1.064 1.064 0 0 0-.601-.519 3.022 3.022 0 0 1-1.887-1.771 9.5 9.5 0 0 0-.133-.321 3.025 3.025 0 0 1 .088-2.571c.21-.416.13-.916-.199-1.246l-.703-.702a1.072 1.072 0 0 0-1.244-.2 3.02 3.02 0 0 1-2.572.087 9.998 9.998 0 0 0-.317-.13 3.02 3.02 0 0 1-1.773-1.886A1.074 1.074 0 0 0 20.498 3h-.996c-.466 0-.876.297-1.021.739a3.02 3.02 0 0 1-1.771 1.887 9.292 9.292 0 0 0-.32.132 3.014 3.014 0 0 1-2.571-.087 1.073 1.073 0 0 0-1.244.199l-.705.705a1.073 1.073 0 0 0-.198 1.244c.411.816.443 1.753.087 2.572a9.41 9.41 0 0 0-.133.322 3.017 3.017 0 0 1-1.886 1.769 1.064 1.064 0 0 0-.602.518zm-4.137 3c0 .551.448 1 1 1h8.479l.586-.362c-.027-.211-.065-.42-.065-.638 0-.342.035-.677.101-1H6.001c-.552 0-1 .449-1 1zm2.485 5.32L11.242 19H7.154zm9.569-1.301a5.016 5.016 0 0 1-1.319-1.445l-12.271 7.58a1 1 0 0 0-.313 1.375c.283.453.924.602 1.378.318zM15 31v-3c0-1.654 1.346-3 3-3h9.14l-6.503-4.064c-.21.027-.418.064-.636.064s-.426-.037-.637-.064L8.408 27.783l.337 2.359c.07.488.496.858.99.858h1.266v-4h2v4zM4 47h21.101a4.995 4.995 0 0 1 0-2H4a1 1 0 0 0 0 2zm17 6h18V39H21v4h5.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-2H21zm9-4c1.975 0 5-1.609 5-3s-3.025-3-5-3c-1.654 0-3 1.346-3 3s1.346 3 3 3zm31 11V35H17v8h2v-4c0-1.103.897-2 2-2h18c1.103 0 2 .897 2 2v14c0 1.103-.897 2-2 2H21c-1.103 0-2-.897-2-2v-4h-2v11a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1zm-1-33H18c-.552 0-1 .449-1 1v5h44v-5c0-.551-.448-1-1-1zm-25.458-2-10.499-6.082a5.007 5.007 0 0 1-1.097 1.102L30.914 25zm-2.052-3.499L32.848 19h-4.674zM45 5h-8v10h8zm8 10h8V5h-8zm2-6h4V7h-4zm0 4h4v-2h-4zM43 7h-4v2h4zm0 4h-4v2h4z"
/>
</svg>
More icons in the same style and category