customer service icon
customer-service from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- customer-service
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the customer service icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M3.778 11.942C2.83 10.29 2.372 8.94 2.096 7.572c-.408-2.024.526-4.001 2.073-5.263c.654-.533 1.404-.35 1.791.343l.873 1.567c.692 1.242 1.038 1.862.97 2.52c-.069.659-.536 1.195-1.469 2.267zm0 0c1.919 3.346 4.93 6.36 8.28 8.28m0 0c1.653.948 3.002 1.406 4.37 1.682c2.024.408 4.001-.526 5.262-2.073c.534-.654.351-1.404-.342-1.791l-1.567-.873c-1.242-.692-1.862-1.038-2.52-.97c-.659.069-1.195.536-2.267 1.469z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 7h.857c.404 0 .606 0 .732.122c.125.122.125.319.125.711c0 .786 0 1.179-.25 1.423c-.192.186-.471.23-.95.24c-.245.006-.367.009-.44.082S12 9.767 12 10v1.167c0 .393 0 .589.126.711c.125.122.327.122.731.122h.857M18 7v2.5m0 0h-1.457c-.323 0-.485 0-.585-.098c-.1-.097-.1-.254-.1-.569V7M18 9.5V12"/><path stroke-linecap="round" d="M10 4.305q.133-.15.277-.294A6.867 6.867 0 1 1 19.695 14"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCustomerService(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinejoin="round" d="M3.778 11.942C2.83 10.29 2.372 8.94 2.096 7.572c-.408-2.024.526-4.001 2.073-5.263c.654-.533 1.404-.35 1.791.343l.873 1.567c.692 1.242 1.038 1.862.97 2.52c-.069.659-.536 1.195-1.469 2.267zm0 0c1.919 3.346 4.93 6.36 8.28 8.28m0 0c1.653.948 3.002 1.406 4.37 1.682c2.024.408 4.001-.526 5.262-2.073c.534-.654.351-1.404-.342-1.791l-1.567-.873c-1.242-.692-1.862-1.038-2.52-.97c-.659.069-1.195.536-2.267 1.469z"/><path strokeLinecap="round" strokeLinejoin="round" d="M12 7h.857c.404 0 .606 0 .732.122c.125.122.125.319.125.711c0 .786 0 1.179-.25 1.423c-.192.186-.471.23-.95.24c-.245.006-.367.009-.44.082S12 9.767 12 10v1.167c0 .393 0 .589.126.711c.125.122.327.122.731.122h.857M18 7v2.5m0 0h-1.457c-.323 0-.485 0-.585-.098c-.1-.097-.1-.254-.1-.569V7M18 9.5V12"/><path strokeLinecap="round" d="M10 4.305q.133-.15.277-.294A6.867 6.867 0 1 1 19.695 14"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M3.778 11.942C2.83 10.29 2.372 8.94 2.096 7.572c-.408-2.024.526-4.001 2.073-5.263c.654-.533 1.404-.35 1.791.343l.873 1.567c.692 1.242 1.038 1.862.97 2.52c-.069.659-.536 1.195-1.469 2.267zm0 0c1.919 3.346 4.93 6.36 8.28 8.28m0 0c1.653.948 3.002 1.406 4.37 1.682c2.024.408 4.001-.526 5.262-2.073c.534-.654.351-1.404-.342-1.791l-1.567-.873c-1.242-.692-1.862-1.038-2.52-.97c-.659.069-1.195.536-2.267 1.469z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 7h.857c.404 0 .606 0 .732.122c.125.122.125.319.125.711c0 .786 0 1.179-.25 1.423c-.192.186-.471.23-.95.24c-.245.006-.367.009-.44.082S12 9.767 12 10v1.167c0 .393 0 .589.126.711c.125.122.327.122.731.122h.857M18 7v2.5m0 0h-1.457c-.323 0-.485 0-.585-.098c-.1-.097-.1-.254-.1-.569V7M18 9.5V12"/><path stroke-linecap="round" d="M10 4.305q.133-.15.277-.294A6.867 6.867 0 1 1 19.695 14"/></g></svg> </template>
CSS
.icon-customer-service {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M3.778%2011.942C2.83%2010.29%202.372%208.94%202.096%207.572c-.408-2.024.526-4.001%202.073-5.263c.654-.533%201.404-.35%201.791.343l.873%201.567c.692%201.242%201.038%201.862.97%202.52c-.069.659-.536%201.195-1.469%202.267zm0%200c1.919%203.346%204.93%206.36%208.28%208.28m0%200c1.653.948%203.002%201.406%204.37%201.682c2.024.408%204.001-.526%205.262-2.073c.534-.654.351-1.404-.342-1.791l-1.567-.873c-1.242-.692-1.862-1.038-2.52-.97c-.659.069-1.195.536-2.267%201.469z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%207h.857c.404%200%20.606%200%20.732.122c.125.122.125.319.125.711c0%20.786%200%201.179-.25%201.423c-.192.186-.471.23-.95.24c-.245.006-.367.009-.44.082S12%209.767%2012%2010v1.167c0%20.393%200%20.589.126.711c.125.122.327.122.731.122h.857M18%207v2.5m0%200h-1.457c-.323%200-.485%200-.585-.098c-.1-.097-.1-.254-.1-.569V7M18%209.5V12%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%204.305q.133-.15.277-.294A6.867%206.867%200%201%201%2019.695%2014%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M3.778%2011.942C2.83%2010.29%202.372%208.94%202.096%207.572c-.408-2.024.526-4.001%202.073-5.263c.654-.533%201.404-.35%201.791.343l.873%201.567c.692%201.242%201.038%201.862.97%202.52c-.069.659-.536%201.195-1.469%202.267zm0%200c1.919%203.346%204.93%206.36%208.28%208.28m0%200c1.653.948%203.002%201.406%204.37%201.682c2.024.408%204.001-.526%205.262-2.073c.534-.654.351-1.404-.342-1.791l-1.567-.873c-1.242-.692-1.862-1.038-2.52-.97c-.659.069-1.195.536-2.267%201.469z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%207h.857c.404%200%20.606%200%20.732.122c.125.122.125.319.125.711c0%20.786%200%201.179-.25%201.423c-.192.186-.471.23-.95.24c-.245.006-.367.009-.44.082S12%209.767%2012%2010v1.167c0%20.393%200%20.589.126.711c.125.122.327.122.731.122h.857M18%207v2.5m0%200h-1.457c-.323%200-.485%200-.585-.098c-.1-.097-.1-.254-.1-.569V7M18%209.5V12%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%204.305q.133-.15.277-.294A6.867%206.867%200%201%201%2019.695%2014%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/customer-service.svg?color=%231a73e8&size=48
