Mercurial icon

logos:mercurial

The Mercurial icon (logos:mercurial) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 329 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 329

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="329" viewBox="0 0 256 329"><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>

How to use the Mercurial icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:mercurial" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:mercurial" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:mercurial" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mercurial]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mercurial"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:mercurial"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/mercurial.svg" alt="Mercurial icon" width="24" height="24">

Mercurial icon in other icon sets

Mercurial icon FAQ

Is the Mercurial icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Mercurial icon in React?

Install @iconify/react and render <Icon icon="logos:mercurial" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mercurial icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mercurial.svg" alt="Mercurial icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →