yammer logo
yammer from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- yammer
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M23.51 7.391a.696.696 0 0 0-.86-.527l-2.31.626A17.4 17.4 0 0 0 16.39.226a.7.7 0 0 0-.51-.225a.68.68 0 0 0-.481.2L9.767 5.838H1.023C.458 5.838 0 6.296 0 6.862v10.237c0 .566.458 1.025 1.023 1.025h8.704l5.672 5.677a.687.687 0 0 0 .99-.025a17.4 17.4 0 0 0 3.95-7.264l2.311.626a.696.696 0 0 0 .86-.527a21.9 21.9 0 0 0 0-9.22m-7.674-5.45a15.85 15.85 0 0 1 3.022 5.95l-6.595 1.786V6.862a1.02 1.02 0 0 0-.48-.865zM9.274 9.226l-2.205 3.88v2.023a.938.938 0 1 1-1.876 0v-2.193l-2.108-3.71a.864.864 0 1 1 1.501-.855l1.594 2.978L7.774 8.37a.86.86 0 0 1 1.176-.324a.866.866 0 0 1 .324 1.179zm9.585 6.885a15.85 15.85 0 0 1-3.024 5.95l-4.078-4.082c.3-.178.506-.504.506-.88v-2.774zm3.315-.698l-9.911-2.684v-1.456l9.911-2.684a20.4 20.4 0 0 1 0 6.824"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsYammer(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="M23.51 7.391a.696.696 0 0 0-.86-.527l-2.31.626A17.4 17.4 0 0 0 16.39.226a.7.7 0 0 0-.51-.225a.68.68 0 0 0-.481.2L9.767 5.838H1.023C.458 5.838 0 6.296 0 6.862v10.237c0 .566.458 1.025 1.023 1.025h8.704l5.672 5.677a.687.687 0 0 0 .99-.025a17.4 17.4 0 0 0 3.95-7.264l2.311.626a.696.696 0 0 0 .86-.527a21.9 21.9 0 0 0 0-9.22m-7.674-5.45a15.85 15.85 0 0 1 3.022 5.95l-6.595 1.786V6.862a1.02 1.02 0 0 0-.48-.865zM9.274 9.226l-2.205 3.88v2.023a.938.938 0 1 1-1.876 0v-2.193l-2.108-3.71a.864.864 0 1 1 1.501-.855l1.594 2.978L7.774 8.37a.86.86 0 0 1 1.176-.324a.866.866 0 0 1 .324 1.179zm9.585 6.885a15.85 15.85 0 0 1-3.024 5.95l-4.078-4.082c.3-.178.506-.504.506-.88v-2.774zm3.315-.698l-9.911-2.684v-1.456l9.911-2.684a20.4 20.4 0 0 1 0 6.824"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.51 7.391a.696.696 0 0 0-.86-.527l-2.31.626A17.4 17.4 0 0 0 16.39.226a.7.7 0 0 0-.51-.225a.68.68 0 0 0-.481.2L9.767 5.838H1.023C.458 5.838 0 6.296 0 6.862v10.237c0 .566.458 1.025 1.023 1.025h8.704l5.672 5.677a.687.687 0 0 0 .99-.025a17.4 17.4 0 0 0 3.95-7.264l2.311.626a.696.696 0 0 0 .86-.527a21.9 21.9 0 0 0 0-9.22m-7.674-5.45a15.85 15.85 0 0 1 3.022 5.95l-6.595 1.786V6.862a1.02 1.02 0 0 0-.48-.865zM9.274 9.226l-2.205 3.88v2.023a.938.938 0 1 1-1.876 0v-2.193l-2.108-3.71a.864.864 0 1 1 1.501-.855l1.594 2.978L7.774 8.37a.86.86 0 0 1 1.176-.324a.866.866 0 0 1 .324 1.179zm9.585 6.885a15.85 15.85 0 0 1-3.024 5.95l-4.078-4.082c.3-.178.506-.504.506-.88v-2.774zm3.315-.698l-9.911-2.684v-1.456l9.911-2.684a20.4 20.4 0 0 1 0 6.824"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.51%207.391a.696.696%200%200%200-.86-.527l-2.31.626A17.4%2017.4%200%200%200%2016.39.226a.7.7%200%200%200-.51-.225a.68.68%200%200%200-.481.2L9.767%205.838H1.023C.458%205.838%200%206.296%200%206.862v10.237c0%20.566.458%201.025%201.023%201.025h8.704l5.672%205.677a.687.687%200%200%200%20.99-.025a17.4%2017.4%200%200%200%203.95-7.264l2.311.626a.696.696%200%200%200%20.86-.527a21.9%2021.9%200%200%200%200-9.22m-7.674-5.45a15.85%2015.85%200%200%201%203.022%205.95l-6.595%201.786V6.862a1.02%201.02%200%200%200-.48-.865zM9.274%209.226l-2.205%203.88v2.023a.938.938%200%201%201-1.876%200v-2.193l-2.108-3.71a.864.864%200%201%201%201.501-.855l1.594%202.978L7.774%208.37a.86.86%200%200%201%201.176-.324a.866.866%200%200%201%20.324%201.179zm9.585%206.885a15.85%2015.85%200%200%201-3.024%205.95l-4.078-4.082c.3-.178.506-.504.506-.88v-2.774zm3.315-.698l-9.911-2.684v-1.456l9.911-2.684a20.4%2020.4%200%200%201%200%206.824%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%22M23.51%207.391a.696.696%200%200%200-.86-.527l-2.31.626A17.4%2017.4%200%200%200%2016.39.226a.7.7%200%200%200-.51-.225a.68.68%200%200%200-.481.2L9.767%205.838H1.023C.458%205.838%200%206.296%200%206.862v10.237c0%20.566.458%201.025%201.023%201.025h8.704l5.672%205.677a.687.687%200%200%200%20.99-.025a17.4%2017.4%200%200%200%203.95-7.264l2.311.626a.696.696%200%200%200%20.86-.527a21.9%2021.9%200%200%200%200-9.22m-7.674-5.45a15.85%2015.85%200%200%201%203.022%205.95l-6.595%201.786V6.862a1.02%201.02%200%200%200-.48-.865zM9.274%209.226l-2.205%203.88v2.023a.938.938%200%201%201-1.876%200v-2.193l-2.108-3.71a.864.864%200%201%201%201.501-.855l1.594%202.978L7.774%208.37a.86.86%200%200%201%201.176-.324a.866.866%200%200%201%20.324%201.179zm9.585%206.885a15.85%2015.85%200%200%201-3.024%205.95l-4.078-4.082c.3-.178.506-.504.506-.88v-2.774zm3.315-.698l-9.911-2.684v-1.456l9.911-2.684a20.4%2020.4%200%200%201%200%206.824%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/yammer.svg?color=%231a73e8&size=48
