intercom logo

intercom from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: intercom
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 448×512
License: CC BY 4.0

The same logo in other sets

intercomBoxicons Brands intercomCoreUI Brands intercomFont Awesome Brands intercomIconPark intercomIconPark Outline intercomIconPark Solid intercomIconPark TwoTone intercomLine Awesome intercomSVG Logos intercomLucide Lab intercomSimple Icons intercomUnicons intercomUnicons Monochrome

Use the intercom logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M392 32H56C25.1 32 0 57.1 0 88v336c0 30.9 25.1 56 56 56h336c30.9 0 56-25.1 56-56V88c0-30.9-25.1-56-56-56m-108.3 82.1c0-19.8 29.9-19.8 29.9 0v199.5c0 19.8-29.9 19.8-29.9 0zm-74.6-7.5c0-19.8 29.9-19.8 29.9 0v216.5c0 19.8-29.9 19.8-29.9 0zm-74.7 7.5c0-19.8 29.9-19.8 29.9 0v199.5c0 19.8-29.9 19.8-29.9 0zM59.7 144c0-19.8 29.9-19.8 29.9 0v134.3c0 19.8-29.9 19.8-29.9 0zm323.4 227.8c-72.8 63-241.7 65.4-318.1 0c-15-12.8 4.4-35.5 19.4-22.7c65.9 55.3 216.1 53.9 279.3 0c14.9-12.9 34.3 9.8 19.4 22.7m5.2-93.5c0 19.8-29.9 19.8-29.9 0V144c0-19.8 29.9-19.8 29.9 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsIntercom(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M392 32H56C25.1 32 0 57.1 0 88v336c0 30.9 25.1 56 56 56h336c30.9 0 56-25.1 56-56V88c0-30.9-25.1-56-56-56m-108.3 82.1c0-19.8 29.9-19.8 29.9 0v199.5c0 19.8-29.9 19.8-29.9 0zm-74.6-7.5c0-19.8 29.9-19.8 29.9 0v216.5c0 19.8-29.9 19.8-29.9 0zm-74.7 7.5c0-19.8 29.9-19.8 29.9 0v199.5c0 19.8-29.9 19.8-29.9 0zM59.7 144c0-19.8 29.9-19.8 29.9 0v134.3c0 19.8-29.9 19.8-29.9 0zm323.4 227.8c-72.8 63-241.7 65.4-318.1 0c-15-12.8 4.4-35.5 19.4-22.7c65.9 55.3 216.1 53.9 279.3 0c14.9-12.9 34.3 9.8 19.4 22.7m5.2-93.5c0 19.8-29.9 19.8-29.9 0V144c0-19.8 29.9-19.8 29.9 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M392 32H56C25.1 32 0 57.1 0 88v336c0 30.9 25.1 56 56 56h336c30.9 0 56-25.1 56-56V88c0-30.9-25.1-56-56-56m-108.3 82.1c0-19.8 29.9-19.8 29.9 0v199.5c0 19.8-29.9 19.8-29.9 0zm-74.6-7.5c0-19.8 29.9-19.8 29.9 0v216.5c0 19.8-29.9 19.8-29.9 0zm-74.7 7.5c0-19.8 29.9-19.8 29.9 0v199.5c0 19.8-29.9 19.8-29.9 0zM59.7 144c0-19.8 29.9-19.8 29.9 0v134.3c0 19.8-29.9 19.8-29.9 0zm323.4 227.8c-72.8 63-241.7 65.4-318.1 0c-15-12.8 4.4-35.5 19.4-22.7c65.9 55.3 216.1 53.9 279.3 0c14.9-12.9 34.3 9.8 19.4 22.7m5.2-93.5c0 19.8-29.9 19.8-29.9 0V144c0-19.8 29.9-19.8 29.9 0z"/></svg>
</template>

CSS

.icon-intercom {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M392%2032H56C25.1%2032%200%2057.1%200%2088v336c0%2030.9%2025.1%2056%2056%2056h336c30.9%200%2056-25.1%2056-56V88c0-30.9-25.1-56-56-56m-108.3%2082.1c0-19.8%2029.9-19.8%2029.9%200v199.5c0%2019.8-29.9%2019.8-29.9%200zm-74.6-7.5c0-19.8%2029.9-19.8%2029.9%200v216.5c0%2019.8-29.9%2019.8-29.9%200zm-74.7%207.5c0-19.8%2029.9-19.8%2029.9%200v199.5c0%2019.8-29.9%2019.8-29.9%200zM59.7%20144c0-19.8%2029.9-19.8%2029.9%200v134.3c0%2019.8-29.9%2019.8-29.9%200zm323.4%20227.8c-72.8%2063-241.7%2065.4-318.1%200c-15-12.8%204.4-35.5%2019.4-22.7c65.9%2055.3%20216.1%2053.9%20279.3%200c14.9-12.9%2034.3%209.8%2019.4%2022.7m5.2-93.5c0%2019.8-29.9%2019.8-29.9%200V144c0-19.8%2029.9-19.8%2029.9%200z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M392%2032H56C25.1%2032%200%2057.1%200%2088v336c0%2030.9%2025.1%2056%2056%2056h336c30.9%200%2056-25.1%2056-56V88c0-30.9-25.1-56-56-56m-108.3%2082.1c0-19.8%2029.9-19.8%2029.9%200v199.5c0%2019.8-29.9%2019.8-29.9%200zm-74.6-7.5c0-19.8%2029.9-19.8%2029.9%200v216.5c0%2019.8-29.9%2019.8-29.9%200zm-74.7%207.5c0-19.8%2029.9-19.8%2029.9%200v199.5c0%2019.8-29.9%2019.8-29.9%200zM59.7%20144c0-19.8%2029.9-19.8%2029.9%200v134.3c0%2019.8-29.9%2019.8-29.9%200zm323.4%20227.8c-72.8%2063-241.7%2065.4-318.1%200c-15-12.8%204.4-35.5%2019.4-22.7c65.9%2055.3%20216.1%2053.9%20279.3%200c14.9-12.9%2034.3%209.8%2019.4%2022.7m5.2-93.5c0%2019.8-29.9%2019.8-29.9%200V144c0-19.8%2029.9-19.8%2029.9%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/intercom.svg?color=%231a73e8&size=48