facebook messenger logo

facebook-messenger from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: facebook-messenger
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

facebook-messengerFont Awesome 6 Brands facebook-messengerLine Awesome facebook-messengerMaterial Design Icons facebook-messengerUnicons facebook-messengerUnicons Monochrome

Related icons in Font Awesome Brands

facebook-f facebook-square

Use the facebook messenger logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.6 72C180.6 72 72 174.3 72 312.6c0 72.3 29.7 134.8 78.1 177.9c8.3 7.5 6.6 11.9 8 58.2c.1 3.2 1 6.4 2.6 9.2s3.9 5.2 6.7 6.9s5.9 2.8 9.1 3s6.5-.3 9.5-1.6c52.9-23.2 53.6-25 62.6-22.6c153.2 42.2 319.4-55.9 319.4-231C568 174.3 460.6 72 320.6 72m149.2 185.1l-73 115.6c-2.8 4.3-6.4 8.1-10.6 11s-9.1 4.8-14.1 5.8s-10.3.8-15.3-.4s-9.7-3.4-13.8-6.4l-58.1-43.5c-2.6-1.9-5.8-3-9-3s-6.4 1.1-9 3l-78.4 59.4c-10.5 7.9-24.2-4.6-17.1-15.7l73-115.6c2.8-4.3 6.4-8.1 10.6-11s9.1-4.8 14.1-5.8s10.3-.8 15.3.4s9.7 3.4 13.9 6.4l58.1 43.5c2.6 1.9 5.8 3 9 3s6.4-1.1 9-3l78.4-59.4c10.4-8 24.1 4.5 17.1 15.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsFacebookMessenger(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.6 72C180.6 72 72 174.3 72 312.6c0 72.3 29.7 134.8 78.1 177.9c8.3 7.5 6.6 11.9 8 58.2c.1 3.2 1 6.4 2.6 9.2s3.9 5.2 6.7 6.9s5.9 2.8 9.1 3s6.5-.3 9.5-1.6c52.9-23.2 53.6-25 62.6-22.6c153.2 42.2 319.4-55.9 319.4-231C568 174.3 460.6 72 320.6 72m149.2 185.1l-73 115.6c-2.8 4.3-6.4 8.1-10.6 11s-9.1 4.8-14.1 5.8s-10.3.8-15.3-.4s-9.7-3.4-13.8-6.4l-58.1-43.5c-2.6-1.9-5.8-3-9-3s-6.4 1.1-9 3l-78.4 59.4c-10.5 7.9-24.2-4.6-17.1-15.7l73-115.6c2.8-4.3 6.4-8.1 10.6-11s9.1-4.8 14.1-5.8s10.3-.8 15.3.4s9.7 3.4 13.9 6.4l58.1 43.5c2.6 1.9 5.8 3 9 3s6.4-1.1 9-3l78.4-59.4c10.4-8 24.1 4.5 17.1 15.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.6 72C180.6 72 72 174.3 72 312.6c0 72.3 29.7 134.8 78.1 177.9c8.3 7.5 6.6 11.9 8 58.2c.1 3.2 1 6.4 2.6 9.2s3.9 5.2 6.7 6.9s5.9 2.8 9.1 3s6.5-.3 9.5-1.6c52.9-23.2 53.6-25 62.6-22.6c153.2 42.2 319.4-55.9 319.4-231C568 174.3 460.6 72 320.6 72m149.2 185.1l-73 115.6c-2.8 4.3-6.4 8.1-10.6 11s-9.1 4.8-14.1 5.8s-10.3.8-15.3-.4s-9.7-3.4-13.8-6.4l-58.1-43.5c-2.6-1.9-5.8-3-9-3s-6.4 1.1-9 3l-78.4 59.4c-10.5 7.9-24.2-4.6-17.1-15.7l73-115.6c2.8-4.3 6.4-8.1 10.6-11s9.1-4.8 14.1-5.8s10.3-.8 15.3.4s9.7 3.4 13.9 6.4l58.1 43.5c2.6 1.9 5.8 3 9 3s6.4-1.1 9-3l78.4-59.4c10.4-8 24.1 4.5 17.1 15.6z"/></svg>
</template>

CSS

.icon-facebook-messenger {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.6%2072C180.6%2072%2072%20174.3%2072%20312.6c0%2072.3%2029.7%20134.8%2078.1%20177.9c8.3%207.5%206.6%2011.9%208%2058.2c.1%203.2%201%206.4%202.6%209.2s3.9%205.2%206.7%206.9s5.9%202.8%209.1%203s6.5-.3%209.5-1.6c52.9-23.2%2053.6-25%2062.6-22.6c153.2%2042.2%20319.4-55.9%20319.4-231C568%20174.3%20460.6%2072%20320.6%2072m149.2%20185.1l-73%20115.6c-2.8%204.3-6.4%208.1-10.6%2011s-9.1%204.8-14.1%205.8s-10.3.8-15.3-.4s-9.7-3.4-13.8-6.4l-58.1-43.5c-2.6-1.9-5.8-3-9-3s-6.4%201.1-9%203l-78.4%2059.4c-10.5%207.9-24.2-4.6-17.1-15.7l73-115.6c2.8-4.3%206.4-8.1%2010.6-11s9.1-4.8%2014.1-5.8s10.3-.8%2015.3.4s9.7%203.4%2013.9%206.4l58.1%2043.5c2.6%201.9%205.8%203%209%203s6.4-1.1%209-3l78.4-59.4c10.4-8%2024.1%204.5%2017.1%2015.6z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.6%2072C180.6%2072%2072%20174.3%2072%20312.6c0%2072.3%2029.7%20134.8%2078.1%20177.9c8.3%207.5%206.6%2011.9%208%2058.2c.1%203.2%201%206.4%202.6%209.2s3.9%205.2%206.7%206.9s5.9%202.8%209.1%203s6.5-.3%209.5-1.6c52.9-23.2%2053.6-25%2062.6-22.6c153.2%2042.2%20319.4-55.9%20319.4-231C568%20174.3%20460.6%2072%20320.6%2072m149.2%20185.1l-73%20115.6c-2.8%204.3-6.4%208.1-10.6%2011s-9.1%204.8-14.1%205.8s-10.3.8-15.3-.4s-9.7-3.4-13.8-6.4l-58.1-43.5c-2.6-1.9-5.8-3-9-3s-6.4%201.1-9%203l-78.4%2059.4c-10.5%207.9-24.2-4.6-17.1-15.7l73-115.6c2.8-4.3%206.4-8.1%2010.6-11s9.1-4.8%2014.1-5.8s10.3-.8%2015.3.4s9.7%203.4%2013.9%206.4l58.1%2043.5c2.6%201.9%205.8%203%209%203s6.4-1.1%209-3l78.4-59.4c10.4-8%2024.1%204.5%2017.1%2015.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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