mercurial logo
mercurial from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- mercurial
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the mercurial logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#78909c"><path d="M21.29 12.66c.287-4.983-3.45-10.35-9.202-9.68c-2.588.288-4.121 1.63-4.792 3.067c-1.15 2.397.095 5.56 3.834 6.614c2.3.67 2.78 1.63 2.492 2.78c-.288 1.054-1.055 2.204-1.246 3.163c-.096.287-.096.575-.096.862c.096 2.109 4.409 2.972 7.764-2.684c.766-1.15 1.15-2.587 1.246-4.121zM6.433 11.51v-.383c0-.096 0-.191-.096-.287c-.192-.959-.958-1.534-1.917-1.438s-1.63.863-1.725 1.821v.48c.096 1.054 1.054 1.82 2.013 1.725c1.054-.192 1.725-.959 1.725-1.917z"/><path d="M10.65 16.59c-.383-1.533-1.917-2.491-3.45-2.012c-1.246.287-2.013 1.342-2.109 2.588c-.096.383 0 .767.096 1.15c.383 1.534 2.013 2.492 3.546 2.013c1.342-.383 2.205-1.63 2.109-3.067c-.096-.192-.096-.384-.192-.671z"/></g></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeMercurial(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#78909c"><path d="M21.29 12.66c.287-4.983-3.45-10.35-9.202-9.68c-2.588.288-4.121 1.63-4.792 3.067c-1.15 2.397.095 5.56 3.834 6.614c2.3.67 2.78 1.63 2.492 2.78c-.288 1.054-1.055 2.204-1.246 3.163c-.096.287-.096.575-.096.862c.096 2.109 4.409 2.972 7.764-2.684c.766-1.15 1.15-2.587 1.246-4.121zM6.433 11.51v-.383c0-.096 0-.191-.096-.287c-.192-.959-.958-1.534-1.917-1.438s-1.63.863-1.725 1.821v.48c.096 1.054 1.054 1.82 2.013 1.725c1.054-.192 1.725-.959 1.725-1.917z"/><path d="M10.65 16.59c-.383-1.533-1.917-2.491-3.45-2.012c-1.246.287-2.013 1.342-2.109 2.588c-.096.383 0 .767.096 1.15c.383 1.534 2.013 2.492 3.546 2.013c1.342-.383 2.205-1.63 2.109-3.067c-.096-.192-.096-.384-.192-.671z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#78909c"><path d="M21.29 12.66c.287-4.983-3.45-10.35-9.202-9.68c-2.588.288-4.121 1.63-4.792 3.067c-1.15 2.397.095 5.56 3.834 6.614c2.3.67 2.78 1.63 2.492 2.78c-.288 1.054-1.055 2.204-1.246 3.163c-.096.287-.096.575-.096.862c.096 2.109 4.409 2.972 7.764-2.684c.766-1.15 1.15-2.587 1.246-4.121zM6.433 11.51v-.383c0-.096 0-.191-.096-.287c-.192-.959-.958-1.534-1.917-1.438s-1.63.863-1.725 1.821v.48c.096 1.054 1.054 1.82 2.013 1.725c1.054-.192 1.725-.959 1.725-1.917z"/><path d="M10.65 16.59c-.383-1.533-1.917-2.491-3.45-2.012c-1.246.287-2.013 1.342-2.109 2.588c-.096.383 0 .767.096 1.15c.383 1.534 2.013 2.492 3.546 2.013c1.342-.383 2.205-1.63 2.109-3.067c-.096-.192-.096-.384-.192-.671z"/></g></svg> </template>
CSS
.icon-mercurial {
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%2024%2024%22%3E%3Cg%20fill%3D%22%2378909c%22%3E%3Cpath%20d%3D%22M21.29%2012.66c.287-4.983-3.45-10.35-9.202-9.68c-2.588.288-4.121%201.63-4.792%203.067c-1.15%202.397.095%205.56%203.834%206.614c2.3.67%202.78%201.63%202.492%202.78c-.288%201.054-1.055%202.204-1.246%203.163c-.096.287-.096.575-.096.862c.096%202.109%204.409%202.972%207.764-2.684c.766-1.15%201.15-2.587%201.246-4.121zM6.433%2011.51v-.383c0-.096%200-.191-.096-.287c-.192-.959-.958-1.534-1.917-1.438s-1.63.863-1.725%201.821v.48c.096%201.054%201.054%201.82%202.013%201.725c1.054-.192%201.725-.959%201.725-1.917z%22%2F%3E%3Cpath%20d%3D%22M10.65%2016.59c-.383-1.533-1.917-2.491-3.45-2.012c-1.246.287-2.013%201.342-2.109%202.588c-.096.383%200%20.767.096%201.15c.383%201.534%202.013%202.492%203.546%202.013c1.342-.383%202.205-1.63%202.109-3.067c-.096-.192-.096-.384-.192-.671z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22%2378909c%22%3E%3Cpath%20d%3D%22M21.29%2012.66c.287-4.983-3.45-10.35-9.202-9.68c-2.588.288-4.121%201.63-4.792%203.067c-1.15%202.397.095%205.56%203.834%206.614c2.3.67%202.78%201.63%202.492%202.78c-.288%201.054-1.055%202.204-1.246%203.163c-.096.287-.096.575-.096.862c.096%202.109%204.409%202.972%207.764-2.684c.766-1.15%201.15-2.587%201.246-4.121zM6.433%2011.51v-.383c0-.096%200-.191-.096-.287c-.192-.959-.958-1.534-1.917-1.438s-1.63.863-1.725%201.821v.48c.096%201.054%201.054%201.82%202.013%201.725c1.054-.192%201.725-.959%201.725-1.917z%22%2F%3E%3Cpath%20d%3D%22M10.65%2016.59c-.383-1.533-1.917-2.491-3.45-2.012c-1.246.287-2.013%201.342-2.109%202.588c-.096.383%200%20.767.096%201.15c.383%201.534%202.013%202.492%203.546%202.013c1.342-.383%202.205-1.63%202.109-3.067c-.096-.192-.096-.384-.192-.671z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/mercurial.svg?color=%231a73e8&size=48
