Mercurial icon

file-icons:mercurial

The Mercurial icon (file-icons:mercurial) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M104.368 236.309c0-40.023-43.624-65.172-78.335-45.161s-34.71 70.31 0 90.321s78.335-5.138 78.335-45.16m-57.135 2.31c.931-17.419 28.477-30.807 38.361-15.164c8.014 12.698-8.126 29.329-20.333 32.522c-12.934 3.386-18.96.068-18.028-17.357m8.84 36.287c2.066-1.866 12.542-1.1 21.998-6.187c9.449-5.082 20.675-16.221 22.681-32.056c1.18-9.3 1.535-6.964 2.007-1.901c-1.466 26.321-25.676 40.865-39.517 42.784c-3.74.516-10.312.2-7.17-2.64M256.602 9.676C72.809 32.394 69.852 225.847 231.827 271.8c140.17 39.809 28.956 128.72 32.204 187.924c3.268 59.197 121.862 80.673 215.39-74.797C571.288 232.214 460.018-15.491 256.6 9.676m29.862 268.989c-6.572-4.386-22.265-13.55-54.494-24.117c-26.683-8.753-40.244-16.233-46.86-21.849c20.788 9.195 37.484 12.689 58.222 17.966c43.909 13.166 54.004 17.049 54.942 33.827c-.435 9.244-4.846-1.162-11.81-5.827m81.376 88.898c40.461 5.007 83.91-78.847 93.726-130.037c9.573-49.873 14.239 3.212 4.957 37.473c-11.027 40.635-49.14 103.523-74.654 132.64c-19.562 22.334-41.424 31.652-67.807 35.566c-54.893 10.698 3.324-80.648 43.778-75.642m68.448 60.323c-25.142 30.134-62.029 57.106-103.579 60.346c-11.083 1.659-19.315.255-18.711-6.914c.795-9.437 11.965-3.454 28.141-7.38c58.11-14.109 83.308-43.201 118.06-97.833c27.055-42.523 38.883-89.7 39.778-98.683c2.671 10.878-14.68 86.526-63.69 150.464m-332.96-91.988c-53.05 30.583-53.05 107.457 0 138.041s119.72-7.853 119.72-69.02s-66.671-99.605-119.72-69.021m50.329 82.719c23.73-7.878 36.54-60.521 39.572-37.032c5.995 46.381-25.905 59.358-36.323 62.086c-35.156 9.207-39.194-13.127-3.25-25.054m61.925-4.343c-4.846 32.571-35.629 56.594-61.826 57.49c-5.318.546-12.294-1.771-5.796-3.132c7.897-1.653 53.824-13.555 64.608-51.326c3.361-11.78 3.964-9.412 3.014-3.032"/></svg>

How to use the Mercurial icon

React

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

<Icon icon="file-icons:mercurial" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:mercurial" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:mercurial" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:mercurial"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/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. File Icons are released under the ISC 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="file-icons: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/file-icons/mercurial.svg" alt="Mercurial icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →