xero logo
xero from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- xero
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the xero logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0m8.781 19.542c-1.979 0-3.589-1.609-3.589-3.589s1.609-3.589 3.589-3.589s3.583 1.609 3.583 3.589s-1.609 3.589-3.583 3.589m-14.739-.016a.5.5 0 0 1-.359-.156l-2.724-2.719l-2.734 2.729a.5.5 0 0 1-.344.146a.494.494 0 0 1-.344-.844l2.719-2.734l-2.714-2.729a.45.45 0 0 1-.151-.349c0-.271.219-.484.49-.484c.13 0 .25.047.344.141l2.74 2.729l2.729-2.729a.5.5 0 0 1 .349-.141c.281 0 .5.219.5.484c0 .135-.036.255-.141.344l-2.74 2.745l2.74 2.734a.489.489 0 0 1-.349.834zm10.687-6.12c-1.063.13-1.177.63-1.177 1.87v3.714c0 .271-.219.49-.484.49a.497.497 0 0 1-.495-.49v-6.036c0-.271.214-.49.484-.49a.48.48 0 0 1 .464.385a2.04 2.04 0 0 1 1.24-.422h.141c.255 0 .474.219.474.49s-.219.469-.5.479c0 0-.12 0-.219.01zm-4.12 2.938H11.5q.001.039.01.078c.026.141.057.281.109.411c.255.708 1.021 1.698 2.438 1.719a2.6 2.6 0 0 0 1.198-.302c.281-.161.526-.365.703-.573c.057-.078.12-.151.161-.224c.24-.307.536-.25.719-.109c.219.177.24.521.057.76l-.021.021c-.281.359-.578.661-.917.88s-.703.375-1.083.458c-.438.12-.859.141-1.297.078a3.58 3.58 0 0 1-3.042-2.677a3.2 3.2 0 0 1-.12-.859c0-1.141.563-2.26 1.5-2.943c1.177-.818 2.781-.88 4-.099c.839.542 1.38 1.359 1.578 2.359c.099.563-.281 1.063-.979 1.083zm8.172-2.964c-1.422 0-2.578 1.151-2.578 2.573s1.156 2.578 2.578 2.578a2.58 2.58 0 0 0 2.573-2.578a2.58 2.58 0 0 0-2.573-2.578zm0 3.459c-.49 0-.891-.396-.891-.885s.401-.885.891-.885s.891.396.891.885s-.401.891-.891.885M14.063 13.37a2.59 2.59 0 0 0-2.516 1.953v.042h5.031a2.6 2.6 0 0 0-2.521-1.995z"/></svg>
React
import type { SVGProps } from "react";
export function CibXero(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0m8.781 19.542c-1.979 0-3.589-1.609-3.589-3.589s1.609-3.589 3.589-3.589s3.583 1.609 3.583 3.589s-1.609 3.589-3.583 3.589m-14.739-.016a.5.5 0 0 1-.359-.156l-2.724-2.719l-2.734 2.729a.5.5 0 0 1-.344.146a.494.494 0 0 1-.344-.844l2.719-2.734l-2.714-2.729a.45.45 0 0 1-.151-.349c0-.271.219-.484.49-.484c.13 0 .25.047.344.141l2.74 2.729l2.729-2.729a.5.5 0 0 1 .349-.141c.281 0 .5.219.5.484c0 .135-.036.255-.141.344l-2.74 2.745l2.74 2.734a.489.489 0 0 1-.349.834zm10.687-6.12c-1.063.13-1.177.63-1.177 1.87v3.714c0 .271-.219.49-.484.49a.497.497 0 0 1-.495-.49v-6.036c0-.271.214-.49.484-.49a.48.48 0 0 1 .464.385a2.04 2.04 0 0 1 1.24-.422h.141c.255 0 .474.219.474.49s-.219.469-.5.479c0 0-.12 0-.219.01zm-4.12 2.938H11.5q.001.039.01.078c.026.141.057.281.109.411c.255.708 1.021 1.698 2.438 1.719a2.6 2.6 0 0 0 1.198-.302c.281-.161.526-.365.703-.573c.057-.078.12-.151.161-.224c.24-.307.536-.25.719-.109c.219.177.24.521.057.76l-.021.021c-.281.359-.578.661-.917.88s-.703.375-1.083.458c-.438.12-.859.141-1.297.078a3.58 3.58 0 0 1-3.042-2.677a3.2 3.2 0 0 1-.12-.859c0-1.141.563-2.26 1.5-2.943c1.177-.818 2.781-.88 4-.099c.839.542 1.38 1.359 1.578 2.359c.099.563-.281 1.063-.979 1.083zm8.172-2.964c-1.422 0-2.578 1.151-2.578 2.573s1.156 2.578 2.578 2.578a2.58 2.58 0 0 0 2.573-2.578a2.58 2.58 0 0 0-2.573-2.578zm0 3.459c-.49 0-.891-.396-.891-.885s.401-.885.891-.885s.891.396.891.885s-.401.891-.891.885M14.063 13.37a2.59 2.59 0 0 0-2.516 1.953v.042h5.031a2.6 2.6 0 0 0-2.521-1.995z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0m8.781 19.542c-1.979 0-3.589-1.609-3.589-3.589s1.609-3.589 3.589-3.589s3.583 1.609 3.583 3.589s-1.609 3.589-3.583 3.589m-14.739-.016a.5.5 0 0 1-.359-.156l-2.724-2.719l-2.734 2.729a.5.5 0 0 1-.344.146a.494.494 0 0 1-.344-.844l2.719-2.734l-2.714-2.729a.45.45 0 0 1-.151-.349c0-.271.219-.484.49-.484c.13 0 .25.047.344.141l2.74 2.729l2.729-2.729a.5.5 0 0 1 .349-.141c.281 0 .5.219.5.484c0 .135-.036.255-.141.344l-2.74 2.745l2.74 2.734a.489.489 0 0 1-.349.834zm10.687-6.12c-1.063.13-1.177.63-1.177 1.87v3.714c0 .271-.219.49-.484.49a.497.497 0 0 1-.495-.49v-6.036c0-.271.214-.49.484-.49a.48.48 0 0 1 .464.385a2.04 2.04 0 0 1 1.24-.422h.141c.255 0 .474.219.474.49s-.219.469-.5.479c0 0-.12 0-.219.01zm-4.12 2.938H11.5q.001.039.01.078c.026.141.057.281.109.411c.255.708 1.021 1.698 2.438 1.719a2.6 2.6 0 0 0 1.198-.302c.281-.161.526-.365.703-.573c.057-.078.12-.151.161-.224c.24-.307.536-.25.719-.109c.219.177.24.521.057.76l-.021.021c-.281.359-.578.661-.917.88s-.703.375-1.083.458c-.438.12-.859.141-1.297.078a3.58 3.58 0 0 1-3.042-2.677a3.2 3.2 0 0 1-.12-.859c0-1.141.563-2.26 1.5-2.943c1.177-.818 2.781-.88 4-.099c.839.542 1.38 1.359 1.578 2.359c.099.563-.281 1.063-.979 1.083zm8.172-2.964c-1.422 0-2.578 1.151-2.578 2.573s1.156 2.578 2.578 2.578a2.58 2.58 0 0 0 2.573-2.578a2.58 2.58 0 0 0-2.573-2.578zm0 3.459c-.49 0-.891-.396-.891-.885s.401-.885.891-.885s.891.396.891.885s-.401.891-.891.885M14.063 13.37a2.59 2.59 0 0 0-2.516 1.953v.042h5.031a2.6 2.6 0 0 0-2.521-1.995z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.161%200%200%207.161%200%2016s7.161%2016%2016%2016s16-7.161%2016-16S24.839%200%2016%200m8.781%2019.542c-1.979%200-3.589-1.609-3.589-3.589s1.609-3.589%203.589-3.589s3.583%201.609%203.583%203.589s-1.609%203.589-3.583%203.589m-14.739-.016a.5.5%200%200%201-.359-.156l-2.724-2.719l-2.734%202.729a.5.5%200%200%201-.344.146a.494.494%200%200%201-.344-.844l2.719-2.734l-2.714-2.729a.45.45%200%200%201-.151-.349c0-.271.219-.484.49-.484c.13%200%20.25.047.344.141l2.74%202.729l2.729-2.729a.5.5%200%200%201%20.349-.141c.281%200%20.5.219.5.484c0%20.135-.036.255-.141.344l-2.74%202.745l2.74%202.734a.489.489%200%200%201-.349.834zm10.687-6.12c-1.063.13-1.177.63-1.177%201.87v3.714c0%20.271-.219.49-.484.49a.497.497%200%200%201-.495-.49v-6.036c0-.271.214-.49.484-.49a.48.48%200%200%201%20.464.385a2.04%202.04%200%200%201%201.24-.422h.141c.255%200%20.474.219.474.49s-.219.469-.5.479c0%200-.12%200-.219.01zm-4.12%202.938H11.5q.001.039.01.078c.026.141.057.281.109.411c.255.708%201.021%201.698%202.438%201.719a2.6%202.6%200%200%200%201.198-.302c.281-.161.526-.365.703-.573c.057-.078.12-.151.161-.224c.24-.307.536-.25.719-.109c.219.177.24.521.057.76l-.021.021c-.281.359-.578.661-.917.88s-.703.375-1.083.458c-.438.12-.859.141-1.297.078a3.58%203.58%200%200%201-3.042-2.677a3.2%203.2%200%200%201-.12-.859c0-1.141.563-2.26%201.5-2.943c1.177-.818%202.781-.88%204-.099c.839.542%201.38%201.359%201.578%202.359c.099.563-.281%201.063-.979%201.083zm8.172-2.964c-1.422%200-2.578%201.151-2.578%202.573s1.156%202.578%202.578%202.578a2.58%202.58%200%200%200%202.573-2.578a2.58%202.58%200%200%200-2.573-2.578zm0%203.459c-.49%200-.891-.396-.891-.885s.401-.885.891-.885s.891.396.891.885s-.401.891-.891.885M14.063%2013.37a2.59%202.59%200%200%200-2.516%201.953v.042h5.031a2.6%202.6%200%200%200-2.521-1.995z%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%22currentColor%22%20d%3D%22M16%200C7.161%200%200%207.161%200%2016s7.161%2016%2016%2016s16-7.161%2016-16S24.839%200%2016%200m8.781%2019.542c-1.979%200-3.589-1.609-3.589-3.589s1.609-3.589%203.589-3.589s3.583%201.609%203.583%203.589s-1.609%203.589-3.583%203.589m-14.739-.016a.5.5%200%200%201-.359-.156l-2.724-2.719l-2.734%202.729a.5.5%200%200%201-.344.146a.494.494%200%200%201-.344-.844l2.719-2.734l-2.714-2.729a.45.45%200%200%201-.151-.349c0-.271.219-.484.49-.484c.13%200%20.25.047.344.141l2.74%202.729l2.729-2.729a.5.5%200%200%201%20.349-.141c.281%200%20.5.219.5.484c0%20.135-.036.255-.141.344l-2.74%202.745l2.74%202.734a.489.489%200%200%201-.349.834zm10.687-6.12c-1.063.13-1.177.63-1.177%201.87v3.714c0%20.271-.219.49-.484.49a.497.497%200%200%201-.495-.49v-6.036c0-.271.214-.49.484-.49a.48.48%200%200%201%20.464.385a2.04%202.04%200%200%201%201.24-.422h.141c.255%200%20.474.219.474.49s-.219.469-.5.479c0%200-.12%200-.219.01zm-4.12%202.938H11.5q.001.039.01.078c.026.141.057.281.109.411c.255.708%201.021%201.698%202.438%201.719a2.6%202.6%200%200%200%201.198-.302c.281-.161.526-.365.703-.573c.057-.078.12-.151.161-.224c.24-.307.536-.25.719-.109c.219.177.24.521.057.76l-.021.021c-.281.359-.578.661-.917.88s-.703.375-1.083.458c-.438.12-.859.141-1.297.078a3.58%203.58%200%200%201-3.042-2.677a3.2%203.2%200%200%201-.12-.859c0-1.141.563-2.26%201.5-2.943c1.177-.818%202.781-.88%204-.099c.839.542%201.38%201.359%201.578%202.359c.099.563-.281%201.063-.979%201.083zm8.172-2.964c-1.422%200-2.578%201.151-2.578%202.573s1.156%202.578%202.578%202.578a2.58%202.58%200%200%200%202.573-2.578a2.58%202.58%200%200%200-2.573-2.578zm0%203.459c-.49%200-.891-.396-.891-.885s.401-.885.891-.885s.891.396.891.885s-.401.891-.891.885M14.063%2013.37a2.59%202.59%200%200%200-2.516%201.953v.042h5.031a2.6%202.6%200%200%200-2.521-1.995z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/xero.svg?color=%231a73e8&size=48
