xero logo
xero from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- xero
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m6.585 14.655a2.69 2.69 0 0 1-2.69-2.689a2.693 2.693 0 0 1 2.69-2.691c1.485 0 2.69 1.207 2.69 2.691s-1.207 2.689-2.69 2.689M7.53 14.644a.38.38 0 0 1-.267-.116l-2.043-2.04l-2.052 2.047a.367.367 0 1 1-.515-.523l2.04-2.05l-2.038-2.047a.35.35 0 0 1-.113-.261a.367.367 0 0 1 .626-.261l2.055 2.048l2.048-2.045a.36.36 0 0 1 .26-.108c.211 0 .375.165.375.366a.34.34 0 0 1-.104.258l-2.056 2.055l2.055 2.051a.368.368 0 0 1-.261.626zm8.017-4.591c-.796.101-.882.476-.882 1.404v2.787a.367.367 0 0 1-.734 0v-4.53c0-.204.16-.366.362-.366c.166 0 .316.125.346.289c.27-.209.6-.317.93-.317h.105c.195 0 .359.165.359.368c0 .201-.164.352-.375.359c0 0-.09 0-.164.008zm-3.091 2.205H8.625q0 .028.006.057q.028.16.083.31c.194.531.765 1.275 1.829 1.29c.33-.003.631-.086.9-.229c.21-.12.391-.271.525-.428c.045-.058.09-.112.12-.168c.18-.229.405-.186.54-.083c.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66a2.4 2.4 0 0 1-.811.345c-.33.09-.645.104-.975.06a2.69 2.69 0 0 1-2.28-2.01a2.3 2.3 0 0 1-.09-.645c0-.855.421-1.695 1.125-2.205c.885-.615 2.085-.66 3-.075c.63.405 1.035 1.021 1.185 1.771c.075.419-.21.794-.734.81zm6.129-2.223a1.933 1.933 0 0 0-1.931 1.931c0 1.064.866 1.931 1.931 1.931s1.931-.867 1.931-1.931a1.935 1.935 0 0 0-1.931-1.933zm0 2.595a.666.666 0 1 1 0-1.332a.666.666 0 0 1 0 1.332m-8.04-2.603c-.91 0-1.672.623-1.886 1.466v.03h3.776a1.946 1.946 0 0 0-1.891-1.494z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsXero(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="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m6.585 14.655a2.69 2.69 0 0 1-2.69-2.689a2.693 2.693 0 0 1 2.69-2.691c1.485 0 2.69 1.207 2.69 2.691s-1.207 2.689-2.69 2.689M7.53 14.644a.38.38 0 0 1-.267-.116l-2.043-2.04l-2.052 2.047a.367.367 0 1 1-.515-.523l2.04-2.05l-2.038-2.047a.35.35 0 0 1-.113-.261a.367.367 0 0 1 .626-.261l2.055 2.048l2.048-2.045a.36.36 0 0 1 .26-.108c.211 0 .375.165.375.366a.34.34 0 0 1-.104.258l-2.056 2.055l2.055 2.051a.368.368 0 0 1-.261.626zm8.017-4.591c-.796.101-.882.476-.882 1.404v2.787a.367.367 0 0 1-.734 0v-4.53c0-.204.16-.366.362-.366c.166 0 .316.125.346.289c.27-.209.6-.317.93-.317h.105c.195 0 .359.165.359.368c0 .201-.164.352-.375.359c0 0-.09 0-.164.008zm-3.091 2.205H8.625q0 .028.006.057q.028.16.083.31c.194.531.765 1.275 1.829 1.29c.33-.003.631-.086.9-.229c.21-.12.391-.271.525-.428c.045-.058.09-.112.12-.168c.18-.229.405-.186.54-.083c.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66a2.4 2.4 0 0 1-.811.345c-.33.09-.645.104-.975.06a2.69 2.69 0 0 1-2.28-2.01a2.3 2.3 0 0 1-.09-.645c0-.855.421-1.695 1.125-2.205c.885-.615 2.085-.66 3-.075c.63.405 1.035 1.021 1.185 1.771c.075.419-.21.794-.734.81zm6.129-2.223a1.933 1.933 0 0 0-1.931 1.931c0 1.064.866 1.931 1.931 1.931s1.931-.867 1.931-1.931a1.935 1.935 0 0 0-1.931-1.933zm0 2.595a.666.666 0 1 1 0-1.332a.666.666 0 0 1 0 1.332m-8.04-2.603c-.91 0-1.672.623-1.886 1.466v.03h3.776a1.946 1.946 0 0 0-1.891-1.494z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m6.585 14.655a2.69 2.69 0 0 1-2.69-2.689a2.693 2.693 0 0 1 2.69-2.691c1.485 0 2.69 1.207 2.69 2.691s-1.207 2.689-2.69 2.689M7.53 14.644a.38.38 0 0 1-.267-.116l-2.043-2.04l-2.052 2.047a.367.367 0 1 1-.515-.523l2.04-2.05l-2.038-2.047a.35.35 0 0 1-.113-.261a.367.367 0 0 1 .626-.261l2.055 2.048l2.048-2.045a.36.36 0 0 1 .26-.108c.211 0 .375.165.375.366a.34.34 0 0 1-.104.258l-2.056 2.055l2.055 2.051a.368.368 0 0 1-.261.626zm8.017-4.591c-.796.101-.882.476-.882 1.404v2.787a.367.367 0 0 1-.734 0v-4.53c0-.204.16-.366.362-.366c.166 0 .316.125.346.289c.27-.209.6-.317.93-.317h.105c.195 0 .359.165.359.368c0 .201-.164.352-.375.359c0 0-.09 0-.164.008zm-3.091 2.205H8.625q0 .028.006.057q.028.16.083.31c.194.531.765 1.275 1.829 1.29c.33-.003.631-.086.9-.229c.21-.12.391-.271.525-.428c.045-.058.09-.112.12-.168c.18-.229.405-.186.54-.083c.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66a2.4 2.4 0 0 1-.811.345c-.33.09-.645.104-.975.06a2.69 2.69 0 0 1-2.28-2.01a2.3 2.3 0 0 1-.09-.645c0-.855.421-1.695 1.125-2.205c.885-.615 2.085-.66 3-.075c.63.405 1.035 1.021 1.185 1.771c.075.419-.21.794-.734.81zm6.129-2.223a1.933 1.933 0 0 0-1.931 1.931c0 1.064.866 1.931 1.931 1.931s1.931-.867 1.931-1.931a1.935 1.935 0 0 0-1.931-1.933zm0 2.595a.666.666 0 1 1 0-1.332a.666.666 0 0 1 0 1.332m-8.04-2.603c-.91 0-1.672.623-1.886 1.466v.03h3.776a1.946 1.946 0 0 0-1.891-1.494z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m6.585%2014.655a2.69%202.69%200%200%201-2.69-2.689a2.693%202.693%200%200%201%202.69-2.691c1.485%200%202.69%201.207%202.69%202.691s-1.207%202.689-2.69%202.689M7.53%2014.644a.38.38%200%200%201-.267-.116l-2.043-2.04l-2.052%202.047a.367.367%200%201%201-.515-.523l2.04-2.05l-2.038-2.047a.35.35%200%200%201-.113-.261a.367.367%200%200%201%20.626-.261l2.055%202.048l2.048-2.045a.36.36%200%200%201%20.26-.108c.211%200%20.375.165.375.366a.34.34%200%200%201-.104.258l-2.056%202.055l2.055%202.051a.368.368%200%200%201-.261.626zm8.017-4.591c-.796.101-.882.476-.882%201.404v2.787a.367.367%200%200%201-.734%200v-4.53c0-.204.16-.366.362-.366c.166%200%20.316.125.346.289c.27-.209.6-.317.93-.317h.105c.195%200%20.359.165.359.368c0%20.201-.164.352-.375.359c0%200-.09%200-.164.008zm-3.091%202.205H8.625q0%20.028.006.057q.028.16.083.31c.194.531.765%201.275%201.829%201.29c.33-.003.631-.086.9-.229c.21-.12.391-.271.525-.428c.045-.058.09-.112.12-.168c.18-.229.405-.186.54-.083c.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66a2.4%202.4%200%200%201-.811.345c-.33.09-.645.104-.975.06a2.69%202.69%200%200%201-2.28-2.01a2.3%202.3%200%200%201-.09-.645c0-.855.421-1.695%201.125-2.205c.885-.615%202.085-.66%203-.075c.63.405%201.035%201.021%201.185%201.771c.075.419-.21.794-.734.81zm6.129-2.223a1.933%201.933%200%200%200-1.931%201.931c0%201.064.866%201.931%201.931%201.931s1.931-.867%201.931-1.931a1.935%201.935%200%200%200-1.931-1.933zm0%202.595a.666.666%200%201%201%200-1.332a.666.666%200%200%201%200%201.332m-8.04-2.603c-.91%200-1.672.623-1.886%201.466v.03h3.776a1.946%201.946%200%200%200-1.891-1.494z%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%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m6.585%2014.655a2.69%202.69%200%200%201-2.69-2.689a2.693%202.693%200%200%201%202.69-2.691c1.485%200%202.69%201.207%202.69%202.691s-1.207%202.689-2.69%202.689M7.53%2014.644a.38.38%200%200%201-.267-.116l-2.043-2.04l-2.052%202.047a.367.367%200%201%201-.515-.523l2.04-2.05l-2.038-2.047a.35.35%200%200%201-.113-.261a.367.367%200%200%201%20.626-.261l2.055%202.048l2.048-2.045a.36.36%200%200%201%20.26-.108c.211%200%20.375.165.375.366a.34.34%200%200%201-.104.258l-2.056%202.055l2.055%202.051a.368.368%200%200%201-.261.626zm8.017-4.591c-.796.101-.882.476-.882%201.404v2.787a.367.367%200%200%201-.734%200v-4.53c0-.204.16-.366.362-.366c.166%200%20.316.125.346.289c.27-.209.6-.317.93-.317h.105c.195%200%20.359.165.359.368c0%20.201-.164.352-.375.359c0%200-.09%200-.164.008zm-3.091%202.205H8.625q0%20.028.006.057q.028.16.083.31c.194.531.765%201.275%201.829%201.29c.33-.003.631-.086.9-.229c.21-.12.391-.271.525-.428c.045-.058.09-.112.12-.168c.18-.229.405-.186.54-.083c.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66a2.4%202.4%200%200%201-.811.345c-.33.09-.645.104-.975.06a2.69%202.69%200%200%201-2.28-2.01a2.3%202.3%200%200%201-.09-.645c0-.855.421-1.695%201.125-2.205c.885-.615%202.085-.66%203-.075c.63.405%201.035%201.021%201.185%201.771c.075.419-.21.794-.734.81zm6.129-2.223a1.933%201.933%200%200%200-1.931%201.931c0%201.064.866%201.931%201.931%201.931s1.931-.867%201.931-1.931a1.935%201.935%200%200%200-1.931-1.933zm0%202.595a.666.666%200%201%201%200-1.332a.666.666%200%200%201%200%201.332m-8.04-2.603c-.91%200-1.672.623-1.886%201.466v.03h3.776a1.946%201.946%200%200%200-1.891-1.494z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/xero.svg?color=%231a73e8&size=48
