customer icon
customer from IconPark Outline by ByteDance · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- customer
- Set
- IconPark Outline
- Style
- Outline
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark Outline
Use the customer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.609 36.987C5.32 33.378 3.32 28.614 3.32 23.39c0-11.264 9.297-20.395 20.765-20.395S44.85 12.127 44.85 23.39c0 7.965-4.65 14.86-11.427 18.218a30 30 0 0 1-13.898 3.387c-6.152 0-11.868-1.839-16.608-4.987c0 0 3.179-.347 5.69-3.022zm25.23-3.502c5.373-5.371 5.373-14.08 0-19.453a13.7 13.7 0 0 0-8.96-4.007c-.098-2.447 1.219-4.099 1.225-4.107h-.001l.001-.001a19.7 19.7 0 0 0-10.228 5.439a19.7 19.7 0 0 0-4.755 7.641q.207-.55.463-1.084q-.293.75-.533 1.532c-1.573 4.776-.463 10.242 3.335 14.04c5.372 5.372 14.082 5.372 19.454 0"/><path d="M17.13 22.345v2.847a2.057 2.057 0 1 0 4.114 0v-2.847a2.057 2.057 0 1 0-4.114 0m10.183 0v2.847a2.057 2.057 0 0 0 4.114 0v-2.847a2.057 2.057 0 0 0-4.114 0"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineCustomer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M8.609 36.987C5.32 33.378 3.32 28.614 3.32 23.39c0-11.264 9.297-20.395 20.765-20.395S44.85 12.127 44.85 23.39c0 7.965-4.65 14.86-11.427 18.218a30 30 0 0 1-13.898 3.387c-6.152 0-11.868-1.839-16.608-4.987c0 0 3.179-.347 5.69-3.022zm25.23-3.502c5.373-5.371 5.373-14.08 0-19.453a13.7 13.7 0 0 0-8.96-4.007c-.098-2.447 1.219-4.099 1.225-4.107h-.001l.001-.001a19.7 19.7 0 0 0-10.228 5.439a19.7 19.7 0 0 0-4.755 7.641q.207-.55.463-1.084q-.293.75-.533 1.532c-1.573 4.776-.463 10.242 3.335 14.04c5.372 5.372 14.082 5.372 19.454 0"/><path d="M17.13 22.345v2.847a2.057 2.057 0 1 0 4.114 0v-2.847a2.057 2.057 0 1 0-4.114 0m10.183 0v2.847a2.057 2.057 0 0 0 4.114 0v-2.847a2.057 2.057 0 0 0-4.114 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.609 36.987C5.32 33.378 3.32 28.614 3.32 23.39c0-11.264 9.297-20.395 20.765-20.395S44.85 12.127 44.85 23.39c0 7.965-4.65 14.86-11.427 18.218a30 30 0 0 1-13.898 3.387c-6.152 0-11.868-1.839-16.608-4.987c0 0 3.179-.347 5.69-3.022zm25.23-3.502c5.373-5.371 5.373-14.08 0-19.453a13.7 13.7 0 0 0-8.96-4.007c-.098-2.447 1.219-4.099 1.225-4.107h-.001l.001-.001a19.7 19.7 0 0 0-10.228 5.439a19.7 19.7 0 0 0-4.755 7.641q.207-.55.463-1.084q-.293.75-.533 1.532c-1.573 4.776-.463 10.242 3.335 14.04c5.372 5.372 14.082 5.372 19.454 0"/><path d="M17.13 22.345v2.847a2.057 2.057 0 1 0 4.114 0v-2.847a2.057 2.057 0 1 0-4.114 0m10.183 0v2.847a2.057 2.057 0 0 0 4.114 0v-2.847a2.057 2.057 0 0 0-4.114 0"/></g></svg> </template>
CSS
.icon-customer {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.609%2036.987C5.32%2033.378%203.32%2028.614%203.32%2023.39c0-11.264%209.297-20.395%2020.765-20.395S44.85%2012.127%2044.85%2023.39c0%207.965-4.65%2014.86-11.427%2018.218a30%2030%200%200%201-13.898%203.387c-6.152%200-11.868-1.839-16.608-4.987c0%200%203.179-.347%205.69-3.022zm25.23-3.502c5.373-5.371%205.373-14.08%200-19.453a13.7%2013.7%200%200%200-8.96-4.007c-.098-2.447%201.219-4.099%201.225-4.107h-.001l.001-.001a19.7%2019.7%200%200%200-10.228%205.439a19.7%2019.7%200%200%200-4.755%207.641q.207-.55.463-1.084q-.293.75-.533%201.532c-1.573%204.776-.463%2010.242%203.335%2014.04c5.372%205.372%2014.082%205.372%2019.454%200%22%2F%3E%3Cpath%20d%3D%22M17.13%2022.345v2.847a2.057%202.057%200%201%200%204.114%200v-2.847a2.057%202.057%200%201%200-4.114%200m10.183%200v2.847a2.057%202.057%200%200%200%204.114%200v-2.847a2.057%202.057%200%200%200-4.114%200%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.609%2036.987C5.32%2033.378%203.32%2028.614%203.32%2023.39c0-11.264%209.297-20.395%2020.765-20.395S44.85%2012.127%2044.85%2023.39c0%207.965-4.65%2014.86-11.427%2018.218a30%2030%200%200%201-13.898%203.387c-6.152%200-11.868-1.839-16.608-4.987c0%200%203.179-.347%205.69-3.022zm25.23-3.502c5.373-5.371%205.373-14.08%200-19.453a13.7%2013.7%200%200%200-8.96-4.007c-.098-2.447%201.219-4.099%201.225-4.107h-.001l.001-.001a19.7%2019.7%200%200%200-10.228%205.439a19.7%2019.7%200%200%200-4.755%207.641q.207-.55.463-1.084q-.293.75-.533%201.532c-1.573%204.776-.463%2010.242%203.335%2014.04c5.372%205.372%2014.082%205.372%2019.454%200%22%2F%3E%3Cpath%20d%3D%22M17.13%2022.345v2.847a2.057%202.057%200%201%200%204.114%200v-2.847a2.057%202.057%200%201%200-4.114%200m10.183%200v2.847a2.057%202.057%200%200%200%204.114%200v-2.847a2.057%202.057%200%200%200-4.114%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/customer.svg?color=%231a73e8&size=48
