facebook messenger icon
facebook-messenger from Unicons Monochrome by Iconscout · Monochrome · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- facebook-messenger
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand logos icons from Unicons Monochrome
Use the facebook messenger icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.004 9.465l-2.936 4.658a1.5 1.5 0 0 1-2.169.4l-2.336-1.752a.6.6 0 0 0-.722.002l-3.157 2.396a.475.475 0 0 1-.688-.632l2.938-4.66a1.5 1.5 0 0 1 2.169-.4l2.336 1.753a.6.6 0 0 0 .722-.002l3.155-2.395a.475.475 0 0 1 .688.632" opacity=".5"/><path fill="currentColor" d="M12.59 2A10 10 0 0 0 12 2c-5.327-.193-9.801 3.969-9.994 9.295q-.007.202-.006.405a9.5 9.5 0 0 0 3.14 7.175a.8.8 0 0 1 .27.57l.055 1.779a.8.8 0 0 0 1.122.708l1.984-.875a.8.8 0 0 1 .534-.04c.943.257 1.917.386 2.895.384c5.357.163 9.833-4.048 9.996-9.405c.163-5.358-4.048-9.833-9.405-9.996zm5.414 7.465l-2.936 4.658a1.5 1.5 0 0 1-2.169.4l-2.336-1.752a.6.6 0 0 0-.722.002l-3.157 2.396a.475.475 0 0 1-.688-.632l2.938-4.66a1.5 1.5 0 0 1 2.169-.4l2.336 1.752a.6.6 0 0 0 .722-.001l3.155-2.395a.475.475 0 0 1 .688.632"/></svg>
React
import type { SVGProps } from "react";
export function UimFacebookMessenger(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="m18.004 9.465l-2.936 4.658a1.5 1.5 0 0 1-2.169.4l-2.336-1.752a.6.6 0 0 0-.722.002l-3.157 2.396a.475.475 0 0 1-.688-.632l2.938-4.66a1.5 1.5 0 0 1 2.169-.4l2.336 1.753a.6.6 0 0 0 .722-.002l3.155-2.395a.475.475 0 0 1 .688.632" opacity=".5"/><path fill="currentColor" d="M12.59 2A10 10 0 0 0 12 2c-5.327-.193-9.801 3.969-9.994 9.295q-.007.202-.006.405a9.5 9.5 0 0 0 3.14 7.175a.8.8 0 0 1 .27.57l.055 1.779a.8.8 0 0 0 1.122.708l1.984-.875a.8.8 0 0 1 .534-.04c.943.257 1.917.386 2.895.384c5.357.163 9.833-4.048 9.996-9.405c.163-5.358-4.048-9.833-9.405-9.996zm5.414 7.465l-2.936 4.658a1.5 1.5 0 0 1-2.169.4l-2.336-1.752a.6.6 0 0 0-.722.002l-3.157 2.396a.475.475 0 0 1-.688-.632l2.938-4.66a1.5 1.5 0 0 1 2.169-.4l2.336 1.752a.6.6 0 0 0 .722-.001l3.155-2.395a.475.475 0 0 1 .688.632"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.004 9.465l-2.936 4.658a1.5 1.5 0 0 1-2.169.4l-2.336-1.752a.6.6 0 0 0-.722.002l-3.157 2.396a.475.475 0 0 1-.688-.632l2.938-4.66a1.5 1.5 0 0 1 2.169-.4l2.336 1.753a.6.6 0 0 0 .722-.002l3.155-2.395a.475.475 0 0 1 .688.632" opacity=".5"/><path fill="currentColor" d="M12.59 2A10 10 0 0 0 12 2c-5.327-.193-9.801 3.969-9.994 9.295q-.007.202-.006.405a9.5 9.5 0 0 0 3.14 7.175a.8.8 0 0 1 .27.57l.055 1.779a.8.8 0 0 0 1.122.708l1.984-.875a.8.8 0 0 1 .534-.04c.943.257 1.917.386 2.895.384c5.357.163 9.833-4.048 9.996-9.405c.163-5.358-4.048-9.833-9.405-9.996zm5.414 7.465l-2.936 4.658a1.5 1.5 0 0 1-2.169.4l-2.336-1.752a.6.6 0 0 0-.722.002l-3.157 2.396a.475.475 0 0 1-.688-.632l2.938-4.66a1.5 1.5 0 0 1 2.169-.4l2.336 1.752a.6.6 0 0 0 .722-.001l3.155-2.395a.475.475 0 0 1 .688.632"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.004%209.465l-2.936%204.658a1.5%201.5%200%200%201-2.169.4l-2.336-1.752a.6.6%200%200%200-.722.002l-3.157%202.396a.475.475%200%200%201-.688-.632l2.938-4.66a1.5%201.5%200%200%201%202.169-.4l2.336%201.753a.6.6%200%200%200%20.722-.002l3.155-2.395a.475.475%200%200%201%20.688.632%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.59%202A10%2010%200%200%200%2012%202c-5.327-.193-9.801%203.969-9.994%209.295q-.007.202-.006.405a9.5%209.5%200%200%200%203.14%207.175a.8.8%200%200%201%20.27.57l.055%201.779a.8.8%200%200%200%201.122.708l1.984-.875a.8.8%200%200%201%20.534-.04c.943.257%201.917.386%202.895.384c5.357.163%209.833-4.048%209.996-9.405c.163-5.358-4.048-9.833-9.405-9.996zm5.414%207.465l-2.936%204.658a1.5%201.5%200%200%201-2.169.4l-2.336-1.752a.6.6%200%200%200-.722.002l-3.157%202.396a.475.475%200%200%201-.688-.632l2.938-4.66a1.5%201.5%200%200%201%202.169-.4l2.336%201.752a.6.6%200%200%200%20.722-.001l3.155-2.395a.475.475%200%200%201%20.688.632%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%22m18.004%209.465l-2.936%204.658a1.5%201.5%200%200%201-2.169.4l-2.336-1.752a.6.6%200%200%200-.722.002l-3.157%202.396a.475.475%200%200%201-.688-.632l2.938-4.66a1.5%201.5%200%200%201%202.169-.4l2.336%201.753a.6.6%200%200%200%20.722-.002l3.155-2.395a.475.475%200%200%201%20.688.632%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.59%202A10%2010%200%200%200%2012%202c-5.327-.193-9.801%203.969-9.994%209.295q-.007.202-.006.405a9.5%209.5%200%200%200%203.14%207.175a.8.8%200%200%201%20.27.57l.055%201.779a.8.8%200%200%200%201.122.708l1.984-.875a.8.8%200%200%201%20.534-.04c.943.257%201.917.386%202.895.384c5.357.163%209.833-4.048%209.996-9.405c.163-5.358-4.048-9.833-9.405-9.996zm5.414%207.465l-2.936%204.658a1.5%201.5%200%200%201-2.169.4l-2.336-1.752a.6.6%200%200%200-.722.002l-3.157%202.396a.475.475%200%200%201-.688-.632l2.938-4.66a1.5%201.5%200%200%201%202.169-.4l2.336%201.752a.6.6%200%200%200%20.722-.001l3.155-2.395a.475.475%200%200%201%20.688.632%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/facebook-messenger.svg?color=%231a73e8&size=48
