Jabber
The Jabber icon represents the open-source XMPP instant messaging protocol that pioneered federated communication.
Exports at 16 × 24 px
Code
Jabber in your framework
In any framework. Customize it above, and the code follows.
export const JabberIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 667.19 1000" {...props}>
<path fill="currentColor" d="M224.968 0c-4.449-.03-8.858.158-13.121.719V.688c-18.133 2.383-36.574 2.121-54.798 4.937c-34.916 5.391-68.366 16.252-101.066 29.336c-11.907 4.762-23.639 10.067-35.178 15.652c-4.294 2.078-10.856 3.726-14.309 7.061c-1.796 1.738-1.594 5.83-1.812 8.154c-.607 6.539-1.429 13.053-2.062 19.589c-2.442 25.217-4.174 51.214-.563 76.417c1.169 8.144 3.706 22.901 13.715 24.462c15.392 2.408 27.343-16.533 34.896-26.992c17.642-24.425 37.734-47.157 66.669-58.078c34.057-12.857 73.039-15.899 109.063-18.37c101.1-6.929 211.602 11.542 286.076 86.007c10.591 10.59 20.622 21.824 29.148 34.178c33.346 48.282 50.96 103.199 59.452 160.861c3.993 27.074 6.738 54.455.563 81.415c-10.717 46.775-38.817 87.493-71.105 122.154c-22.1 23.723-46.972 45.178-72.855 64.67c-14.45 10.879-30.651 20.097-44.238 31.991c-15.648 13.698-28.66 30.833-38.552 49.111c-26.622 49.213-33.761 108.429-25.931 163.36c1.605 11.26 3.041 22.573 5.592 33.679c.763 3.322.913 9.032 3.062 11.747c4.022 5.078 14.973 7.888 21.119 8.186c6.41.31 10.675-4.625 12.247-10.372c2.689-9.848 1.09-20.741-.469-30.647c-3.192-20.291-6.122-40.73-5.218-61.327c1.668-38.032 16.376-73.468 42.738-101.035c26.809-28.034 63.037-44.216 93.505-67.7c61.404-47.328 116.4-111.175 137.524-187.167c7.55-27.173 10.04-55.97 6.592-83.945c-4.357-35.385-17.3-70.741-29.492-104.065C599.005 182.403 535.251 85.831 434.029 39.369C393.862 20.927 351.872 12.53 308.376 6.472c-20.407-2.84-40.799-4.598-61.327-5.498c-7.135-.312-14.673-.919-22.088-.969zm-52.641 421.507c-10.102.082-20.142 2.657-28.867 7.967c-12.828 7.813-19.97 21.456-23.993 35.459c-7.986 27.806-4.304 59.519 1.281 87.445c1.785 8.931 3.618 17.882 6.123 26.649c.905 3.163 1.317 7.773 3.374 10.403c3.59 4.6 12.371 5.934 17.745 5.03c16.125-2.71 12.14-29.262 11.591-40.552c-1.287-26.445-9.08-52.112-1.531-78.416c3.197-11.13 9.346-23.657 20.588-28.492c10.147-4.369 20.412.961 24.431 10.872c6.506 16.049 4.855 34.6 8.935 51.299c1.387 5.676 2.938 11.298 5.498 16.589c.742 1.529 1.756 4.692 3.905 4.499c5.225-.478 12.64-9.2 16.558-12.435c12.652-10.456 25.671-21.629 40.239-29.367c6.854-3.64 18.118-9.534 25.118-3.343c1.785 1.58 3.221 3.438 4.499 5.436c8.229 12.889.07 22.953-5.28 35.209c-6.925 15.864-14.022 31.561-24.056 45.737c-8.627 12.191-20.413 22.892-27.305 36.209c-4.437 8.575-6.959 17.972-5.124 27.648c1.488 7.825 7.546 12.55 15.527 10.716c5.974-1.374 10.027-6.521 13.434-11.247c6.07-8.429 11.712-17.155 17.745-25.618c11.673-16.366 25.455-31.674 35.271-49.267c11.832-21.21 17.54-45.197 17.526-69.356c-.008-19.742-7.182-49.94-30.18-54.079c-4.328-.775-9.26-.344-13.559.406a59.7 59.7 0 0 0-15.59 5.03c-13.075 6.325-24.4 15.783-34.115 26.524c-6.052 6.683-11.474 15.061-18.651 20.557c-.004-14.574-2.719-30.456-11.185-42.676c-11.147-16.084-30.669-24.993-49.955-24.837zM56.89 657.847c-1.113.04-2.252.143-3.437.313c-19.704 2.835-25.449 18.659-21.807 36.49c4.668 22.831 22.634 40.24 40.427 53.954c45.587 35.138 104.458 54.124 161.861 51.611c22.401-.981 46.83-4.679 67.387-14.184c11.023-5.094 22.541-23.449 7.529-31.304c-2.057-1.077-4.738-1.717-7.029-2.093c-6.556-1.073-13.906 1.715-20.119 3.499c-10.956 3.146-21.899 6.344-33.179 8.154c-33.697 5.412-70.136-2.279-98.036-22.244c-22.566-16.144-40.795-37.431-58.015-58.952c-9.882-12.341-18.889-25.84-35.584-25.243zm-20.713 111.25c-2.983.031-5.966.344-8.342.656c-5.019.662-10.76.47-15.059 3.624c-8.965 6.581.906 19.837 5.623 25.837c13.678 17.38 31.669 31.802 49.642 44.519c50.108 35.443 106.88 55.893 167.922 60.077c17.55 1.203 35.44-.046 52.798-2.937c6.347-1.06 14.222-1.541 20.088-4.28c16.598-7.763 11.815-39.109-2.999-46.081c-6.469-3.041-16.866.963-23.649 1.905c-16.043 2.237-32.133 2.455-48.267 2.062c-42.285-1.035-87.309-14.063-124.153-34.615c-14.484-8.085-27.803-17.921-40.239-28.867c-7.562-6.656-15.311-17.537-25.118-20.9c-2.283-.784-5.265-1.031-8.248-1zm3.093 94.599c-.458.001-.912.011-1.375.063c-7.147.8-12.544 4.538-17.245 9.841c-3.239 3.653-6.293 6.951-8.154 11.56c-10.256 25.37 17.076 49.314 35.959 61.296c21.014 13.329 43.966 23.199 67.356 31.522c52.755 18.776 114.637 30.813 169.422 14.027c16.285-4.985 32.367-14.11 44.207-26.431c6.669-6.941 11.265-17.456-.969-21.9c-7.248-2.631-16.045 4.07-22.619 6.717c-15.519 6.258-31.609 11.013-48.267 13.027c-21.94 2.66-41.712-2.175-62.857-7.467c-18.062-4.516-36.304-9.017-53.766-15.527c-14.898-5.554-29.702-12.145-42.738-21.369c-3.896-2.756-8.555-5.221-11.747-8.811c-10.436-11.742-18.302-25.479-29.492-36.646c-4.533-4.525-10.845-9.925-17.714-9.903z"/>
</svg>
);Other libraries
Jabber in 3 more libraries
Each library draws it its own way. Open one to compare.
Brandico
More like it
Icons that share its tags, then the ones next to it in Brandico, in the same style.
Search Brandico
Skip the copy and paste. With Pro, your AI agent finds and installs any Brandico icon from a prompt.
Get ProTags
Browse by tag
Jabber is tagged messaging, open-source and decentralized. Related tags follow; each opens its icons from every library.
Pricing
Brandico MCP, with Pro
Ask for Jabber or any of 45 Brandico icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Jabber icon means and where it's used, then how to install, style, label and license it.
The Jabber icon represents the open-source XMPP instant messaging protocol that pioneered federated communication. This symbol became associated with decentralized messaging and open protocol chat systems before modern centralized platforms dominated.
In open-source communication tools and federated messaging systems, you'll see this icon indicating XMPP/Jabber protocol support. It appears in privacy-focused messaging applications where the open protocol enables decentralized communication without central server control or corporate data ownership.
From an open protocol perspective, the Jabber icon communicates more than just messaging capability - it specifically indicates decentralized architecture, federated communication, and open-source messaging standards. This distinction helps privacy-conscious users identify truly decentralized messaging options versus centralized alternatives.
Jabber is one of 45 icons in Brandico, made by Fontello and released under CC BY SA. It is drawn on a 667.188 × 1000 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds JabberIcon to components/icons/brandico-jabber.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed JabberIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Jabber icon, or any of 45 Brandico icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 667.188 × 1000 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Jabber", so screen readers say what it does.
Yes. JabberIcon passes every SVG prop to the svg element, so <JabberIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with conditions: CC BY SA asks you to credit the author (Fontello), and icons you change must use the same license. The full terms are in the license, linked on this page.
Yes. CC BY SA asks you to credit Fontello, and icons you change must be shared under the same license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
3 other libraries draw an icon called Jabber. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are messaging, open-source and decentralized. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Jabber in another set.
4.9 out of 5 from 150+ developers
Install Jabber from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro