xero logo

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

Name
xero
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

The same logo in other sets

xeroCoreUI BrandsxeroSimple Icons

Use the xero logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1fc0e7" d="M128.003 256C198.693 256 256 198.689 256 128C256 57.3 198.699 0 128.003 0S0 57.3 0 128c0 70.689 57.307 128 128.003 128"/><path fill="#fff" d="m62.367 127.968l21.8-21.902a3.913 3.913 0 0 0-2.782-6.656c-1.052 0-2.036.41-2.776 1.166L56.821 122.38l-21.874-21.845a3.9 3.9 0 0 0-2.76-1.126a3.908 3.908 0 0 0-2.736 6.695l21.8 21.829l-21.788 21.845c-.763.762-1.184 1.752-1.184 2.805a3.913 3.913 0 0 0 3.909 3.914a3.87 3.87 0 0 0 2.759-1.138l21.845-21.857l21.76 21.771c.774.797 1.764 1.224 2.833 1.224a3.91 3.91 0 0 0 3.903-3.914c0-1.041-.398-2.02-1.138-2.76l-21.788-21.879zm129.599-.006a7.114 7.114 0 0 0 7.111 7.111c3.903 0 7.088-3.186 7.088-7.11c0-3.926-3.185-7.112-7.094-7.112c-3.908 0-7.088 3.186-7.088 7.111zm-13.454 0c0-11.35 9.216-20.594 20.56-20.594c11.32 0 20.553 9.245 20.553 20.594s-9.227 20.594-20.554 20.594c-11.338 0-20.56-9.233-20.56-20.594m-8.09 0c0 15.815 12.857 28.695 28.65 28.695s28.649-12.868 28.649-28.69c0-15.814-12.857-28.694-28.65-28.694c-15.798 0-28.649 12.874-28.649 28.695zm-2.03-28.2h-1.196c-3.612 0-7.094 1.138-10 3.385c-.399-1.74-1.969-3.072-3.835-3.072a3.87 3.87 0 0 0-3.868 3.891l.011 48.327c0 2.145 1.764 3.892 3.897 3.892a3.914 3.914 0 0 0 3.908-3.903v-29.719c0-9.898.91-13.903 9.375-14.961c.797-.097 1.639-.08 1.65-.08c2.31-.085 3.96-1.684 3.96-3.84a3.923 3.923 0 0 0-3.926-3.914zm-75.015 23.484c0-.114.012-.228.017-.33c2.265-8.988 10.388-15.627 20.054-15.627c9.785 0 17.977 6.792 20.138 15.94H93.372zm48.202-.74c-1.684-7.981-6.047-14.54-12.686-18.75c-9.716-6.178-22.54-5.837-31.915.853c-7.657 5.444-12.077 14.365-12.077 23.552c0 2.304.284 4.63.853 6.924c2.89 11.377 12.664 20.002 24.315 21.43c3.458.42 6.826.227 10.297-.683c3.003-.74 5.899-1.946 8.567-3.664c2.77-1.78 5.086-4.136 7.339-6.952c.034-.056.08-.096.125-.153c1.559-1.934 1.268-4.7-.438-6.008c-1.445-1.109-3.869-1.558-5.769.888c-.41.592-.87 1.195-1.365 1.792c-1.519 1.678-3.402 3.3-5.655 4.562a20.6 20.6 0 0 1-9.614 2.43c-11.366-.131-17.442-8.079-19.61-13.745a21 21 0 0 1-.87-3.3l-.057-.597h40.79c5.586-.125 8.59-4.079 7.759-8.59z"/></svg>

React

import type { SVGProps } from "react";

export function LogosXero(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1fc0e7" d="M128.003 256C198.693 256 256 198.689 256 128C256 57.3 198.699 0 128.003 0S0 57.3 0 128c0 70.689 57.307 128 128.003 128"/><path fill="#fff" d="m62.367 127.968l21.8-21.902a3.913 3.913 0 0 0-2.782-6.656c-1.052 0-2.036.41-2.776 1.166L56.821 122.38l-21.874-21.845a3.9 3.9 0 0 0-2.76-1.126a3.908 3.908 0 0 0-2.736 6.695l21.8 21.829l-21.788 21.845c-.763.762-1.184 1.752-1.184 2.805a3.913 3.913 0 0 0 3.909 3.914a3.87 3.87 0 0 0 2.759-1.138l21.845-21.857l21.76 21.771c.774.797 1.764 1.224 2.833 1.224a3.91 3.91 0 0 0 3.903-3.914c0-1.041-.398-2.02-1.138-2.76l-21.788-21.879zm129.599-.006a7.114 7.114 0 0 0 7.111 7.111c3.903 0 7.088-3.186 7.088-7.11c0-3.926-3.185-7.112-7.094-7.112c-3.908 0-7.088 3.186-7.088 7.111zm-13.454 0c0-11.35 9.216-20.594 20.56-20.594c11.32 0 20.553 9.245 20.553 20.594s-9.227 20.594-20.554 20.594c-11.338 0-20.56-9.233-20.56-20.594m-8.09 0c0 15.815 12.857 28.695 28.65 28.695s28.649-12.868 28.649-28.69c0-15.814-12.857-28.694-28.65-28.694c-15.798 0-28.649 12.874-28.649 28.695zm-2.03-28.2h-1.196c-3.612 0-7.094 1.138-10 3.385c-.399-1.74-1.969-3.072-3.835-3.072a3.87 3.87 0 0 0-3.868 3.891l.011 48.327c0 2.145 1.764 3.892 3.897 3.892a3.914 3.914 0 0 0 3.908-3.903v-29.719c0-9.898.91-13.903 9.375-14.961c.797-.097 1.639-.08 1.65-.08c2.31-.085 3.96-1.684 3.96-3.84a3.923 3.923 0 0 0-3.926-3.914zm-75.015 23.484c0-.114.012-.228.017-.33c2.265-8.988 10.388-15.627 20.054-15.627c9.785 0 17.977 6.792 20.138 15.94H93.372zm48.202-.74c-1.684-7.981-6.047-14.54-12.686-18.75c-9.716-6.178-22.54-5.837-31.915.853c-7.657 5.444-12.077 14.365-12.077 23.552c0 2.304.284 4.63.853 6.924c2.89 11.377 12.664 20.002 24.315 21.43c3.458.42 6.826.227 10.297-.683c3.003-.74 5.899-1.946 8.567-3.664c2.77-1.78 5.086-4.136 7.339-6.952c.034-.056.08-.096.125-.153c1.559-1.934 1.268-4.7-.438-6.008c-1.445-1.109-3.869-1.558-5.769.888c-.41.592-.87 1.195-1.365 1.792c-1.519 1.678-3.402 3.3-5.655 4.562a20.6 20.6 0 0 1-9.614 2.43c-11.366-.131-17.442-8.079-19.61-13.745a21 21 0 0 1-.87-3.3l-.057-.597h40.79c5.586-.125 8.59-4.079 7.759-8.59z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1fc0e7" d="M128.003 256C198.693 256 256 198.689 256 128C256 57.3 198.699 0 128.003 0S0 57.3 0 128c0 70.689 57.307 128 128.003 128"/><path fill="#fff" d="m62.367 127.968l21.8-21.902a3.913 3.913 0 0 0-2.782-6.656c-1.052 0-2.036.41-2.776 1.166L56.821 122.38l-21.874-21.845a3.9 3.9 0 0 0-2.76-1.126a3.908 3.908 0 0 0-2.736 6.695l21.8 21.829l-21.788 21.845c-.763.762-1.184 1.752-1.184 2.805a3.913 3.913 0 0 0 3.909 3.914a3.87 3.87 0 0 0 2.759-1.138l21.845-21.857l21.76 21.771c.774.797 1.764 1.224 2.833 1.224a3.91 3.91 0 0 0 3.903-3.914c0-1.041-.398-2.02-1.138-2.76l-21.788-21.879zm129.599-.006a7.114 7.114 0 0 0 7.111 7.111c3.903 0 7.088-3.186 7.088-7.11c0-3.926-3.185-7.112-7.094-7.112c-3.908 0-7.088 3.186-7.088 7.111zm-13.454 0c0-11.35 9.216-20.594 20.56-20.594c11.32 0 20.553 9.245 20.553 20.594s-9.227 20.594-20.554 20.594c-11.338 0-20.56-9.233-20.56-20.594m-8.09 0c0 15.815 12.857 28.695 28.65 28.695s28.649-12.868 28.649-28.69c0-15.814-12.857-28.694-28.65-28.694c-15.798 0-28.649 12.874-28.649 28.695zm-2.03-28.2h-1.196c-3.612 0-7.094 1.138-10 3.385c-.399-1.74-1.969-3.072-3.835-3.072a3.87 3.87 0 0 0-3.868 3.891l.011 48.327c0 2.145 1.764 3.892 3.897 3.892a3.914 3.914 0 0 0 3.908-3.903v-29.719c0-9.898.91-13.903 9.375-14.961c.797-.097 1.639-.08 1.65-.08c2.31-.085 3.96-1.684 3.96-3.84a3.923 3.923 0 0 0-3.926-3.914zm-75.015 23.484c0-.114.012-.228.017-.33c2.265-8.988 10.388-15.627 20.054-15.627c9.785 0 17.977 6.792 20.138 15.94H93.372zm48.202-.74c-1.684-7.981-6.047-14.54-12.686-18.75c-9.716-6.178-22.54-5.837-31.915.853c-7.657 5.444-12.077 14.365-12.077 23.552c0 2.304.284 4.63.853 6.924c2.89 11.377 12.664 20.002 24.315 21.43c3.458.42 6.826.227 10.297-.683c3.003-.74 5.899-1.946 8.567-3.664c2.77-1.78 5.086-4.136 7.339-6.952c.034-.056.08-.096.125-.153c1.559-1.934 1.268-4.7-.438-6.008c-1.445-1.109-3.869-1.558-5.769.888c-.41.592-.87 1.195-1.365 1.792c-1.519 1.678-3.402 3.3-5.655 4.562a20.6 20.6 0 0 1-9.614 2.43c-11.366-.131-17.442-8.079-19.61-13.745a21 21 0 0 1-.87-3.3l-.057-.597h40.79c5.586-.125 8.59-4.079 7.759-8.59z"/></svg>
</template>

CSS

.icon-xero {
  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%231fc0e7%22%20d%3D%22M128.003%20256C198.693%20256%20256%20198.689%20256%20128C256%2057.3%20198.699%200%20128.003%200S0%2057.3%200%20128c0%2070.689%2057.307%20128%20128.003%20128%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m62.367%20127.968l21.8-21.902a3.913%203.913%200%200%200-2.782-6.656c-1.052%200-2.036.41-2.776%201.166L56.821%20122.38l-21.874-21.845a3.9%203.9%200%200%200-2.76-1.126a3.908%203.908%200%200%200-2.736%206.695l21.8%2021.829l-21.788%2021.845c-.763.762-1.184%201.752-1.184%202.805a3.913%203.913%200%200%200%203.909%203.914a3.87%203.87%200%200%200%202.759-1.138l21.845-21.857l21.76%2021.771c.774.797%201.764%201.224%202.833%201.224a3.91%203.91%200%200%200%203.903-3.914c0-1.041-.398-2.02-1.138-2.76l-21.788-21.879zm129.599-.006a7.114%207.114%200%200%200%207.111%207.111c3.903%200%207.088-3.186%207.088-7.11c0-3.926-3.185-7.112-7.094-7.112c-3.908%200-7.088%203.186-7.088%207.111zm-13.454%200c0-11.35%209.216-20.594%2020.56-20.594c11.32%200%2020.553%209.245%2020.553%2020.594s-9.227%2020.594-20.554%2020.594c-11.338%200-20.56-9.233-20.56-20.594m-8.09%200c0%2015.815%2012.857%2028.695%2028.65%2028.695s28.649-12.868%2028.649-28.69c0-15.814-12.857-28.694-28.65-28.694c-15.798%200-28.649%2012.874-28.649%2028.695zm-2.03-28.2h-1.196c-3.612%200-7.094%201.138-10%203.385c-.399-1.74-1.969-3.072-3.835-3.072a3.87%203.87%200%200%200-3.868%203.891l.011%2048.327c0%202.145%201.764%203.892%203.897%203.892a3.914%203.914%200%200%200%203.908-3.903v-29.719c0-9.898.91-13.903%209.375-14.961c.797-.097%201.639-.08%201.65-.08c2.31-.085%203.96-1.684%203.96-3.84a3.923%203.923%200%200%200-3.926-3.914zm-75.015%2023.484c0-.114.012-.228.017-.33c2.265-8.988%2010.388-15.627%2020.054-15.627c9.785%200%2017.977%206.792%2020.138%2015.94H93.372zm48.202-.74c-1.684-7.981-6.047-14.54-12.686-18.75c-9.716-6.178-22.54-5.837-31.915.853c-7.657%205.444-12.077%2014.365-12.077%2023.552c0%202.304.284%204.63.853%206.924c2.89%2011.377%2012.664%2020.002%2024.315%2021.43c3.458.42%206.826.227%2010.297-.683c3.003-.74%205.899-1.946%208.567-3.664c2.77-1.78%205.086-4.136%207.339-6.952c.034-.056.08-.096.125-.153c1.559-1.934%201.268-4.7-.438-6.008c-1.445-1.109-3.869-1.558-5.769.888c-.41.592-.87%201.195-1.365%201.792c-1.519%201.678-3.402%203.3-5.655%204.562a20.6%2020.6%200%200%201-9.614%202.43c-11.366-.131-17.442-8.079-19.61-13.745a21%2021%200%200%201-.87-3.3l-.057-.597h40.79c5.586-.125%208.59-4.079%207.759-8.59z%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%231fc0e7%22%20d%3D%22M128.003%20256C198.693%20256%20256%20198.689%20256%20128C256%2057.3%20198.699%200%20128.003%200S0%2057.3%200%20128c0%2070.689%2057.307%20128%20128.003%20128%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m62.367%20127.968l21.8-21.902a3.913%203.913%200%200%200-2.782-6.656c-1.052%200-2.036.41-2.776%201.166L56.821%20122.38l-21.874-21.845a3.9%203.9%200%200%200-2.76-1.126a3.908%203.908%200%200%200-2.736%206.695l21.8%2021.829l-21.788%2021.845c-.763.762-1.184%201.752-1.184%202.805a3.913%203.913%200%200%200%203.909%203.914a3.87%203.87%200%200%200%202.759-1.138l21.845-21.857l21.76%2021.771c.774.797%201.764%201.224%202.833%201.224a3.91%203.91%200%200%200%203.903-3.914c0-1.041-.398-2.02-1.138-2.76l-21.788-21.879zm129.599-.006a7.114%207.114%200%200%200%207.111%207.111c3.903%200%207.088-3.186%207.088-7.11c0-3.926-3.185-7.112-7.094-7.112c-3.908%200-7.088%203.186-7.088%207.111zm-13.454%200c0-11.35%209.216-20.594%2020.56-20.594c11.32%200%2020.553%209.245%2020.553%2020.594s-9.227%2020.594-20.554%2020.594c-11.338%200-20.56-9.233-20.56-20.594m-8.09%200c0%2015.815%2012.857%2028.695%2028.65%2028.695s28.649-12.868%2028.649-28.69c0-15.814-12.857-28.694-28.65-28.694c-15.798%200-28.649%2012.874-28.649%2028.695zm-2.03-28.2h-1.196c-3.612%200-7.094%201.138-10%203.385c-.399-1.74-1.969-3.072-3.835-3.072a3.87%203.87%200%200%200-3.868%203.891l.011%2048.327c0%202.145%201.764%203.892%203.897%203.892a3.914%203.914%200%200%200%203.908-3.903v-29.719c0-9.898.91-13.903%209.375-14.961c.797-.097%201.639-.08%201.65-.08c2.31-.085%203.96-1.684%203.96-3.84a3.923%203.923%200%200%200-3.926-3.914zm-75.015%2023.484c0-.114.012-.228.017-.33c2.265-8.988%2010.388-15.627%2020.054-15.627c9.785%200%2017.977%206.792%2020.138%2015.94H93.372zm48.202-.74c-1.684-7.981-6.047-14.54-12.686-18.75c-9.716-6.178-22.54-5.837-31.915.853c-7.657%205.444-12.077%2014.365-12.077%2023.552c0%202.304.284%204.63.853%206.924c2.89%2011.377%2012.664%2020.002%2024.315%2021.43c3.458.42%206.826.227%2010.297-.683c3.003-.74%205.899-1.946%208.567-3.664c2.77-1.78%205.086-4.136%207.339-6.952c.034-.056.08-.096.125-.153c1.559-1.934%201.268-4.7-.438-6.008c-1.445-1.109-3.869-1.558-5.769.888c-.41.592-.87%201.195-1.365%201.792c-1.519%201.678-3.402%203.3-5.655%204.562a20.6%2020.6%200%200%201-9.614%202.43c-11.366-.131-17.442-8.079-19.61-13.745a21%2021%200%200%201-.87-3.3l-.057-.597h40.79c5.586-.125%208.59-4.079%207.759-8.59z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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