Mercurial
The Mercurial icon represents the Mercurial version control system.
Exports at 19 × 24 px
Code
Mercurial in your framework
In any framework. Customize it above, and the code follows.
export const MercurialIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="24" viewBox="0 0 256 329" {...props}>
<path fill="#010101" d="M0 284.853c4.33-1.909 8.93-2.862 13.35-2.862c4.239 0 6.945 1.04 8.478 3.21c3.247-2.168 7.666-3.21 11.094-3.21c10.284 0 10.644 4.163 10.644 16.393v27.058c0 1.214.18 1.214-4.96 1.214v-28.794c0-8.846-.181-11.535-6.042-11.535c-2.615 0-5.322.606-8.209 2.515v37.206c-.09.348-.27.434-.9.52c-.092 0-.18.086-.273.086h-3.789v-28.792c0-8.498 0-11.622-6.131-11.622c-2.616 0-5.232.52-8.3 1.996v37.206c0 1.214.181 1.214-4.96 1.214v-41.803m67.81-2.862c-7.666 0-16.144 2.168-16.144 25.326c0 17.866 6.222 20.64 14.792 20.64c6.582 0 12.265-2.168 12.265-3.21c0-1.3-.18-3.295-.63-4.423c-2.797 1.909-6.767 2.948-11.185 2.948c-6.043 0-10.101-1.734-10.194-15.177c3.97 0 14.074-.086 21.56-1.561c.63-2.863.9-7.026.9-10.667c0-8.673-3.519-13.876-11.364-13.876m-.452 4.336c5.412 0 6.855 3.554 6.945 10.494c0 1.82-.09 3.988-.361 6.07c-5.051 1.214-13.622 1.214-17.23 1.214c.635-15.783 6.045-17.778 10.646-17.778m19.664-.52c4.237-2.776 8.119-3.816 12.087-3.816c4.42 0 6.495 1.214 6.495 2.69c0 .867-.273 2.342-.723 3.21c-1.264-.695-2.705-1.301-5.053-1.301c-2.885 0-5.591.778-7.755 2.687v36.167c0 1.215.09 1.215-5.05 1.215zm45.536-.954c0-1.128-3.787-2.862-7.576-2.862c-7.31 0-16.237 2.515-16.237 23.937c0 20.293 5.414 22.115 14.882 22.115c4.69 0 8.93-2.515 8.93-3.902c0-.78-.178-1.995-.632-3.037c-1.895 1.387-4.78 2.69-7.845 2.69c-6.494 0-10.283-1.82-10.283-17.605c0-17.433 6.222-19.862 11.635-19.862c3.065 0 4.779.867 6.493 1.995c.454-1.04.633-2.515.633-3.469m34.55 40.33c-3.969 1.995-9.198 2.776-13.709 2.776c-11.546 0-13.26-4.855-13.26-16.391v-27.146c0-1.126-.088-1.126 5.053-1.126v28.794c0 8.673 1.262 11.622 8.026 11.622c2.616 0 6.224-.52 8.93-2.082v-37.206c0-1.126-.18-1.126 4.96-1.126zm10.287-39.376c4.237-2.776 8.117-3.816 12.084-3.816c4.42 0 6.495 1.214 6.495 2.69c0 .867-.27 2.342-.72 3.21c-1.264-.695-2.707-1.301-5.053-1.301c-2.885 0-5.592.778-7.757 2.687v36.167c0 1.215.092 1.215-5.049 1.215zm30.16-2.515c-3.97 0-5.14 0-5.14 2.342v41.022c5.05 0 5.14 0 5.14-1.214zm-5.322-15.263c0 2.862.902 3.902 2.704 3.988c2.076 0 3.068-1.473 3.068-4.077c.09-2.688-.633-3.902-2.706-3.902c-1.983 0-2.975 1.475-3.066 3.99m13.878 17.779c0-.954.181-1.475.543-1.734c1.714-.954 8.3-2.082 15.785-2.082c5.683 0 9.29 2.69 9.29 10.494v5.636c0 15.438-.45 26.974-.45 26.974c-2.076 1.126-5.953 2.862-12.27 2.862c-6.493.086-12.986-.52-12.986-13.356c0-12.228 6.674-14.137 13.348-14.137c2.525 0 5.503.26 7.488 1.042v-8.068c0-5.636-2.885-6.85-6.315-6.85c-4.598 0-11.001.867-13.798 2.168c-.542-.954-.635-2.43-.635-2.95m20.746 19.256c-1.714-.608-4.15-.867-5.863-.867c-5.14 0-9.832 1.04-9.832 10.58c0 8.933 3.88 9.021 8.478 9.021c2.887 0 5.774-.78 6.765-1.82c.002-.002.452-10.41.452-16.914m19.14 20.38c0 1.214.09 1.214-4.962 1.214v-61.404c0-2.342.992-2.342 4.962-2.342z"/><path fill="#1B1A1B" d="M239.15 190.973c45.73-76.034-9.658-199.35-110.932-186.821c-91.503 11.311-92.977 107.622-12.335 130.502c69.787 19.817 14.418 64.081 16.036 93.558c1.624 29.472 60.668 40.165 107.231-37.24"/><path fill="#1B1A1B" d="M81.333 238.91c21.074-5.541 33.686-27.197 28.17-48.369c-5.518-21.171-27.074-33.841-48.149-28.299s-33.686 27.199-28.169 48.37s27.074 33.841 48.148 28.299M23.78 90.97C9.593 92.348-.794 105.01.579 119.265c1.377 14.264 13.98 24.707 28.172 23.327c14.187-1.398 24.583-14.058 23.203-28.313c-1.378-14.246-13.98-24.691-28.172-23.31"/><path fill="#BFBFBF" d="M239.344 187.56c45.442-75.902-9.594-199.002-110.227-186.496c-90.923 11.292-92.39 107.438-12.258 130.278c69.344 19.782 14.326 63.97 15.934 93.398c1.616 29.417 60.283 40.09 106.55-37.18"/><path d="M144.453 236.353c-2.753-4.487 1.458-9.472 5.786-9.093c6.89.606 21.892-.081 33.73-6.822c29.573-16.842 75.083-97.88 52.194-148.992c-10.248-22.88-15.237-29.43-25.79-40.623c-2.154-2.282-.918-2.158.54-1.385c5.707 3.008 15.735 14.663 26.022 33.631c17.38 32.049 16.478 70.149 10.014 94.049c-4.502 16.626-20.01 54.238-42.722 70.501c-22.763 16.3-49.398 25.649-59.774 8.734m-20.606-105.167c-15.494-4.62-35.468-11.055-47.02-26.235c-8.517-11.194-12.84-23.41-13.945-30.337c-.393-2.472-.726-4.534-.018-5.103c.328-.265 6.36 13.432 15.377 24.91c9.015 11.483 21.616 18.198 32.113 20.638c9.337 2.169 28.677 6.933 35.22 12.534c6.728 5.756 7.29 18.194 5.025 19.597c-2.282 1.411-6.912-10.09-26.752-16.004"/><path fill="#FFF" d="M155.794 238.547c-.3 3.562 3.774 4.26 9.257 3.435c7.027-1.058 12.97-1.853 21.059-5.926c10.962-5.52 22.057-13.414 30.182-24.066c24.243-31.775 32.828-69.37 31.506-74.78c-.442 4.467-6.294 27.911-19.679 49.047c-17.19 27.15-29.655 41.61-58.405 48.62c-8 1.953-13.529-1.02-13.92 3.67M92.03 114.986c3.275 2.79 9.984 6.508 23.184 10.857c15.944 5.251 23.707 9.806 26.958 11.988c3.445 2.317 5.628 7.489 5.844 2.896c.225-4.598-2.596-8.552-8.89-10.649c-4.26-1.42-11.424-4.803-18.29-6.165c-4.414-.875-11.593-2.612-17.75-4.506c-3.374-1.041-6.812-2.866-11.056-4.421"/><path fill="#BFBFBF" d="M81.323 235.83c20.99-5.542 33.552-27.197 28.057-48.369c-5.495-21.171-26.966-33.841-47.957-28.299c-20.99 5.543-33.552 27.199-28.057 48.37s26.966 33.841 47.957 28.299"/><path d="M47.984 226.375c30.559 28.56 76.556-10.672 56.302-45.323c-2.275-3.89-5.228-6.853-4.256-3.872c6.473 19.925.491 35.687-10.67 43.807c-10.943 7.966-25.983 9.298-38.025 3.001c-3.536-1.848-5.003.845-3.351 2.387"/><path fill="#FFF" d="M71.962 232.24c3.89-.825 26.52-6.736 31.836-25.508c1.655-5.853 1.953-4.677 1.485-1.506c-2.388 16.187-17.558 28.128-30.467 28.57c-2.62.272-6.056-.88-2.854-1.555"/><path fill="#BFBFBF" d="M23.999 87.889C9.866 89.269-.48 101.931.889 116.186c1.37 14.262 13.924 24.707 28.057 23.327c14.133-1.398 24.487-14.06 23.11-28.315C50.686 96.952 38.134 86.508 24 87.889"/><path d="M12.335 133.418c.157 1.832 2.645 4.186 6.553 5.267c3.358.928 12.014 3.301 23.134-3.778s12.403-26.014 7.348-31.583c-1.565-2.821-3.6-4.875-1.98-.373c4.088 11.368-3.857 22.001-10.71 26.925c-6.85 4.923-15.538 2.593-19.086 1.503s-5.418.147-5.259 2.04"/><path fill="#FFF" d="M26.685 135.962c1.02-.926 6.18-.547 10.838-3.074c4.655-2.526 10.19-8.064 11.177-15.933c.582-4.62.757-3.46.988-.944c-.722 13.082-12.65 20.308-19.472 21.261c-1.84.258-5.08.1-3.53-1.31"/><path fill="#999" d="M230.729 138.253C249.999 82.23 209.673-2.374 128.093 7.803c-73.713 9.192-74.901 87.445-9.938 106.037c73.584 11.235 29.275 67.223 22.99 95.457c-5.636 25.309 59.467 29.474 89.584-71.044"/><path fill="#F3F3F3" d="M180.307 182.013c-19.934-2.489-48.621 42.906-21.573 37.59c27.045-5.313-27.048 5.316 0 0c13.001-1.945 23.772-6.574 33.414-17.674c12.571-14.47 31.351-45.727 36.783-65.922c4.575-17.028 2.276-43.41-2.441-18.622c-4.837 25.439-26.248 67.116-46.183 64.628"/><path fill="#999" d="M46.4 218.324c4.615.078 7.407.733 12.08 4.04c9.239 3.873 26.22 1.42 34.062-8.993s8.1-24.759 5.112-33.427c-7.31-21.217-38.36-20.841-52.23-3.227c-15.006 19.67-3.64 41.528.976 41.607M5.183 120.007c.92 2.922 3.27 7.185 8.234 7.896c6.628.949 7.984 3.97 15.81 2.402c7.827-1.567 13.76-8.036 16.134-15.192c2.718-9.902-1.352-15.014-7.477-19.578c-6.124-4.564-19.597-4.073-27.638 3.32c-5.714 5.25-7.303 14.038-5.063 21.152"/><path fill="#F3F3F3" d="M31.213 126.555c6.014-1.588 13.967-9.853 10.019-16.164c-4.872-7.775-18.444-1.12-18.903 7.537c-.46 8.66 2.51 10.31 8.884 8.627m45.157 93.281c5.131-1.355 20.851-7.807 17.899-30.856c-1.495-11.676-7.809 14.49-19.5 18.404c-17.713 5.928-15.723 17.026 1.601 12.452"/>
</svg>
);Other libraries
Mercurial in 3 more libraries
Each library draws it its own way. Open one to compare.
SVG Logos
More like it
Icons that share its tags, in the same style.
Search SVG Logos
Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.
Get ProTags
Browse by tag
Mercurial is tagged development, Git and version-control. Related tags follow; each opens its icons from every library.
Pricing
SVG Logos MCP, with Pro
Ask for Mercurial or any of 2,063 SVG Logos 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 Mercurial icon means and where it's used, then how to install, style, label and license it.
The Mercurial icon represents the Mercurial version control system.
The Mercurial icon is used in software applications and platforms related to version control, such as Mercurial's own interface or GitHub.
From a UX perspective, the Mercurial icon communicates a connection to a version control system.
Mercurial is one of 2,063 icons in SVG Logos, made by Gil Barbara and released under CC0. It is drawn on a 256 × 329 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 MercurialIcon to components/icons/logos-mercurial.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 MercurialIcon 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 Mercurial icon, or any of 2,063 SVG Logos icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 256 × 329 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. 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="Mercurial", so screen readers say what it does.
Yes. MercurialIcon passes every SVG prop to the svg element, so <MercurialIcon 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.
CC0 puts the icons in the public domain: use them anywhere, with no conditions. The full terms are in the license, linked on this page.
No. CC0 gives the icons to the public domain, so no credit and no notice is required. Icons installed with the shadcn CLI still start with a comment naming SVG Logos, Gil Barbara and the 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 Mercurial. 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 development, Git and version-control. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Mercurial in another set.
4.9 out of 5 from 150+ developers
Install Mercurial from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro