Add icons to this collection by clicking the heart icon.
Backend icon - also known as computer, website, web development, coding, html, backend, seo and web, and content management system. 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="a"
x1="256"
x2="256"
y1="4.183"
y2="495.159"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient id="b" x1="56" x2="56" y1="4.183" y2="495.159" href="#a" />
<linearGradient
id="c"
x1="128"
x2="128"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="d"
x1="170.828"
x2="170.828"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="e"
x1="216"
x2="216"
y1="4.183"
y2="495.159"
gradientTransform="rotate(68.2 216.107 116.03)"
href="#a"
/>
<linearGradient
id="f"
x1="261.172"
x2="261.172"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="g"
x1="380"
x2="380"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="h"
x1="306.828"
x2="306.828"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="i"
x1="352"
x2="352"
y1="4.183"
y2="495.159"
gradientTransform="rotate(68.2 352.184 292.095)"
href="#a"
/>
<linearGradient
id="j"
x1="397.172"
x2="397.172"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="k"
x1="228"
x2="228"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="l"
x1="356"
x2="356"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="m"
x1="252"
x2="252"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="n"
x1="304"
x2="304"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="o"
x1="208"
x2="208"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient
id="p"
x1="212"
x2="212"
y1="4.183"
y2="495.159"
href="#a"
/>
<linearGradient id="q" x1="68" x2="68" y1="4.183" y2="495.159" href="#a" />
<linearGradient id="r" x1="84" x2="84" y1="4.183" y2="495.159" href="#a" />
<path
fill="url(#a)"
d="M472 16H40a24.027 24.027 0 0 0-24 24v336a24.027 24.027 0 0 0 24 24h149.754l-20 80H136v16h240v-16h-33.754l-20-80H472a24.027 24.027 0 0 0 24-24V40a24.027 24.027 0 0 0-24-24zM40 32h432a8.01 8.01 0 0 1 8 8v8H80v16h400v272H32V40a8.01 8.01 0 0 1 8-8zm285.754 448H186.246l20-80h99.508zM472 384H40a8.01 8.01 0 0 1-8-8v-24h448v24a8.01 8.01 0 0 1-8 8z"
/>
<path fill="url(#b)" d="M48 48h16v16H48z" />
<path fill="url(#c)" d="M120 80h16v240h-16z" />
<path
fill="url(#d)"
d="m178.343 141.657 11.314-11.314L171.313 112l18.344-18.343-11.314-11.314-24 24a8 8 0 0 0 0 11.314z"
/>
<path
fill="url(#e)"
d="M194.459 108h43.081v16h-43.081z"
transform="rotate(-68.2 216.085 116.073)"
/>
<path
fill="url(#f)"
d="m253.657 141.657 24-24a8 8 0 0 0 0-11.314l-24-24-11.314 11.314L260.687 112l-18.344 18.343z"
/>
<path fill="url(#g)" d="M296 104h168v16H296z" />
<path
fill="url(#h)"
d="m314.343 258.343-24 24a8 8 0 0 0 0 11.314l24 24 11.314-11.314L307.313 288l18.344-18.343z"
/>
<path
fill="url(#i)"
d="M330.459 284h43.081v16h-43.081z"
transform="rotate(-68.2 352.127 292.164)"
/>
<path
fill="url(#j)"
d="m389.657 258.343-11.314 11.314L396.687 288l-18.344 18.343 11.314 11.314 24-24a8 8 0 0 0 0-11.314z"
/>
<path fill="url(#k)" d="M184 264h88v16h-88z" />
<path fill="url(#l)" d="M288 136h136v16H288z" />
<path fill="url(#m)" d="M152 168h200v16H152z" />
<path fill="url(#n)" d="M168 200h272v16H168z" />
<path fill="url(#o)" d="M152 232h112v16H152z" />
<path fill="url(#p)" d="M168 296h88v16h-88z" />
<g fill="url(#q)">
<path d="M48 88h40v16H48zM48 128h40v16H48zM48 168h40v16H48z" />
</g>
<path
fill="url(#r)"
d="M64 208h40v16H64zM64 248h40v16H64zM64 288h40v16H64z"
/>
</svg>
More icons in the same style and category