yammer logo
yammer from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- yammer
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the yammer logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.803 8.651a1.63 1.63 0 0 0 .359-2.161a1.65 1.65 0 0 0-1.839-.687l-.187.099c-1.084.599-8.407 5.719-7.584 6.296c.823.573 5.817-1.676 9.229-3.552zm-.022 15.406c-3.432-1.875-8.427-4.125-9.251-3.552c-.823.577 6.48 5.703 7.563 6.297l.188.099a1.604 1.604 0 0 0 1.823-.688c.464-.708.281-1.64-.364-2.156zm2.968-9.385c-.077-.021-.14-.021-.219-.021c-1.244 0-10.115.964-9.671 1.865c.443.885 5.895 1.323 9.791 1.323a1.643 1.643 0 0 0 1.344-1.724c-.063-.745-.583-1.344-1.287-1.484zM7.235 22.355c-1 2.869-1.943 4.213-4.109 4.213c-.204 0-.948-.037-.985-.063A1.49 1.49 0 0 0 .616 27.63c-.219.785.24 1.604 1.041 1.848c.563.1 1.167.12 1.688.12c3.973 0 5.296-2.287 6.599-5.635l7.828-19.385a1.67 1.67 0 0 0-1.083-2.089c-.865-.281-1.767.183-2.089 1.005L9.141 17.937h-.077L3.324 3.396c-.359-.803-1.323-1.203-2.187-.885A1.75 1.75 0 0 0 .089 4.698l7.235 17.663z"/></svg>
React
import type { SVGProps } from "react";
export function CibYammer(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="M27.803 8.651a1.63 1.63 0 0 0 .359-2.161a1.65 1.65 0 0 0-1.839-.687l-.187.099c-1.084.599-8.407 5.719-7.584 6.296c.823.573 5.817-1.676 9.229-3.552zm-.022 15.406c-3.432-1.875-8.427-4.125-9.251-3.552c-.823.577 6.48 5.703 7.563 6.297l.188.099a1.604 1.604 0 0 0 1.823-.688c.464-.708.281-1.64-.364-2.156zm2.968-9.385c-.077-.021-.14-.021-.219-.021c-1.244 0-10.115.964-9.671 1.865c.443.885 5.895 1.323 9.791 1.323a1.643 1.643 0 0 0 1.344-1.724c-.063-.745-.583-1.344-1.287-1.484zM7.235 22.355c-1 2.869-1.943 4.213-4.109 4.213c-.204 0-.948-.037-.985-.063A1.49 1.49 0 0 0 .616 27.63c-.219.785.24 1.604 1.041 1.848c.563.1 1.167.12 1.688.12c3.973 0 5.296-2.287 6.599-5.635l7.828-19.385a1.67 1.67 0 0 0-1.083-2.089c-.865-.281-1.767.183-2.089 1.005L9.141 17.937h-.077L3.324 3.396c-.359-.803-1.323-1.203-2.187-.885A1.75 1.75 0 0 0 .089 4.698l7.235 17.663z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.803 8.651a1.63 1.63 0 0 0 .359-2.161a1.65 1.65 0 0 0-1.839-.687l-.187.099c-1.084.599-8.407 5.719-7.584 6.296c.823.573 5.817-1.676 9.229-3.552zm-.022 15.406c-3.432-1.875-8.427-4.125-9.251-3.552c-.823.577 6.48 5.703 7.563 6.297l.188.099a1.604 1.604 0 0 0 1.823-.688c.464-.708.281-1.64-.364-2.156zm2.968-9.385c-.077-.021-.14-.021-.219-.021c-1.244 0-10.115.964-9.671 1.865c.443.885 5.895 1.323 9.791 1.323a1.643 1.643 0 0 0 1.344-1.724c-.063-.745-.583-1.344-1.287-1.484zM7.235 22.355c-1 2.869-1.943 4.213-4.109 4.213c-.204 0-.948-.037-.985-.063A1.49 1.49 0 0 0 .616 27.63c-.219.785.24 1.604 1.041 1.848c.563.1 1.167.12 1.688.12c3.973 0 5.296-2.287 6.599-5.635l7.828-19.385a1.67 1.67 0 0 0-1.083-2.089c-.865-.281-1.767.183-2.089 1.005L9.141 17.937h-.077L3.324 3.396c-.359-.803-1.323-1.203-2.187-.885A1.75 1.75 0 0 0 .089 4.698l7.235 17.663z"/></svg> </template>
CSS
.icon-yammer {
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%22M27.803%208.651a1.63%201.63%200%200%200%20.359-2.161a1.65%201.65%200%200%200-1.839-.687l-.187.099c-1.084.599-8.407%205.719-7.584%206.296c.823.573%205.817-1.676%209.229-3.552zm-.022%2015.406c-3.432-1.875-8.427-4.125-9.251-3.552c-.823.577%206.48%205.703%207.563%206.297l.188.099a1.604%201.604%200%200%200%201.823-.688c.464-.708.281-1.64-.364-2.156zm2.968-9.385c-.077-.021-.14-.021-.219-.021c-1.244%200-10.115.964-9.671%201.865c.443.885%205.895%201.323%209.791%201.323a1.643%201.643%200%200%200%201.344-1.724c-.063-.745-.583-1.344-1.287-1.484zM7.235%2022.355c-1%202.869-1.943%204.213-4.109%204.213c-.204%200-.948-.037-.985-.063A1.49%201.49%200%200%200%20.616%2027.63c-.219.785.24%201.604%201.041%201.848c.563.1%201.167.12%201.688.12c3.973%200%205.296-2.287%206.599-5.635l7.828-19.385a1.67%201.67%200%200%200-1.083-2.089c-.865-.281-1.767.183-2.089%201.005L9.141%2017.937h-.077L3.324%203.396c-.359-.803-1.323-1.203-2.187-.885A1.75%201.75%200%200%200%20.089%204.698l7.235%2017.663z%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%22M27.803%208.651a1.63%201.63%200%200%200%20.359-2.161a1.65%201.65%200%200%200-1.839-.687l-.187.099c-1.084.599-8.407%205.719-7.584%206.296c.823.573%205.817-1.676%209.229-3.552zm-.022%2015.406c-3.432-1.875-8.427-4.125-9.251-3.552c-.823.577%206.48%205.703%207.563%206.297l.188.099a1.604%201.604%200%200%200%201.823-.688c.464-.708.281-1.64-.364-2.156zm2.968-9.385c-.077-.021-.14-.021-.219-.021c-1.244%200-10.115.964-9.671%201.865c.443.885%205.895%201.323%209.791%201.323a1.643%201.643%200%200%200%201.344-1.724c-.063-.745-.583-1.344-1.287-1.484zM7.235%2022.355c-1%202.869-1.943%204.213-4.109%204.213c-.204%200-.948-.037-.985-.063A1.49%201.49%200%200%200%20.616%2027.63c-.219.785.24%201.604%201.041%201.848c.563.1%201.167.12%201.688.12c3.973%200%205.296-2.287%206.599-5.635l7.828-19.385a1.67%201.67%200%200%200-1.083-2.089c-.865-.281-1.767.183-2.089%201.005L9.141%2017.937h-.077L3.324%203.396c-.359-.803-1.323-1.203-2.187-.885A1.75%201.75%200%200%200%20.089%204.698l7.235%2017.663z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/yammer.svg?color=%231a73e8&size=48
