expensify logo

expensify from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
expensify
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the expensify logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.16 17.52h7.68v-2.28h-4.872v-2.136h4.152v-2.328h-4.152v-2.04h4.872V6.48H8.16zM21.6 12a9.6 9.6 0 0 1-2.16 6.072l1.704 1.704A11.96 11.96 0 0 0 24 12c0-2.928-1.056-5.616-2.784-7.68l-1.704 1.704A9.6 9.6 0 0 1 21.6 12m-3.528 7.44a9.61 9.61 0 0 1-12.048.072L4.32 21.216A11.9 11.9 0 0 0 12 24c2.976 0 5.688-1.08 7.776-2.856zm-13.44-1.272A9.6 9.6 0 0 1 2.4 12c0-5.304 4.296-9.6 9.6-9.6c2.352 0 4.488.84 6.168 2.232l1.704-1.704A12.02 12.02 0 0 0 12 0C5.376 0 0 5.376 0 12c0 3 1.104 5.76 2.928 7.872z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsExpensify(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.16 17.52h7.68v-2.28h-4.872v-2.136h4.152v-2.328h-4.152v-2.04h4.872V6.48H8.16zM21.6 12a9.6 9.6 0 0 1-2.16 6.072l1.704 1.704A11.96 11.96 0 0 0 24 12c0-2.928-1.056-5.616-2.784-7.68l-1.704 1.704A9.6 9.6 0 0 1 21.6 12m-3.528 7.44a9.61 9.61 0 0 1-12.048.072L4.32 21.216A11.9 11.9 0 0 0 12 24c2.976 0 5.688-1.08 7.776-2.856zm-13.44-1.272A9.6 9.6 0 0 1 2.4 12c0-5.304 4.296-9.6 9.6-9.6c2.352 0 4.488.84 6.168 2.232l1.704-1.704A12.02 12.02 0 0 0 12 0C5.376 0 0 5.376 0 12c0 3 1.104 5.76 2.928 7.872z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.16 17.52h7.68v-2.28h-4.872v-2.136h4.152v-2.328h-4.152v-2.04h4.872V6.48H8.16zM21.6 12a9.6 9.6 0 0 1-2.16 6.072l1.704 1.704A11.96 11.96 0 0 0 24 12c0-2.928-1.056-5.616-2.784-7.68l-1.704 1.704A9.6 9.6 0 0 1 21.6 12m-3.528 7.44a9.61 9.61 0 0 1-12.048.072L4.32 21.216A11.9 11.9 0 0 0 12 24c2.976 0 5.688-1.08 7.776-2.856zm-13.44-1.272A9.6 9.6 0 0 1 2.4 12c0-5.304 4.296-9.6 9.6-9.6c2.352 0 4.488.84 6.168 2.232l1.704-1.704A12.02 12.02 0 0 0 12 0C5.376 0 0 5.376 0 12c0 3 1.104 5.76 2.928 7.872z"/></svg>
</template>

CSS

.icon-expensify {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.16%2017.52h7.68v-2.28h-4.872v-2.136h4.152v-2.328h-4.152v-2.04h4.872V6.48H8.16zM21.6%2012a9.6%209.6%200%200%201-2.16%206.072l1.704%201.704A11.96%2011.96%200%200%200%2024%2012c0-2.928-1.056-5.616-2.784-7.68l-1.704%201.704A9.6%209.6%200%200%201%2021.6%2012m-3.528%207.44a9.61%209.61%200%200%201-12.048.072L4.32%2021.216A11.9%2011.9%200%200%200%2012%2024c2.976%200%205.688-1.08%207.776-2.856zm-13.44-1.272A9.6%209.6%200%200%201%202.4%2012c0-5.304%204.296-9.6%209.6-9.6c2.352%200%204.488.84%206.168%202.232l1.704-1.704A12.02%2012.02%200%200%200%2012%200C5.376%200%200%205.376%200%2012c0%203%201.104%205.76%202.928%207.872z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.16%2017.52h7.68v-2.28h-4.872v-2.136h4.152v-2.328h-4.152v-2.04h4.872V6.48H8.16zM21.6%2012a9.6%209.6%200%200%201-2.16%206.072l1.704%201.704A11.96%2011.96%200%200%200%2024%2012c0-2.928-1.056-5.616-2.784-7.68l-1.704%201.704A9.6%209.6%200%200%201%2021.6%2012m-3.528%207.44a9.61%209.61%200%200%201-12.048.072L4.32%2021.216A11.9%2011.9%200%200%200%2012%2024c2.976%200%205.688-1.08%207.776-2.856zm-13.44-1.272A9.6%209.6%200%200%201%202.4%2012c0-5.304%204.296-9.6%209.6-9.6c2.352%200%204.488.84%206.168%202.232l1.704-1.704A12.02%2012.02%200%200%200%2012%200C5.376%200%200%205.376%200%2012c0%203%201.104%205.76%202.928%207.872z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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