intercom icon

intercom from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.

Name: intercom
Set: Unicons
Style: Line
Category: Brand Logos
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

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

More brand logos icons from Unicons

Use the intercom icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 2h-15A2.5 2.5 0 0 0 2 4.5v15A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-15A2.5 2.5 0 0 0 19.5 2m-4.83 3.67a.66.66 0 0 1 .67-.67a.68.68 0 0 1 .66.66v8.9a.67.67 0 0 1-1.33 0Zm-3.34-.34a.67.67 0 0 1 .67-.67a.67.67 0 0 1 .67.67V15a.67.67 0 0 1-1.34 0ZM8 5.67a.67.67 0 0 1 1.33 0v8.9a.66.66 0 0 1-.67.66a.68.68 0 0 1-.66-.66ZM4.67 7A.67.67 0 0 1 6 7v6a.67.67 0 0 1-.67.66a.67.67 0 0 1-.66-.66ZM19.1 17.17a11.3 11.3 0 0 1-7.1 2.16a11.3 11.3 0 0 1-7.1-2.16a.67.67 0 0 1 .87-1A10.2 10.2 0 0 0 12 18a10.15 10.15 0 0 0 6.23-1.84a.67.67 0 0 1 .87 1Zm.23-4.17A.67.67 0 0 1 18 13V7a.67.67 0 0 1 .67-.66a.66.66 0 0 1 .66.66Z"/></svg>

React

import type { SVGProps } from "react";

export function UilIntercom(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="M19.5 2h-15A2.5 2.5 0 0 0 2 4.5v15A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-15A2.5 2.5 0 0 0 19.5 2m-4.83 3.67a.66.66 0 0 1 .67-.67a.68.68 0 0 1 .66.66v8.9a.67.67 0 0 1-1.33 0Zm-3.34-.34a.67.67 0 0 1 .67-.67a.67.67 0 0 1 .67.67V15a.67.67 0 0 1-1.34 0ZM8 5.67a.67.67 0 0 1 1.33 0v8.9a.66.66 0 0 1-.67.66a.68.68 0 0 1-.66-.66ZM4.67 7A.67.67 0 0 1 6 7v6a.67.67 0 0 1-.67.66a.67.67 0 0 1-.66-.66ZM19.1 17.17a11.3 11.3 0 0 1-7.1 2.16a11.3 11.3 0 0 1-7.1-2.16a.67.67 0 0 1 .87-1A10.2 10.2 0 0 0 12 18a10.15 10.15 0 0 0 6.23-1.84a.67.67 0 0 1 .87 1Zm.23-4.17A.67.67 0 0 1 18 13V7a.67.67 0 0 1 .67-.66a.66.66 0 0 1 .66.66Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 2h-15A2.5 2.5 0 0 0 2 4.5v15A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-15A2.5 2.5 0 0 0 19.5 2m-4.83 3.67a.66.66 0 0 1 .67-.67a.68.68 0 0 1 .66.66v8.9a.67.67 0 0 1-1.33 0Zm-3.34-.34a.67.67 0 0 1 .67-.67a.67.67 0 0 1 .67.67V15a.67.67 0 0 1-1.34 0ZM8 5.67a.67.67 0 0 1 1.33 0v8.9a.66.66 0 0 1-.67.66a.68.68 0 0 1-.66-.66ZM4.67 7A.67.67 0 0 1 6 7v6a.67.67 0 0 1-.67.66a.67.67 0 0 1-.66-.66ZM19.1 17.17a11.3 11.3 0 0 1-7.1 2.16a11.3 11.3 0 0 1-7.1-2.16a.67.67 0 0 1 .87-1A10.2 10.2 0 0 0 12 18a10.15 10.15 0 0 0 6.23-1.84a.67.67 0 0 1 .87 1Zm.23-4.17A.67.67 0 0 1 18 13V7a.67.67 0 0 1 .67-.66a.66.66 0 0 1 .66.66Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.5%202h-15A2.5%202.5%200%200%200%202%204.5v15A2.5%202.5%200%200%200%204.5%2022h15a2.5%202.5%200%200%200%202.5-2.5v-15A2.5%202.5%200%200%200%2019.5%202m-4.83%203.67a.66.66%200%200%201%20.67-.67a.68.68%200%200%201%20.66.66v8.9a.67.67%200%200%201-1.33%200Zm-3.34-.34a.67.67%200%200%201%20.67-.67a.67.67%200%200%201%20.67.67V15a.67.67%200%200%201-1.34%200ZM8%205.67a.67.67%200%200%201%201.33%200v8.9a.66.66%200%200%201-.67.66a.68.68%200%200%201-.66-.66ZM4.67%207A.67.67%200%200%201%206%207v6a.67.67%200%200%201-.67.66a.67.67%200%200%201-.66-.66ZM19.1%2017.17a11.3%2011.3%200%200%201-7.1%202.16a11.3%2011.3%200%200%201-7.1-2.16a.67.67%200%200%201%20.87-1A10.2%2010.2%200%200%200%2012%2018a10.15%2010.15%200%200%200%206.23-1.84a.67.67%200%200%201%20.87%201Zm.23-4.17A.67.67%200%200%201%2018%2013V7a.67.67%200%200%201%20.67-.66a.66.66%200%200%201%20.66.66Z%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%22M19.5%202h-15A2.5%202.5%200%200%200%202%204.5v15A2.5%202.5%200%200%200%204.5%2022h15a2.5%202.5%200%200%200%202.5-2.5v-15A2.5%202.5%200%200%200%2019.5%202m-4.83%203.67a.66.66%200%200%201%20.67-.67a.68.68%200%200%201%20.66.66v8.9a.67.67%200%200%201-1.33%200Zm-3.34-.34a.67.67%200%200%201%20.67-.67a.67.67%200%200%201%20.67.67V15a.67.67%200%200%201-1.34%200ZM8%205.67a.67.67%200%200%201%201.33%200v8.9a.66.66%200%200%201-.67.66a.68.68%200%200%201-.66-.66ZM4.67%207A.67.67%200%200%201%206%207v6a.67.67%200%200%201-.67.66a.67.67%200%200%201-.66-.66ZM19.1%2017.17a11.3%2011.3%200%200%201-7.1%202.16a11.3%2011.3%200%200%201-7.1-2.16a.67.67%200%200%201%20.87-1A10.2%2010.2%200%200%200%2012%2018a10.15%2010.15%200%200%200%206.23-1.84a.67.67%200%200%201%20.87%201Zm.23-4.17A.67.67%200%200%201%2018%2013V7a.67.67%200%200%201%20.67-.66a.66.66%200%200%201%20.66.66Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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