Add icons to this collection by clicking the heart icon.
Customer Service icon - also known as technology, information, help, clock, time, customer service, info, phone call, commerce and shopping, 24 hours, and time and date. Created in a clean lineal color style with a white, silver, gray, red, blue, and orange finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path
d="M201.548 512c-79.241-.025-144.999-63.216-147.982-142.418-1.277-33.922 8.858-65.421 26.87-90.97 22.877-32.448 28.82-73.782 17.021-111.689C80.692 113.065 86.538 62.024 118.43 30.132 138.764 9.798 166.885.05 198.554 0h.455c55.285.071 121.297 29.618 175.605 83.927 85.599 85.599 109.684 200.297 53.796 256.184-8.356 8.356-18.026 14.924-28.716 19.766-28.021 12.691-50.052 35.407-62.435 63.566-22.917 52.112-74.975 88.511-135.545 88.557z"
/>
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M181.213 401.724h16.113V385.61h-16.113z" />
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M164.189 416.333h11.694v-20.535h-11.694z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M191.4 380.28h20.536v-11.693H191.4Z" />
</clipPath>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path d="M390.952 191.985h16.114v-16.114h-16.114z" />
</clipPath>
<clipPath id="j" clipPathUnits="userSpaceOnUse">
<path d="M373.928 206.594h11.695v-20.535h-11.695z" />
</clipPath>
<clipPath id="k" clipPathUnits="userSpaceOnUse">
<path d="M401.139 170.541h20.536v-11.693h-20.536z" />
</clipPath>
<clipPath id="l" clipPathUnits="userSpaceOnUse">
<path d="M44.487 419.265h380.12V39.145H44.487Z" />
</clipPath>
<clipPath id="m" clipPathUnits="userSpaceOnUse">
<path d="M235.342 430.858h200.857V230H235.342Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-943.41666 943.41666) rotate(12.489 -1.176 -2.394)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#fff" />
<stop offset=".007" stop-opacity="1" stop-color="#fff" />
<stop offset=".992" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="0" stop-color="#fff" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-943.41666 943.41666) rotate(12.489 -1.176 -2.394)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#9494ff" />
<stop offset=".007" stop-opacity="1" stop-color="#9494ff" />
<stop offset=".992" stop-opacity="1" stop-color="#ffe8dc" />
<stop offset="1" stop-opacity="1" stop-color="#ffe8dc" />
</linearGradient>
<mask
id="c"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#c)">
<path
d="M201.548 512c-79.241-.025-144.999-63.216-147.982-142.418-1.277-33.922 8.858-65.421 26.87-90.97 22.877-32.448 28.82-73.782 17.021-111.689C80.692 113.065 86.538 62.024 118.43 30.132 138.764 9.798 166.885.05 198.554 0h.455c55.285.071 121.297 29.618 175.605 83.927 85.599 85.599 109.684 200.297 53.796 256.184-8.356 8.356-18.026 14.924-28.716 19.766-28.021 12.691-50.052 35.407-62.435 63.566-22.917 52.112-74.975 88.511-135.545 88.557z"
fill="url(#d)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#e)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#f)" opacity=".1">
<path
d="M0 0c1.279 0 2.56.488 3.536 1.465l6.113 6.114a4.998 4.998 0 0 1-.001 7.071 5 5 0 0 1-7.071-.001l-6.113-6.114A5 5 0 0 1 0 0"
transform="translate(186.213 385.61)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#g)" opacity=".1">
<path
d="M0 0a5 5 0 0 1 5.73 4.143l1.694 10.534a5 5 0 0 1-9.873 1.588L-4.143 5.73A5 5 0 0 1 0 0"
transform="translate(168.395 395.862)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#h)" opacity=".1">
<path
d="M0 0a5.002 5.002 0 0 1 5.729-4.144l10.536 1.693a4.998 4.998 0 0 1 4.143 5.729 4.996 4.996 0 0 1-5.729 4.144L4.144 5.729A4.998 4.998 0 0 1 0 0"
transform="translate(191.464 372.795)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#i)" opacity=".1">
<path
d="m0 0-6.113-6.114a5.001 5.001 0 0 1 7.072-7.071L7.072-7.07A5 5 0 0 1 0 0"
transform="translate(398.53 190.52)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#j)" opacity=".1">
<path
d="M0 0a5.002 5.002 0 0 1 4.931 4.207l1.693 10.534a5.001 5.001 0 0 1-4.143 5.731 4.993 4.993 0 0 1-5.73-4.143L-4.942 5.795A5 5 0 0 1 0 0"
transform="translate(378.935 186.059)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#k)" opacity=".1">
<path
d="M0 0a5.002 5.002 0 0 1 5.729-4.144l10.536 1.693a4.998 4.998 0 0 1 4.143 5.729 4.996 4.996 0 0 1-5.729 4.144L4.144 5.729A4.998 4.998 0 0 1 0 0"
transform="translate(401.203 163.056)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#l)" opacity=".1">
<path
d="M0 0c-98.061 0-177.838 79.777-177.838 177.838 0 7.371.482 14.767 1.379 22.041l198.5-198.5A180.465 180.465 0 0 0 0 0m84.054 150.127c-3.904 3.903-10.24 3.903-14.142 0l-30.243-30.243c-3.91-3.91-3.903-10.239 0-14.142l11.872-11.873-19.092-19.092-135.51 135.51 19.092 19.092 11.872-11.872c3.904-3.903 10.232-3.91 14.143 0l30.243 30.243c3.902 3.903 3.902 10.239 0 14.143l-97.284 97.283c-3.903 3.903-10.239 3.903-14.143 0l-30.243-30.243c-3.91-3.911-3.902-10.239 0-14.142l11.88-11.88-22.352-22.351c-19.944-19.945-21.244-51.473-3.909-72.933-1.176-.762-2.039-1.993-2.249-3.49a189.984 189.984 0 0 1-1.827-26.299C-187.838 74.264-103.574-10 0-10c8.796 0 17.644.614 26.297 1.827 1.498.21 2.728 1.074 3.489 2.251 21.461-17.336 52.99-16.037 72.936 3.907l22.351 22.353 11.879-11.88c3.903-3.903 10.233-3.91 14.143 0l30.243 30.243c3.902 3.903 3.902 10.238 0 14.142z"
transform="translate(240.342 57.162)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#m)" opacity=".1">
<path
d="M0 0c0 47.962-38.881 86.843-86.843 86.843-19.331 0-37.184-6.32-51.614-17.001-18.103 5.823-37.389 8.981-57.4 8.981a5 5 0 1 1 0-10c16.755 0 32.975-2.332 48.356-6.683-16.152-15.771-26.185-37.782-26.185-62.14 0-47.962 38.881-86.843 86.843-86.843 24.358 0 46.368 10.032 62.139 26.186 4.351-15.382 6.683-31.602 6.683-48.358a5 5 0 0 1 10 0c0 20.012-3.158 39.298-8.981 57.401C-6.32-37.185 0-19.331 0 0"
transform="translate(436.2 344.015)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0c100.978 0 182.837-81.859 182.837-182.838"
transform="translate(240.342 438.838)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a184.479 184.479 0 0 0-25.604-1.778c-100.978 0-182.837 81.859-182.837 182.838 0 8.689.605 17.237 1.778 25.604"
transform="translate(265.945 74.94)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-36.981-36.982c-21.341-21.34-55.947-21.34-77.288 0l-205.287 205.287c-21.34 21.341-21.34 55.947 0 77.287l36.982 36.981 73.532-73.531-33.722-33.723 135.51-135.509 33.722 33.721z"
transform="translate(380.045 113.13)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.463-25.463-73.532 73.531 25.463 25.463z"
transform="translate(171.003 322.172)"
fill="#ff8b00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.463-25.463-73.532 73.531 25.463 25.463z"
transform="translate(380.045 113.13)"
fill="#ff8b00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-158.208 158.207 19.712 19.712L19.712 19.712Z"
transform="translate(242.24 99.691)"
fill="#ff2c2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.723-33.723-135.511 135.513 33.721 33.723-73.531 73.532-36.982-36.982c-21.342-21.342-21.342-55.944 0-77.286l205.291-205.291c21.341-21.341 55.944-21.341 77.286 0l36.981 36.982z"
transform="translate(306.517 186.663)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.242-30.243c-3.911-3.91-10.239-3.903-14.143 0l-97.283 97.284c-3.903 3.903-3.911 10.231 0 14.142l30.242 30.243c3.904 3.903 10.239 3.903 14.143 0L0 14.143C3.903 10.239 3.903 3.903 0 0"
transform="translate(212.63 325.912)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.386-44.385-18.568 18.569 44.385 44.385z"
transform="translate(188.702 363.982)"
fill="#b3b3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.88 11.88c-3.9 3.899-3.9 10.229 0 14.14l30.24 30.24a10 10 0 0 0 14.15 0l97.28-97.281c3.9-3.91 3.9-10.24 0-14.139L99.55-85.41c-3.909-3.901-10.239-3.901-14.15 0L73.521-73.53 24.2-24.2"
transform="translate(82.84 381.07)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.243-30.243c-3.91-3.91-10.239-3.903-14.143 0l-97.283 97.284a9.998 9.998 0 0 0 0 14.142l30.243 30.243c3.903 3.903 10.238 3.903 14.142 0L0 14.142C3.903 10.238 3.902 3.903 0 0"
transform="translate(421.68 116.863)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.385-44.385-18.568 18.569 44.385 44.384z"
transform="translate(366.893 185.792)"
fill="#b3b3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-97.282 97.281c-3.906 3.906-3.906 10.238 0 14.143l30.243 30.243c3.905 3.905 10.237 3.905 14.143 0l97.281-97.281c3.905-3.906 3.905-10.238 0-14.143L14.142 0C10.236-3.905 3.905-3.905 0 0Z"
transform="translate(377.288 86.62)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 6.113 6.114"
transform="translate(186.213 411.61)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 1.693 10.534"
transform="translate(169.19 421.799)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 10.535 1.692"
transform="translate(196.4 394.588)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 6.113 6.114"
transform="translate(395.952 201.871)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 1.693 10.534"
transform="translate(378.929 212.06)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 10.535 1.692"
transform="translate(406.14 184.849)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-47.962-38.881-86.843-86.843-86.843S-173.686-47.962-173.686 0s38.881 86.843 86.843 86.843S0 47.962 0 0"
transform="translate(436.2 365.015)"
fill="#ff6c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-35.574-28.839-64.413-64.413-64.413S-128.826-35.574-128.826 0s28.839 64.413 64.413 64.413S0 35.574 0 0"
transform="translate(413.77 365.015)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.95-9.556 30.827-15.149 49.014-15.149 47.962 0 86.842 38.88 86.842 86.842 0 47.962-38.88 86.843-86.842 86.843-47.962 0-86.843-38.881-86.843-86.843 0-17.482 5.17-33.755 14.058-47.381"
transform="translate(300.343 293.321)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 5.447 4.415 9.862 9.861 9.862 7.439 0 11.55-7.615 8.708-14.49C15.346-12.428 0-24.739 0-24.739h21.152"
transform="translate(311.213 372.115)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.11h16.383"
transform="translate(349.756 381.875)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-34.396"
transform="translate(368.006 381.875)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-7.788"
transform="translate(387.499 389.663)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10 10-10-10"
transform="translate(189.065 468.571)"
fill="none"
stroke="#ff9d33"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10 10-10-10"
transform="translate(262.798 287.74)"
fill="none"
stroke="#6c6cff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(232.36 43.429)"
fill="none"
stroke="#6c6cff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10 10-10-10"
transform="translate(467.517 311.063)"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(55.166 156.638)"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category