messenger logo
messenger from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- messenger
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the messenger logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGhphmYc3G" cx="19.247%" cy="99.465%" r="108.96%" fx="19.247%" fy="99.465%"><stop offset="0%" stop-color="#09f"/><stop offset="60.975%" stop-color="#a033ff"/><stop offset="93.482%" stop-color="#ff5280"/><stop offset="100%" stop-color="#ff7061"/></radialGradient></defs><path fill="url(#SVGhphmYc3G)" d="M128 0C55.894 0 0 52.818 0 124.16c0 37.317 15.293 69.562 40.2 91.835c2.09 1.871 3.352 4.493 3.438 7.298l.697 22.77c.223 7.262 7.724 11.988 14.37 9.054L84.111 243.9a10.22 10.22 0 0 1 6.837-.501c11.675 3.21 24.1 4.92 37.052 4.92c72.106 0 128-52.818 128-124.16S200.106 0 128 0"/><path fill="#fff" d="m51.137 160.47l37.6-59.653c5.98-9.49 18.788-11.853 27.762-5.123l29.905 22.43a7.68 7.68 0 0 0 9.252-.027l40.388-30.652c5.39-4.091 12.428 2.36 8.82 8.085l-37.6 59.654c-5.981 9.489-18.79 11.852-27.763 5.122l-29.906-22.43a7.68 7.68 0 0 0-9.25.027l-40.39 30.652c-5.39 4.09-12.427-2.36-8.818-8.085"/></svg>
React
import type { SVGProps } from "react";
export function LogosMessenger(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGhphmYc3G" cx="19.247%" cy="99.465%" r="108.96%" fx="19.247%" fy="99.465%"><stop offset="0%" stopColor="#09f"/><stop offset="60.975%" stopColor="#a033ff"/><stop offset="93.482%" stopColor="#ff5280"/><stop offset="100%" stopColor="#ff7061"/></radialGradient></defs><path fill="url(#SVGhphmYc3G)" d="M128 0C55.894 0 0 52.818 0 124.16c0 37.317 15.293 69.562 40.2 91.835c2.09 1.871 3.352 4.493 3.438 7.298l.697 22.77c.223 7.262 7.724 11.988 14.37 9.054L84.111 243.9a10.22 10.22 0 0 1 6.837-.501c11.675 3.21 24.1 4.92 37.052 4.92c72.106 0 128-52.818 128-124.16S200.106 0 128 0"/><path fill="#fff" d="m51.137 160.47l37.6-59.653c5.98-9.49 18.788-11.853 27.762-5.123l29.905 22.43a7.68 7.68 0 0 0 9.252-.027l40.388-30.652c5.39-4.091 12.428 2.36 8.82 8.085l-37.6 59.654c-5.981 9.489-18.79 11.852-27.763 5.122l-29.906-22.43a7.68 7.68 0 0 0-9.25.027l-40.39 30.652c-5.39 4.09-12.427-2.36-8.818-8.085"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGhphmYc3G" cx="19.247%" cy="99.465%" r="108.96%" fx="19.247%" fy="99.465%"><stop offset="0%" stop-color="#09f"/><stop offset="60.975%" stop-color="#a033ff"/><stop offset="93.482%" stop-color="#ff5280"/><stop offset="100%" stop-color="#ff7061"/></radialGradient></defs><path fill="url(#SVGhphmYc3G)" d="M128 0C55.894 0 0 52.818 0 124.16c0 37.317 15.293 69.562 40.2 91.835c2.09 1.871 3.352 4.493 3.438 7.298l.697 22.77c.223 7.262 7.724 11.988 14.37 9.054L84.111 243.9a10.22 10.22 0 0 1 6.837-.501c11.675 3.21 24.1 4.92 37.052 4.92c72.106 0 128-52.818 128-124.16S200.106 0 128 0"/><path fill="#fff" d="m51.137 160.47l37.6-59.653c5.98-9.49 18.788-11.853 27.762-5.123l29.905 22.43a7.68 7.68 0 0 0 9.252-.027l40.388-30.652c5.39-4.091 12.428 2.36 8.82 8.085l-37.6 59.654c-5.981 9.489-18.79 11.852-27.763 5.122l-29.906-22.43a7.68 7.68 0 0 0-9.25.027l-40.39 30.652c-5.39 4.09-12.427-2.36-8.818-8.085"/></svg> </template>
CSS
.icon-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%20256%20256%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGhphmYc3G%22%20cx%3D%2219.247%25%22%20cy%3D%2299.465%25%22%20r%3D%22108.96%25%22%20fx%3D%2219.247%25%22%20fy%3D%2299.465%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2309f%22%2F%3E%3Cstop%20offset%3D%2260.975%25%22%20stop-color%3D%22%23a033ff%22%2F%3E%3Cstop%20offset%3D%2293.482%25%22%20stop-color%3D%22%23ff5280%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff7061%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGhphmYc3G)%22%20d%3D%22M128%200C55.894%200%200%2052.818%200%20124.16c0%2037.317%2015.293%2069.562%2040.2%2091.835c2.09%201.871%203.352%204.493%203.438%207.298l.697%2022.77c.223%207.262%207.724%2011.988%2014.37%209.054L84.111%20243.9a10.22%2010.22%200%200%201%206.837-.501c11.675%203.21%2024.1%204.92%2037.052%204.92c72.106%200%20128-52.818%20128-124.16S200.106%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m51.137%20160.47l37.6-59.653c5.98-9.49%2018.788-11.853%2027.762-5.123l29.905%2022.43a7.68%207.68%200%200%200%209.252-.027l40.388-30.652c5.39-4.091%2012.428%202.36%208.82%208.085l-37.6%2059.654c-5.981%209.489-18.79%2011.852-27.763%205.122l-29.906-22.43a7.68%207.68%200%200%200-9.25.027l-40.39%2030.652c-5.39%204.09-12.427-2.36-8.818-8.085%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%20256%20256%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGhphmYc3G%22%20cx%3D%2219.247%25%22%20cy%3D%2299.465%25%22%20r%3D%22108.96%25%22%20fx%3D%2219.247%25%22%20fy%3D%2299.465%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2309f%22%2F%3E%3Cstop%20offset%3D%2260.975%25%22%20stop-color%3D%22%23a033ff%22%2F%3E%3Cstop%20offset%3D%2293.482%25%22%20stop-color%3D%22%23ff5280%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff7061%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGhphmYc3G)%22%20d%3D%22M128%200C55.894%200%200%2052.818%200%20124.16c0%2037.317%2015.293%2069.562%2040.2%2091.835c2.09%201.871%203.352%204.493%203.438%207.298l.697%2022.77c.223%207.262%207.724%2011.988%2014.37%209.054L84.111%20243.9a10.22%2010.22%200%200%201%206.837-.501c11.675%203.21%2024.1%204.92%2037.052%204.92c72.106%200%20128-52.818%20128-124.16S200.106%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m51.137%20160.47l37.6-59.653c5.98-9.49%2018.788-11.853%2027.762-5.123l29.905%2022.43a7.68%207.68%200%200%200%209.252-.027l40.388-30.652c5.39-4.091%2012.428%202.36%208.82%208.085l-37.6%2059.654c-5.981%209.489-18.79%2011.852-27.763%205.122l-29.906-22.43a7.68%207.68%200%200%200-9.25.027l-40.39%2030.652c-5.39%204.09-12.427-2.36-8.818-8.085%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/messenger.svg?color=%231a73e8&size=48
