facebook workplace icon
facebook-workplace from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.
- Name
- facebook-workplace
- Set
- Material Design Icons
- Style
- Filled
- Category
- Brand / Logo
- Viewbox
- 24×24
- License
- Apache 2.0
More brand / logo icons from Material Design Icons
Use the facebook workplace icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.69 16.12c-.27.31-.74.8-1.5.8c-1.06 0-1.41-.77-1.73-1.58l-1.6-3.93l-1.6 3.93c-.26.66-.56 1.58-1.73 1.58s-1.46-.92-1.74-1.58L7.11 8.72h2.26l2.16 5.45l1.61-3.97c.25-.63.55-1.58 1.72-1.58c1.14 0 1.46.95 1.72 1.58l1.75 4.3c.89-1.36 1.27-3 1.05-4.61a6.7 6.7 0 0 0-2.24-4.16a6.73 6.73 0 0 0-4.42-1.67c-1.69-.01-3.33.52-4.72 1.5a8.06 8.06 0 0 0-2.88 3.98c-.52 1.6-.52 3.33 0 4.93s1.54 2.99 2.91 3.97c1.37.99 3.01 1.51 4.69 1.5c.73 0 1.45-.1 2.15-.3v2.11c-.71.16-1.43.25-2.15.25c-2.11 0-4.18-.66-5.9-1.9s-3-2.99-3.65-5a9.9 9.9 0 0 1-.01-6.2c.66-2.01 1.94-3.76 3.66-5C8.53 2.66 10.6 2 12.72 2c4.84 0 8.78 3.94 8.78 8.79c0 1.92-.64 3.8-1.81 5.33"/></svg>
React
import type { SVGProps } from "react";
export function MdiFacebookWorkplace(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="M19.69 16.12c-.27.31-.74.8-1.5.8c-1.06 0-1.41-.77-1.73-1.58l-1.6-3.93l-1.6 3.93c-.26.66-.56 1.58-1.73 1.58s-1.46-.92-1.74-1.58L7.11 8.72h2.26l2.16 5.45l1.61-3.97c.25-.63.55-1.58 1.72-1.58c1.14 0 1.46.95 1.72 1.58l1.75 4.3c.89-1.36 1.27-3 1.05-4.61a6.7 6.7 0 0 0-2.24-4.16a6.73 6.73 0 0 0-4.42-1.67c-1.69-.01-3.33.52-4.72 1.5a8.06 8.06 0 0 0-2.88 3.98c-.52 1.6-.52 3.33 0 4.93s1.54 2.99 2.91 3.97c1.37.99 3.01 1.51 4.69 1.5c.73 0 1.45-.1 2.15-.3v2.11c-.71.16-1.43.25-2.15.25c-2.11 0-4.18-.66-5.9-1.9s-3-2.99-3.65-5a9.9 9.9 0 0 1-.01-6.2c.66-2.01 1.94-3.76 3.66-5C8.53 2.66 10.6 2 12.72 2c4.84 0 8.78 3.94 8.78 8.79c0 1.92-.64 3.8-1.81 5.33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.69 16.12c-.27.31-.74.8-1.5.8c-1.06 0-1.41-.77-1.73-1.58l-1.6-3.93l-1.6 3.93c-.26.66-.56 1.58-1.73 1.58s-1.46-.92-1.74-1.58L7.11 8.72h2.26l2.16 5.45l1.61-3.97c.25-.63.55-1.58 1.72-1.58c1.14 0 1.46.95 1.72 1.58l1.75 4.3c.89-1.36 1.27-3 1.05-4.61a6.7 6.7 0 0 0-2.24-4.16a6.73 6.73 0 0 0-4.42-1.67c-1.69-.01-3.33.52-4.72 1.5a8.06 8.06 0 0 0-2.88 3.98c-.52 1.6-.52 3.33 0 4.93s1.54 2.99 2.91 3.97c1.37.99 3.01 1.51 4.69 1.5c.73 0 1.45-.1 2.15-.3v2.11c-.71.16-1.43.25-2.15.25c-2.11 0-4.18-.66-5.9-1.9s-3-2.99-3.65-5a9.9 9.9 0 0 1-.01-6.2c.66-2.01 1.94-3.76 3.66-5C8.53 2.66 10.6 2 12.72 2c4.84 0 8.78 3.94 8.78 8.79c0 1.92-.64 3.8-1.81 5.33"/></svg> </template>
CSS
.icon-facebook-workplace {
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%22M19.69%2016.12c-.27.31-.74.8-1.5.8c-1.06%200-1.41-.77-1.73-1.58l-1.6-3.93l-1.6%203.93c-.26.66-.56%201.58-1.73%201.58s-1.46-.92-1.74-1.58L7.11%208.72h2.26l2.16%205.45l1.61-3.97c.25-.63.55-1.58%201.72-1.58c1.14%200%201.46.95%201.72%201.58l1.75%204.3c.89-1.36%201.27-3%201.05-4.61a6.7%206.7%200%200%200-2.24-4.16a6.73%206.73%200%200%200-4.42-1.67c-1.69-.01-3.33.52-4.72%201.5a8.06%208.06%200%200%200-2.88%203.98c-.52%201.6-.52%203.33%200%204.93s1.54%202.99%202.91%203.97c1.37.99%203.01%201.51%204.69%201.5c.73%200%201.45-.1%202.15-.3v2.11c-.71.16-1.43.25-2.15.25c-2.11%200-4.18-.66-5.9-1.9s-3-2.99-3.65-5a9.9%209.9%200%200%201-.01-6.2c.66-2.01%201.94-3.76%203.66-5C8.53%202.66%2010.6%202%2012.72%202c4.84%200%208.78%203.94%208.78%208.79c0%201.92-.64%203.8-1.81%205.33%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%22M19.69%2016.12c-.27.31-.74.8-1.5.8c-1.06%200-1.41-.77-1.73-1.58l-1.6-3.93l-1.6%203.93c-.26.66-.56%201.58-1.73%201.58s-1.46-.92-1.74-1.58L7.11%208.72h2.26l2.16%205.45l1.61-3.97c.25-.63.55-1.58%201.72-1.58c1.14%200%201.46.95%201.72%201.58l1.75%204.3c.89-1.36%201.27-3%201.05-4.61a6.7%206.7%200%200%200-2.24-4.16a6.73%206.73%200%200%200-4.42-1.67c-1.69-.01-3.33.52-4.72%201.5a8.06%208.06%200%200%200-2.88%203.98c-.52%201.6-.52%203.33%200%204.93s1.54%202.99%202.91%203.97c1.37.99%203.01%201.51%204.69%201.5c.73%200%201.45-.1%202.15-.3v2.11c-.71.16-1.43.25-2.15.25c-2.11%200-4.18-.66-5.9-1.9s-3-2.99-3.65-5a9.9%209.9%200%200%201-.01-6.2c.66-2.01%201.94-3.76%203.66-5C8.53%202.66%2010.6%202%2012.72%202c4.84%200%208.78%203.94%208.78%208.79c0%201.92-.64%203.8-1.81%205.33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/facebook-workplace.svg?color=%231a73e8&size=48
