beancount logo

beancount from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
beancount
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

Use the beancount logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e64a19" d="M26.471 5.736c7.383 3.577 2.04 13.636-5.547 17.984c-5.998 3.44-18.128 5.76-18.877-2.22c-.738-7.863 7.61-6.698 11.575-8.67c4.032-2.003 6.854-9.998 12.85-7.093zm-11.684 8.89c-1.167.438-3.695.194-3.479 2.094c.215 1.932 3.483.908 5.243.097c1.788-.82 3.415-2.475 2.27-3.496c-1.424-1.268-2.421.698-4.034 1.305"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeBeancount(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e64a19" d="M26.471 5.736c7.383 3.577 2.04 13.636-5.547 17.984c-5.998 3.44-18.128 5.76-18.877-2.22c-.738-7.863 7.61-6.698 11.575-8.67c4.032-2.003 6.854-9.998 12.85-7.093zm-11.684 8.89c-1.167.438-3.695.194-3.479 2.094c.215 1.932 3.483.908 5.243.097c1.788-.82 3.415-2.475 2.27-3.496c-1.424-1.268-2.421.698-4.034 1.305"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e64a19" d="M26.471 5.736c7.383 3.577 2.04 13.636-5.547 17.984c-5.998 3.44-18.128 5.76-18.877-2.22c-.738-7.863 7.61-6.698 11.575-8.67c4.032-2.003 6.854-9.998 12.85-7.093zm-11.684 8.89c-1.167.438-3.695.194-3.479 2.094c.215 1.932 3.483.908 5.243.097c1.788-.82 3.415-2.475 2.27-3.496c-1.424-1.268-2.421.698-4.034 1.305"/></svg>
</template>

CSS

.icon-beancount {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22%23e64a19%22%20d%3D%22M26.471%205.736c7.383%203.577%202.04%2013.636-5.547%2017.984c-5.998%203.44-18.128%205.76-18.877-2.22c-.738-7.863%207.61-6.698%2011.575-8.67c4.032-2.003%206.854-9.998%2012.85-7.093zm-11.684%208.89c-1.167.438-3.695.194-3.479%202.094c.215%201.932%203.483.908%205.243.097c1.788-.82%203.415-2.475%202.27-3.496c-1.424-1.268-2.421.698-4.034%201.305%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23e64a19%22%20d%3D%22M26.471%205.736c7.383%203.577%202.04%2013.636-5.547%2017.984c-5.998%203.44-18.128%205.76-18.877-2.22c-.738-7.863%207.61-6.698%2011.575-8.67c4.032-2.003%206.854-9.998%2012.85-7.093zm-11.684%208.89c-1.167.438-3.695.194-3.479%202.094c.215%201.932%203.483.908%205.243.097c1.788-.82%203.415-2.475%202.27-3.496c-1.424-1.268-2.421.698-4.034%201.305%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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