Add icons to this collection by clicking the heart icon.
Front End icon - also known as web, web design, website, main page, web page, index, content, seo and web, user experience, user interface, 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 512 512"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="256"
x2="256"
y1=".431"
y2="494.547"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="56"
x2="56"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="88"
x2="88"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="120"
x2="120"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="192"
x2="192"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="200"
x2="200"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x1="384"
x2="384"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="448"
x2="448"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-13"
x1="408"
x2="408"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-14"
x1="72"
x2="72"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-15"
x1="116"
x2="116"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-16"
x1="224"
x2="224"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-17"
x1="268"
x2="268"
y1=".431"
y2="494.547"
href="#linear-gradient"
/>
<g id="GRADIENT">
<path
d="m472 16h-432a24.0275 24.0275 0 0 0 -24 24v336a24.0275 24.0275 0 0 0 24 24h149.75366l-20 80h-33.75366v16h240v-16h-33.75366l-20-80h149.75366a24.0275 24.0275 0 0 0 24-24v-336a24.0275 24.0275 0 0 0 -24-24zm-432 16h432a8.00917 8.00917 0 0 1 8 8v8h-336v16h336v272h-448v-296a8.00917 8.00917 0 0 1 8-8zm285.75366 448h-139.50732l20-80h99.50732zm146.24634-96h-432a8.00917 8.00917 0 0 1 -8-8v-24h448v24a8.00917 8.00917 0 0 1 -8 8z"
fill="url(#linear-gradient)"
/>
<path d="m48 48h16v16h-16z" fill="url(#linear-gradient-2)" />
<path d="m80 48h16v16h-16z" fill="url(#linear-gradient-3)" />
<path d="m112 48h16v16h-16z" fill="url(#linear-gradient-4)" />
<path
d="m56 256h272a7.99977 7.99977 0 0 0 8-8v-160a7.99977 7.99977 0 0 0 -8-8h-272a7.99977 7.99977 0 0 0 -8 8v160a7.99977 7.99977 0 0 0 8 8zm8-160h256v144h-256z"
fill="url(#linear-gradient-5)"
/>
<path
d="m228.43749 161.34375-48-32a8 8 0 0 0 -12.43749 6.65625v64a7.99975 7.99975 0 0 0 12.4375 6.65625l48-32a7.99958 7.99958 0 0 0 0-13.3125zm-44.43749 23.70801v-34.10352l25.57764 17.05176z"
fill="url(#linear-gradient-6)"
/>
<path
d="m360 128h48a7.99977 7.99977 0 0 0 8-8v-32a7.99977 7.99977 0 0 0 -8-8h-48a7.99977 7.99977 0 0 0 -8 8v32a7.99977 7.99977 0 0 0 8 8zm8-32h32v16h-32z"
fill="url(#linear-gradient-7)"
/>
<path d="m432 96h32v16h-32z" fill="url(#linear-gradient-8)" />
<path
d="m360 192h48a7.99977 7.99977 0 0 0 8-8v-32a7.99977 7.99977 0 0 0 -8-8h-48a7.99977 7.99977 0 0 0 -8 8v32a7.99977 7.99977 0 0 0 8 8zm8-32h32v16h-32z"
fill="url(#linear-gradient-7)"
/>
<path d="m432 160h32v16h-32z" fill="url(#linear-gradient-8)" />
<path
d="m360 256h48a7.99977 7.99977 0 0 0 8-8v-32a7.99977 7.99977 0 0 0 -8-8h-48a7.99977 7.99977 0 0 0 -8 8v32a7.99977 7.99977 0 0 0 8 8zm8-32h32v16h-32z"
fill="url(#linear-gradient-7)"
/>
<path d="m432 224h32v16h-32z" fill="url(#linear-gradient-8)" />
<path
d="m360 320h96a7.99977 7.99977 0 0 0 8-8v-32a7.99977 7.99977 0 0 0 -8-8h-96a7.99977 7.99977 0 0 0 -8 8v32a7.99977 7.99977 0 0 0 8 8zm8-32h80v16h-80z"
fill="url(#linear-gradient-13)"
/>
<path d="m48 272h48v16h-48z" fill="url(#linear-gradient-14)" />
<path d="m48 304h136v16h-136z" fill="url(#linear-gradient-15)" />
<path d="m200 272h48v16h-48z" fill="url(#linear-gradient-16)" />
<path d="m200 304h136v16h-136z" fill="url(#linear-gradient-17)" />
</g>
</svg>
More icons in the same style and category