monero logo

monero from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: monero
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

The same logo in other sets

moneroCoreUI Brands moneroFont Awesome 6 Brands moneroFont Awesome Brands moneroLine Awesome monero-fillMingCute Icon moneroSimple Icons

Use the monero logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f60" d="M127.998 0C57.318 0 0 57.317 0 127.999c0 14.127 2.29 27.716 6.518 40.43H44.8V60.734l83.2 83.2l83.198-83.2v107.694h38.282c4.231-12.714 6.521-26.303 6.521-40.43C256 57.316 198.681 0 127.998 0"/><path fill="#4c4c4c" d="m108.867 163.062l-36.31-36.311v67.765H18.623c22.47 36.863 63.051 61.48 109.373 61.48s86.907-24.617 109.374-61.48h-53.933V126.75l-36.31 36.31l-19.13 19.129l-19.128-19.128z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMonero(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f60" d="M127.998 0C57.318 0 0 57.317 0 127.999c0 14.127 2.29 27.716 6.518 40.43H44.8V60.734l83.2 83.2l83.198-83.2v107.694h38.282c4.231-12.714 6.521-26.303 6.521-40.43C256 57.316 198.681 0 127.998 0"/><path fill="#4c4c4c" d="m108.867 163.062l-36.31-36.311v67.765H18.623c22.47 36.863 63.051 61.48 109.373 61.48s86.907-24.617 109.374-61.48h-53.933V126.75l-36.31 36.31l-19.13 19.129l-19.128-19.128z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f60" d="M127.998 0C57.318 0 0 57.317 0 127.999c0 14.127 2.29 27.716 6.518 40.43H44.8V60.734l83.2 83.2l83.198-83.2v107.694h38.282c4.231-12.714 6.521-26.303 6.521-40.43C256 57.316 198.681 0 127.998 0"/><path fill="#4c4c4c" d="m108.867 163.062l-36.31-36.311v67.765H18.623c22.47 36.863 63.051 61.48 109.373 61.48s86.907-24.617 109.374-61.48h-53.933V126.75l-36.31 36.31l-19.13 19.129l-19.128-19.128z"/></svg>
</template>

CSS

.icon-monero {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23f60%22%20d%3D%22M127.998%200C57.318%200%200%2057.317%200%20127.999c0%2014.127%202.29%2027.716%206.518%2040.43H44.8V60.734l83.2%2083.2l83.198-83.2v107.694h38.282c4.231-12.714%206.521-26.303%206.521-40.43C256%2057.316%20198.681%200%20127.998%200%22%2F%3E%3Cpath%20fill%3D%22%234c4c4c%22%20d%3D%22m108.867%20163.062l-36.31-36.311v67.765H18.623c22.47%2036.863%2063.051%2061.48%20109.373%2061.48s86.907-24.617%20109.374-61.48h-53.933V126.75l-36.31%2036.31l-19.13%2019.129l-19.128-19.128z%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23f60%22%20d%3D%22M127.998%200C57.318%200%200%2057.317%200%20127.999c0%2014.127%202.29%2027.716%206.518%2040.43H44.8V60.734l83.2%2083.2l83.198-83.2v107.694h38.282c4.231-12.714%206.521-26.303%206.521-40.43C256%2057.316%20198.681%200%20127.998%200%22%2F%3E%3Cpath%20fill%3D%22%234c4c4c%22%20d%3D%22m108.867%20163.062l-36.31-36.311v67.765H18.623c22.47%2036.863%2063.051%2061.48%20109.373%2061.48s86.907-24.617%20109.374-61.48h-53.933V126.75l-36.31%2036.31l-19.13%2019.129l-19.128-19.128z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/monero.svg?color=%231a73e8&size=48