work os logo
work-os from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- work-os
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
Use the work os logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12c0 .4.11.76.29 1.08l3.5 6.06c.36.61.9 1.12 1.59 1.34c1.3.43 2.71-.11 3.39-1.26l.83-1.48l-3.32-5.78l3.54-6.1l.83-1.44c.25-.43.58-.79.97-1.08H8.2c-.94 0-1.84.51-2.31 1.34l-3.61 6.25c-.18.32-.29.69-.29 1.08Z"/><path fill="currentColor" d="M22 12c0-.4-.11-.76-.29-1.08l-3.54-6.14c-.69-1.19-2.09-1.7-3.39-1.26c-.69.22-1.23.72-1.59 1.34l-.83 1.37l3.36 5.78l-3.54 6.1l-.83 1.48c-.25.43-.58.79-.97 1.08h5.45c.94 0 1.84-.51 2.31-1.34l3.61-6.25c.14-.32.25-.69.25-1.08"/></svg>
React
import type { SVGProps } from "react";
export function BxlWorkOs(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="M2 12c0 .4.11.76.29 1.08l3.5 6.06c.36.61.9 1.12 1.59 1.34c1.3.43 2.71-.11 3.39-1.26l.83-1.48l-3.32-5.78l3.54-6.1l.83-1.44c.25-.43.58-.79.97-1.08H8.2c-.94 0-1.84.51-2.31 1.34l-3.61 6.25c-.18.32-.29.69-.29 1.08Z"/><path fill="currentColor" d="M22 12c0-.4-.11-.76-.29-1.08l-3.54-6.14c-.69-1.19-2.09-1.7-3.39-1.26c-.69.22-1.23.72-1.59 1.34l-.83 1.37l3.36 5.78l-3.54 6.1l-.83 1.48c-.25.43-.58.79-.97 1.08h5.45c.94 0 1.84-.51 2.31-1.34l3.61-6.25c.14-.32.25-.69.25-1.08"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12c0 .4.11.76.29 1.08l3.5 6.06c.36.61.9 1.12 1.59 1.34c1.3.43 2.71-.11 3.39-1.26l.83-1.48l-3.32-5.78l3.54-6.1l.83-1.44c.25-.43.58-.79.97-1.08H8.2c-.94 0-1.84.51-2.31 1.34l-3.61 6.25c-.18.32-.29.69-.29 1.08Z"/><path fill="currentColor" d="M22 12c0-.4-.11-.76-.29-1.08l-3.54-6.14c-.69-1.19-2.09-1.7-3.39-1.26c-.69.22-1.23.72-1.59 1.34l-.83 1.37l3.36 5.78l-3.54 6.1l-.83 1.48c-.25.43-.58.79-.97 1.08h5.45c.94 0 1.84-.51 2.31-1.34l3.61-6.25c.14-.32.25-.69.25-1.08"/></svg> </template>
CSS
.icon-work-os {
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%22M2%2012c0%20.4.11.76.29%201.08l3.5%206.06c.36.61.9%201.12%201.59%201.34c1.3.43%202.71-.11%203.39-1.26l.83-1.48l-3.32-5.78l3.54-6.1l.83-1.44c.25-.43.58-.79.97-1.08H8.2c-.94%200-1.84.51-2.31%201.34l-3.61%206.25c-.18.32-.29.69-.29%201.08Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2012c0-.4-.11-.76-.29-1.08l-3.54-6.14c-.69-1.19-2.09-1.7-3.39-1.26c-.69.22-1.23.72-1.59%201.34l-.83%201.37l3.36%205.78l-3.54%206.1l-.83%201.48c-.25.43-.58.79-.97%201.08h5.45c.94%200%201.84-.51%202.31-1.34l3.61-6.25c.14-.32.25-.69.25-1.08%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%22M2%2012c0%20.4.11.76.29%201.08l3.5%206.06c.36.61.9%201.12%201.59%201.34c1.3.43%202.71-.11%203.39-1.26l.83-1.48l-3.32-5.78l3.54-6.1l.83-1.44c.25-.43.58-.79.97-1.08H8.2c-.94%200-1.84.51-2.31%201.34l-3.61%206.25c-.18.32-.29.69-.29%201.08Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2012c0-.4-.11-.76-.29-1.08l-3.54-6.14c-.69-1.19-2.09-1.7-3.39-1.26c-.69.22-1.23.72-1.59%201.34l-.83%201.37l3.36%205.78l-3.54%206.1l-.83%201.48c-.25.43-.58.79-.97%201.08h5.45c.94%200%201.84-.51%202.31-1.34l3.61-6.25c.14-.32.25-.69.25-1.08%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/work-os.svg?color=%231a73e8&size=48
