round contact support icon

round-contact-support from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.

Name
round-contact-support
Set
Google Material Icons
Style
Baseline
Category
Action
Viewbox
24×24
License
Apache 2.0

More action icons from Google Material Icons

baseline-123baseline-3d-rotationbaseline-abcbaseline-accessibilitybaseline-accessibility-newbaseline-accessiblebaseline-accessible-forwardbaseline-account-balancebaseline-account-balance-walletbaseline-account-boxbaseline-account-circlebaseline-add-cardbaseline-add-homebaseline-add-shopping-cartbaseline-add-taskbaseline-add-to-drivebaseline-addchartbaseline-admin-panel-settingsbaseline-ads-clickbaseline-alarmbaseline-alarm-addbaseline-alarm-offbaseline-alarm-onbaseline-all-inbox

Use the round contact support icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2m1 14.5h-2v-2h2zm.4-4.78c-.01.01-.02.03-.03.05c-.05.08-.1.16-.14.24c-.02.03-.03.07-.04.11c-.03.07-.06.14-.08.21c-.07.21-.1.43-.1.68H10.5c0-.51.08-.94.2-1.3c0-.01 0-.02.01-.03c.01-.04.04-.06.05-.1c.06-.16.13-.3.22-.44c.03-.05.07-.1.1-.15c.03-.04.05-.09.08-.12l.01.01c.84-1.1 2.21-1.44 2.32-2.68c.09-.98-.61-1.93-1.57-2.13c-1.04-.22-1.98.39-2.3 1.28c-.14.36-.47.65-.88.65h-.2c-.6 0-1.04-.59-.87-1.17a4 4 0 0 1 4.43-2.79c1.69.25 3.04 1.64 3.33 3.33c.44 2.44-1.63 3.03-2.53 4.35"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundContactSupport(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2m1 14.5h-2v-2h2zm.4-4.78c-.01.01-.02.03-.03.05c-.05.08-.1.16-.14.24c-.02.03-.03.07-.04.11c-.03.07-.06.14-.08.21c-.07.21-.1.43-.1.68H10.5c0-.51.08-.94.2-1.3c0-.01 0-.02.01-.03c.01-.04.04-.06.05-.1c.06-.16.13-.3.22-.44c.03-.05.07-.1.1-.15c.03-.04.05-.09.08-.12l.01.01c.84-1.1 2.21-1.44 2.32-2.68c.09-.98-.61-1.93-1.57-2.13c-1.04-.22-1.98.39-2.3 1.28c-.14.36-.47.65-.88.65h-.2c-.6 0-1.04-.59-.87-1.17a4 4 0 0 1 4.43-2.79c1.69.25 3.04 1.64 3.33 3.33c.44 2.44-1.63 3.03-2.53 4.35"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2m1 14.5h-2v-2h2zm.4-4.78c-.01.01-.02.03-.03.05c-.05.08-.1.16-.14.24c-.02.03-.03.07-.04.11c-.03.07-.06.14-.08.21c-.07.21-.1.43-.1.68H10.5c0-.51.08-.94.2-1.3c0-.01 0-.02.01-.03c.01-.04.04-.06.05-.1c.06-.16.13-.3.22-.44c.03-.05.07-.1.1-.15c.03-.04.05-.09.08-.12l.01.01c.84-1.1 2.21-1.44 2.32-2.68c.09-.98-.61-1.93-1.57-2.13c-1.04-.22-1.98.39-2.3 1.28c-.14.36-.47.65-.88.65h-.2c-.6 0-1.04-.59-.87-1.17a4 4 0 0 1 4.43-2.79c1.69.25 3.04 1.64 3.33 3.33c.44 2.44-1.63 3.03-2.53 4.35"/></svg>
</template>

CSS

.icon-round-contact-support {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%202C6.81%202%203%205.81%203%2010.5S6.81%2019%2011.5%2019h.5v3c4.86-2.34%208-7%208-11.5C20%205.81%2016.19%202%2011.5%202m1%2014.5h-2v-2h2zm.4-4.78c-.01.01-.02.03-.03.05c-.05.08-.1.16-.14.24c-.02.03-.03.07-.04.11c-.03.07-.06.14-.08.21c-.07.21-.1.43-.1.68H10.5c0-.51.08-.94.2-1.3c0-.01%200-.02.01-.03c.01-.04.04-.06.05-.1c.06-.16.13-.3.22-.44c.03-.05.07-.1.1-.15c.03-.04.05-.09.08-.12l.01.01c.84-1.1%202.21-1.44%202.32-2.68c.09-.98-.61-1.93-1.57-2.13c-1.04-.22-1.98.39-2.3%201.28c-.14.36-.47.65-.88.65h-.2c-.6%200-1.04-.59-.87-1.17a4%204%200%200%201%204.43-2.79c1.69.25%203.04%201.64%203.33%203.33c.44%202.44-1.63%203.03-2.53%204.35%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%202C6.81%202%203%205.81%203%2010.5S6.81%2019%2011.5%2019h.5v3c4.86-2.34%208-7%208-11.5C20%205.81%2016.19%202%2011.5%202m1%2014.5h-2v-2h2zm.4-4.78c-.01.01-.02.03-.03.05c-.05.08-.1.16-.14.24c-.02.03-.03.07-.04.11c-.03.07-.06.14-.08.21c-.07.21-.1.43-.1.68H10.5c0-.51.08-.94.2-1.3c0-.01%200-.02.01-.03c.01-.04.04-.06.05-.1c.06-.16.13-.3.22-.44c.03-.05.07-.1.1-.15c.03-.04.05-.09.08-.12l.01.01c.84-1.1%202.21-1.44%202.32-2.68c.09-.98-.61-1.93-1.57-2.13c-1.04-.22-1.98.39-2.3%201.28c-.14.36-.47.65-.88.65h-.2c-.6%200-1.04-.59-.87-1.17a4%204%200%200%201%204.43-2.79c1.69.25%203.04%201.64%203.33%203.33c.44%202.44-1.63%203.03-2.53%204.35%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-contact-support.svg?color=%231a73e8&size=48