Add icons to this collection by clicking the heart icon.
Utilities icon - also known as technology, message, smartphone, iphone, mobile phone, money, email, touch screen, files, check mark, cellphone, browser, ui, online payment, and utilities. 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="-38.875"
x2="-38.875"
y1="558.595"
y2="617.365"
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 400.136a8 8 0 0 0-8 8V416H16V64h256v7.36a8 8 0 0 0 16 0V40c-.026-22.08-17.92-39.974-40-40H40C17.92.026.026 17.92 0 40v400c.026 22.08 17.92 39.974 40 40h208c22.08-.026 39.974-17.92 40-40v-31.864a8 8 0 0 0-8-8zM40 16h208c13.255 0 24 10.745 24 24v8H16v-8c0-13.255 10.745-24 24-24zm208 448H40c-13.255 0-24-10.745-24-24v-8h256v8c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-36.875"
x2="-36.875"
y1="558.595"
y2="617.365"
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 40h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-38.875"
x2="-38.875"
y1="558.595"
y2="617.365"
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="M160 440h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-41.375"
x2="-41.375"
y1="558.595"
y2="617.365"
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 40h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-50.375"
x2="-50.375"
y1="558.595"
y2="617.365"
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="M48 120V96h24V80H32v40h16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-50.375"
x2="-50.375"
y1="558.595"
y2="617.365"
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="M32 360v40h40v-16H48v-24H32z" fill="url(#f)" />
<linearGradient
id="g"
x1="-24.889"
x2="-24.889"
y1="558.595"
y2="617.365"
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="M472 192H312a8 8 0 0 0-8 8v40H176a71.757 71.757 0 0 0-1.856-16H240a8 8 0 0 0 8-8V112h72.472c4.418 39.518 40.036 67.972 79.554 63.554 39.518-4.418 67.972-40.036 63.554-79.554-4.418-39.518-40.036-67.972-79.554-63.554C350.596 36.183 324.21 62.57 320.472 96H240a8 8 0 0 0-8 8v104h-63.6c-17.65-35.657-60.865-50.255-96.522-32.604s-50.255 60.865-32.604 96.522 60.865 50.255 96.522 32.604a72.032 72.032 0 0 0 22.1-16.946A7.751 7.751 0 0 0 160 288h72v88a8 8 0 0 0 8 8h64v40a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-96c0-.192-.096-.352-.104-.536a8.145 8.145 0 0 0-.32-1.6 7.514 7.514 0 0 0-.536-1.512 3.855 3.855 0 0 0-.184-.512 7.173 7.173 0 0 0-.624-.68 7.856 7.856 0 0 0-1.096-1.216 7.63 7.63 0 0 0-1.256-.8 8.149 8.149 0 0 0-1.36-.64 7.864 7.864 0 0 0-1.6-.32A6.84 6.84 0 0 0 472 320H312a7.08 7.08 0 0 0-.912.184 7.277 7.277 0 0 0-1.6.328 6.74 6.74 0 0 0-1.352.632 7.27 7.27 0 0 0-1.264.848 7.425 7.425 0 0 0-1.096 1.2 8.291 8.291 0 0 0-.624.688 4.877 4.877 0 0 0-.184.512c-.232.484-.412.99-.536 1.512a8.145 8.145 0 0 0-.32 1.6c0 .184-.104.344-.104.536v40H248V280a8 8 0 0 0-8-8h-71.6a71.261 71.261 0 0 0 5.744-16H304v40a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8zM392 48c30.928 0 56 25.072 56 56s-25.072 56-56 56-56-25.072-56-56c.04-30.911 25.089-55.96 56-56zm-72 368v-73.872l67.88 40.728a8.001 8.001 0 0 0 8.24 0L464 342.128V416H320zm20.88-80h102.24L392 366.672 340.88 336zM104 296c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56c-.04 30.911-25.089 55.96-56 56zm360-88v16H320v-16h144zm-144 80v-48h144v48H320z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-7.875"
x2="-7.875"
y1="558.595"
y2="617.365"
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="M392 128c-4.418 0-8-3.582-8-8a8 8 0 0 0-16 0 24 24 0 0 0 16 22.528V152h16v-9.472c12.473-4.393 19.023-18.066 14.629-30.539A23.944 23.944 0 0 0 392 96a8 8 0 1 1 8-8 8 8 0 0 0 16 0 24 24 0 0 0-16-22.528V56h-16v9.472c-12.473 4.393-19.023 18.066-14.629 30.539A23.943 23.943 0 0 0 392 112a8 8 0 0 1 0 16z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-43.82"
x2="-43.82"
y1="558.595"
y2="617.365"
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="M141.256 218.744a8 8 0 0 0-11.312 0L96 252.688 79.032 235.72a8 8 0 1 0-11.312 11.312l22.624 22.624a8 8 0 0 0 11.312 0l39.6-39.6a8 8 0 0 0 0-11.312z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category