intercom logo

intercom from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: intercom
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

intercomBoxicons Brands intercomFont Awesome 6 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 32 32"><path fill="currentColor" d="M28 0H4C1.792 0 0 1.792 0 4v24c0 2.208 1.792 4 4 4h24c2.208 0 4-1.792 4-4V4c0-2.208-1.792-4-4-4m-7.734 5.865c0-.583.479-1.068 1.068-1.068s1.068.484 1.068 1.068v14.25a1.07 1.07 0 0 1-2.136 0zm-5.334-.542a1.069 1.069 0 0 1 2.136 0v15.474a1.069 1.069 0 0 1-2.136 0zm-5.333.542c0-.583.479-1.068 1.068-1.068s1.068.484 1.068 1.068v14.25a1.07 1.07 0 0 1-2.136 0zM4.266 8a1.07 1.07 0 0 1 2.136 0v9.594a1.07 1.07 0 0 1-2.136 0zm23.093 16.271c-.161.141-4.115 3.458-11.359 3.458S4.802 24.411 4.641 24.271a1.066 1.066 0 0 1-.115-1.505c.38-.448 1.052-.5 1.5-.12c.063.052 3.589 2.948 9.974 2.948c6.464 0 9.938-2.917 9.969-2.943c.448-.385 1.12-.333 1.505.115s.333 1.12-.115 1.505m.375-6.677a1.07 1.07 0 0 1-2.136 0V8a1.07 1.07 0 0 1 2.136 0z"/></svg>

React

import type { SVGProps } from "react";

export function CibIntercom(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 0H4C1.792 0 0 1.792 0 4v24c0 2.208 1.792 4 4 4h24c2.208 0 4-1.792 4-4V4c0-2.208-1.792-4-4-4m-7.734 5.865c0-.583.479-1.068 1.068-1.068s1.068.484 1.068 1.068v14.25a1.07 1.07 0 0 1-2.136 0zm-5.334-.542a1.069 1.069 0 0 1 2.136 0v15.474a1.069 1.069 0 0 1-2.136 0zm-5.333.542c0-.583.479-1.068 1.068-1.068s1.068.484 1.068 1.068v14.25a1.07 1.07 0 0 1-2.136 0zM4.266 8a1.07 1.07 0 0 1 2.136 0v9.594a1.07 1.07 0 0 1-2.136 0zm23.093 16.271c-.161.141-4.115 3.458-11.359 3.458S4.802 24.411 4.641 24.271a1.066 1.066 0 0 1-.115-1.505c.38-.448 1.052-.5 1.5-.12c.063.052 3.589 2.948 9.974 2.948c6.464 0 9.938-2.917 9.969-2.943c.448-.385 1.12-.333 1.505.115s.333 1.12-.115 1.505m.375-6.677a1.07 1.07 0 0 1-2.136 0V8a1.07 1.07 0 0 1 2.136 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 0H4C1.792 0 0 1.792 0 4v24c0 2.208 1.792 4 4 4h24c2.208 0 4-1.792 4-4V4c0-2.208-1.792-4-4-4m-7.734 5.865c0-.583.479-1.068 1.068-1.068s1.068.484 1.068 1.068v14.25a1.07 1.07 0 0 1-2.136 0zm-5.334-.542a1.069 1.069 0 0 1 2.136 0v15.474a1.069 1.069 0 0 1-2.136 0zm-5.333.542c0-.583.479-1.068 1.068-1.068s1.068.484 1.068 1.068v14.25a1.07 1.07 0 0 1-2.136 0zM4.266 8a1.07 1.07 0 0 1 2.136 0v9.594a1.07 1.07 0 0 1-2.136 0zm23.093 16.271c-.161.141-4.115 3.458-11.359 3.458S4.802 24.411 4.641 24.271a1.066 1.066 0 0 1-.115-1.505c.38-.448 1.052-.5 1.5-.12c.063.052 3.589 2.948 9.974 2.948c6.464 0 9.938-2.917 9.969-2.943c.448-.385 1.12-.333 1.505.115s.333 1.12-.115 1.505m.375-6.677a1.07 1.07 0 0 1-2.136 0V8a1.07 1.07 0 0 1 2.136 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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%200H4C1.792%200%200%201.792%200%204v24c0%202.208%201.792%204%204%204h24c2.208%200%204-1.792%204-4V4c0-2.208-1.792-4-4-4m-7.734%205.865c0-.583.479-1.068%201.068-1.068s1.068.484%201.068%201.068v14.25a1.07%201.07%200%200%201-2.136%200zm-5.334-.542a1.069%201.069%200%200%201%202.136%200v15.474a1.069%201.069%200%200%201-2.136%200zm-5.333.542c0-.583.479-1.068%201.068-1.068s1.068.484%201.068%201.068v14.25a1.07%201.07%200%200%201-2.136%200zM4.266%208a1.07%201.07%200%200%201%202.136%200v9.594a1.07%201.07%200%200%201-2.136%200zm23.093%2016.271c-.161.141-4.115%203.458-11.359%203.458S4.802%2024.411%204.641%2024.271a1.066%201.066%200%200%201-.115-1.505c.38-.448%201.052-.5%201.5-.12c.063.052%203.589%202.948%209.974%202.948c6.464%200%209.938-2.917%209.969-2.943c.448-.385%201.12-.333%201.505.115s.333%201.12-.115%201.505m.375-6.677a1.07%201.07%200%200%201-2.136%200V8a1.07%201.07%200%200%201%202.136%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%200H4C1.792%200%200%201.792%200%204v24c0%202.208%201.792%204%204%204h24c2.208%200%204-1.792%204-4V4c0-2.208-1.792-4-4-4m-7.734%205.865c0-.583.479-1.068%201.068-1.068s1.068.484%201.068%201.068v14.25a1.07%201.07%200%200%201-2.136%200zm-5.334-.542a1.069%201.069%200%200%201%202.136%200v15.474a1.069%201.069%200%200%201-2.136%200zm-5.333.542c0-.583.479-1.068%201.068-1.068s1.068.484%201.068%201.068v14.25a1.07%201.07%200%200%201-2.136%200zM4.266%208a1.07%201.07%200%200%201%202.136%200v9.594a1.07%201.07%200%200%201-2.136%200zm23.093%2016.271c-.161.141-4.115%203.458-11.359%203.458S4.802%2024.411%204.641%2024.271a1.066%201.066%200%200%201-.115-1.505c.38-.448%201.052-.5%201.5-.12c.063.052%203.589%202.948%209.974%202.948c6.464%200%209.938-2.917%209.969-2.943c.448-.385%201.12-.333%201.505.115s.333%201.12-.115%201.505m.375-6.677a1.07%201.07%200%200%201-2.136%200V8a1.07%201.07%200%200%201%202.136%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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