bxl facebook circle icon
bxl-facebook-circle from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-facebook-circle
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl facebook circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999c0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891c1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlFacebookCircle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999c0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891c1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999c0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891c1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-facebook-circle {
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%20d%3D%22M12.001%202.002c-5.522%200-9.999%204.477-9.999%209.999c0%204.99%203.656%209.126%208.437%209.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508%201.493-3.891%203.776-3.891c1.094%200%202.24.195%202.24.195v2.459h-1.264c-1.24%200-1.628.772-1.628%201.563v1.875h2.771l-.443%202.891h-2.328v6.988C18.344%2021.129%2022%2016.992%2022%2012.001c0-5.522-4.477-9.999-9.999-9.999z%22%20fill%3D%22currentColor%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%20d%3D%22M12.001%202.002c-5.522%200-9.999%204.477-9.999%209.999c0%204.99%203.656%209.126%208.437%209.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508%201.493-3.891%203.776-3.891c1.094%200%202.24.195%202.24.195v2.459h-1.264c-1.24%200-1.628.772-1.628%201.563v1.875h2.771l-.443%202.891h-2.328v6.988C18.344%2021.129%2022%2016.992%2022%2012.001c0-5.522-4.477-9.999-9.999-9.999z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-facebook-circle.svg?color=%231a73e8&size=48
