Add icons to this collection by clicking the heart icon.
Tech Service icon - also known as repair, networking, briefcase, suitcase, service, screwdriver, ui, tech, construction and tools, and tech service. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M0 400h480V80H0v320zM16 96h448v288H16V96z" fill="url(#a)" />
<linearGradient
id="b"
x1="-28.875"
x2="-28.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M216 352h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-24.875"
x2="-24.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 352h16v16h-16v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-20.875"
x2="-20.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M280 352h16v16h-16v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-16.875"
x2="-16.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M312 352h16v16h-16v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-12.875"
x2="-12.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M344 352h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-8.875"
x2="-8.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M376 352h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-4.875"
x2="-4.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M408 352h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-.875"
x2="-.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M440 352h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-32.875"
x2="-32.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M184 352h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-36.875"
x2="-36.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M152 352h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-40.875"
x2="-40.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M120 352h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-44.875"
x2="-44.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M88 352h16v16H88v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-48.875"
x2="-48.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M56 352h16v16H56v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-52.875"
x2="-52.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M24 352h16v16H24v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-28.875"
x2="-28.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M216 112h16v16h-16v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-24.875"
x2="-24.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 112h16v16h-16v-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-20.875"
x2="-20.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M280 112h16v16h-16v-16z" fill="url(#r)" />
<linearGradient
id="s"
x1="-16.875"
x2="-16.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M312 112h16v16h-16v-16z" fill="url(#s)" />
<linearGradient
id="t"
x1="-12.875"
x2="-12.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M344 112h16v16h-16v-16z" fill="url(#t)" />
<linearGradient
id="u"
x1="-8.875"
x2="-8.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M376 112h16v16h-16v-16z" fill="url(#u)" />
<linearGradient
id="v"
x1="-4.875"
x2="-4.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M408 112h16v16h-16v-16z" fill="url(#v)" />
<linearGradient
id="w"
x1="-.875"
x2="-.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M440 112h16v16h-16v-16z" fill="url(#w)" />
<linearGradient
id="x"
x1="-32.875"
x2="-32.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M184 112h16v16h-16v-16z" fill="url(#x)" />
<linearGradient
id="y"
x1="-36.875"
x2="-36.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M152 112h16v16h-16v-16z" fill="url(#y)" />
<linearGradient
id="z"
x1="-40.875"
x2="-40.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M120 112h16v16h-16v-16z" fill="url(#z)" />
<linearGradient
id="A"
x1="-44.875"
x2="-44.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M88 112h16v16H88v-16z" fill="url(#A)" />
<linearGradient
id="B"
x1="-48.875"
x2="-48.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M56 112h16v16H56v-16z" fill="url(#B)" />
<linearGradient
id="C"
x1="-52.875"
x2="-52.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M24 112h16v16H24v-16z" fill="url(#C)" />
<linearGradient
id="D"
x1="-26.875"
x2="-26.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m202.664 48-64-48H0v64h480V48H202.664zM16 48V16h117.336L176 48H16z"
fill="url(#D)"
/>
<linearGradient
id="E"
x1="-26.875"
x2="-26.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M456 416H272v8h-32v16H64v-17.448L0 433.224v29.552l64 10.672V456h176v16h32v8h184c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24zM48 454.552l-32-5.328v-2.448l32-5.328v13.104zM256 456v-16h16v16h-16zm208 0a8 8 0 0 1-8 8H288v-32h168a8 8 0 0 1 8 8v16z"
fill="url(#E)"
/>
<linearGradient
id="F"
x1="-5.875"
x2="-5.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M400 440h16v16h-16v-16z" fill="url(#F)" />
<linearGradient
id="G"
x1="-1.875"
x2="-1.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M432 440h16v16h-16v-16z" fill="url(#G)" />
<linearGradient
id="H"
x1="-9.875"
x2="-9.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M368 440h16v16h-16v-16z" fill="url(#H)" />
<linearGradient
id="I"
x1="-13.875"
x2="-13.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M336 440h16v16h-16v-16z" fill="url(#I)" />
<linearGradient
id="J"
x1="-17.875"
x2="-17.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M304 440h16v16h-16v-16z" fill="url(#J)" />
<linearGradient
id="K"
x1="-26.875"
x2="-26.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M304.984 208.968 324.8 189.12l-33.92-33.92-19.848 19.848a68.062 68.062 0 0 0-7.032-2.952V144h-48v28.096a67.934 67.934 0 0 0-7.032 2.92L189.12 155.2l-33.92 33.92 19.848 19.848a67.934 67.934 0 0 0-2.92 7.032H144v48h28.096a67.934 67.934 0 0 0 2.92 7.032L155.2 290.88l33.92 33.92 19.848-19.848a67.934 67.934 0 0 0 7.032 2.92V336h48v-28.096a67.934 67.934 0 0 0 7.032-2.92L290.88 324.8l33.92-33.92-19.848-19.848a68.062 68.062 0 0 0 2.952-7.032H336v-48h-28.096a67.934 67.934 0 0 0-2.92-7.032zM320 248h-24.176l-1.6 5.984a54.373 54.373 0 0 1-5.992 14.4l-3.2 5.36 17.176 17.176-11.328 11.288-17.176-17.176-5.36 3.2a54.373 54.373 0 0 1-14.4 5.992l-5.984 1.6V320H232v-24.176l-5.984-1.6a54.41 54.41 0 0 1-14.36-5.992l-5.36-3.2-17.176 17.176-11.328-11.328 17.176-17.176-3.2-5.36a54.373 54.373 0 0 1-5.992-14.4l-1.6-5.984H160V232h24.176l1.6-5.984a54.41 54.41 0 0 1 5.992-14.36l3.2-5.36-17.176-17.176 11.328-11.328 17.176 17.176 5.36-3.2a54.41 54.41 0 0 1 14.36-5.992l5.984-1.6V160h16v24.176l5.984 1.6a54.373 54.373 0 0 1 14.4 5.992l5.36 3.2 17.176-17.176 11.328 11.328-17.176 17.176 3.2 5.36a54.41 54.41 0 0 1 5.992 14.36l1.6 5.984H320v16z"
fill="url(#K)"
/>
<linearGradient
id="L"
x1="-26.875"
x2="-26.875"
y1="558.285"
y2="618.633"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 200c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40c-.026-22.08-17.92-39.974-40-40zm0 64c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"
fill="url(#L)"
/>
</svg>
More icons in the same style and category