mx-icons 1.0.8 → 1.0.13

package/README.md

@@ -1,127 +1,193 @@
-<div align="center">
-  
-  ![Preview](/imgs/mxicons-banner-ts.png)
-
-![npm version](https://img.shields.io/npm/v/mx-icons)
-![npm downloads](https://img.shields.io/npm/dm/mx-icons)
-![license](https://img.shields.io/github/license/ig-imanish/mx-icons)
-![bundle size](https://img.shields.io/bundlephobia/minzip/mx-icons)
-
-**A modern, lightweight React icon library with beautiful SVG icons**
-
-Built with React • Optimized for Production
-
-[Live Demo](https://mx-icons.vercel.app/) • [Browse Icons](#-available-icons) • [Documentation](#-usage) • [Contributing](#-contributing)
-
-</div>
-
----
-
-## ✨ Features
-
-- 🎨 **Multiple Variants** - Every icon comes in outline, solid, and mini (16px) versions
-- ⚡ **Lightweight & Fast** - Tree-shakeable, only imports what you use
-- 🔧 **Fully Customizable** - Control size, color, and all SVG attributes
-- 📦 **Zero Dependencies** - Only React as a peer dependency (18.x or 19.x)
-- 💅 **Modern Design** - Clean, professional icons optimized for light-mode interfaces
-- 📱 **Responsive** - Built-in support for different sizes (24px standard, 16px mini)
-
-## 📦 Installation
-
-```bash
-npm install mx-icons
-```
-
-## 🚀 Quick Start
-
-```jsx
-import { NoteTextLinear } from "mx-icons";
-
-function App() {
-  return (
-    <div>
-      <NoteTextLinear />
-
-      <NoteTextLinear size={24} color="#292D32" />
-    </div>
-  );
-}
-```
-
-## 🎨 Props & Customization
-
-All icon components accept the following props:
-
-| Prop        | Type               | Default     | Description                                |
-| ----------- | ------------------ | ----------- | ------------------------------------------ |
-| `size`      | `number \| string` | `24`        | Icon width and height (px or any CSS unit) |
-| `color`     | `string`           | `"#292D32"` | Icon color (any CSS color)                 |
-| `className` | `string`           | `""`        | Additional CSS classes                     |
-
-### Run Preview Locally
-
-```bash
-# Clone the repository
-git clone https://github.com/ig-imanish/mx-icons.git
-cd mx-icons
-
-# Install dependencies
-npm install
-
-# Start the preview app
-npm run dev
-```
-
-Open [http://localhost:5173](http://localhost:5173) in your browser.
-
-## 🤝 Contributing
-
-We welcome contributions! Here's how you can help make MX Icons even better:
-
-### Ways to Contribute
-
-- 🐛 **Report Bugs** - [Open an issue](https://github.com/ig-imanish/mx-icons/issues)
-- 💡 **Request Icons** - Tell us which icons you need
-- 🎨 **Add New Icons** - Follow our [contribution guidelines](https://github.com/ig-imanish/mx-icons/blob/main/CONTRIBUTING.md)
-- 📖 **Improve Docs** - Help make the documentation better
-- ⭐ **Star the Repo** - Show your support!
-- 🐦 **Share** - Tweet about MX Icons
-
-### Quick Start for Contributors
-
-1. Fork the repository
-2. Create a feature branch: `git checkout -b feature/new-icon`
-3. Make your changes
-4. Test locally: `npm run dev`
-5. Submit a pull request
-
-For detailed guidelines, check out our [CONTRIBUTING.md](https://github.com/ig-imanish/mx-icons/blob/main/CONTRIBUTING.md)
-
-## 📄 License
-
-MIT License © 2025 [MX Icons Contributors](https://github.com/ig-imanish/mx-icons/graphs/contributors)
-
-Free to use in personal and commercial projects. See [LICENSE](./LICENSE) for details.
-
-## 📊 Project Stats
-
-![Contributors](https://img.shields.io/github/contributors/ig-imanish/mx-icons)
-![Last Commit](https://img.shields.io/github/last-commit/ig-imanish/mx-icons)
-![Issues](https://img.shields.io/github/issues/ig-imanish/mx-icons)
-![Pull Requests](https://img.shields.io/github/issues-pr/ig-imanish/mx-icons)
-
-## 🔗 Links
-
-- **📦 NPM Package:** [npmjs.com/package/mx-icons](https://www.npmjs.com/package/mx-icons)
-- **🌐 Live Preview:** [ig-imanish.github.io/mx-icons](https://ig-imanish.github.io/mx-icons)
-- **📚 Documentation:** [github.com/ig-imanish/mx-icons](https://github.com/ig-imanish/mx-icons)
-- **🐛 Issues:** [github.com/ig-imanish/mx-icons/issues](https://github.com/ig-imanish/mx-icons/issues)
-- **💬 Discussions:** [github.com/ig-imanish/mx-icons/discussions](https://github.com/ig-imanish/mx-icons/discussions)
-
-<div align="center">
-  
-  **Made with ❤️ by the open-source community**
-  
-  If you find this project useful, please consider giving it a ⭐ on GitHub!
-  
-</div>
+<div align="center">
+  
+  ![Preview](/imgs/mxicons-banner-ts.png)
+
+![npm version](https://img.shields.io/npm/v/mx-icons)
+![npm downloads](https://img.shields.io/npm/dm/mx-icons)
+![license](https://img.shields.io/github/license/ig-imanish/mx-icons)
+![bundle size](https://img.shields.io/bundlephobia/minzip/mx-icons)
+
+**A modern, lightweight React icon library with beautiful SVG icons**
+
+Built with React • Optimized for Production
+
+[Live Demo](https://mx-icons.vercel.app/) • [Browse Icons](#-available-icons) • [Documentation](#-usage) • [Contributing](#-contributing)
+
+</div>
+
+---
+
+## ✨ Features
+
+- 🎨 **Multiple Variants** - Every icon comes in outline, solid, and mini (16px) versions
+- ⚡ **Lightweight & Fast** - Tree-shakeable, only imports what you use
+- 🔧 **Fully Customizable** - Control size, color, and all SVG attributes
+- 📦 **Zero Dependencies** - Only React as a peer dependency (18.x or 19.x)
+- 💅 **Modern Design** - Clean, professional icons optimized for light-mode interfaces
+- 📱 **Responsive** - Built-in support for different sizes (24px standard, 16px mini)
+
+## 📦 Installation
+
+```bash
+npm install mx-icons
+```
+
+## 🚀 Quick Start
+
+```jsx
+import { NoteTextLinear } from "mx-icons";
+
+function App() {
+  return (
+    <div>
+      <NoteTextLinear />
+
+      <NoteTextLinear size={24} color="#292D32" />
+    </div>
+  );
+}
+```
+
+## 🎨 Props & Customization
+
+All icon components accept the following props:
+
+| Prop        | Type               | Default     | Description                                |
+| ----------- | ------------------ | ----------- | ------------------------------------------ |
+| `size`      | `number \| string` | `24`        | Icon width and height (px or any CSS unit) |
+| `color`     | `string`           | `"#292D32"` | Icon color (any CSS color)                 |
+| `className` | `string`           | `""`        | Additional CSS classes                     |
+
+### Run Preview Locally
+
+```bash
+# Clone the repository
+git clone https://github.com/ig-imanish/mx-icons.git
+cd mx-icons
+
+# Install dependencies
+npm install
+
+# Start the preview app
+npm run dev
+```
+
+Open [http://localhost:5173](http://localhost:5173) in your browser.
+
+## 🤝 Contributing
+
+We welcome contributions from developers of all skill levels! Here's how you can help make MX Icons even better:
+
+### Ways to Contribute
+
+- 🐛 **Report Bugs** - Found an issue? [Open a bug report](https://github.com/ig-imanish/mx-icons/issues/new)
+- 💡 **Request Icons** - Tell us which icons you need for your projects
+- 🎨 **Add New Icons** - Contribute new icons following our design guidelines
+- 📖 **Improve Documentation** - Help make our docs clearer and more comprehensive
+- 🔧 **Fix Issues** - Browse [open issues](https://github.com/ig-imanish/mx-icons/issues) and submit fixes
+- ⭐ **Star the Repo** - Show your support and help us grow!
+- 🐦 **Share** - Spread the word about MX Icons
+
+### Quick Start for Contributors
+
+1. **Fork** the repository
+2. **Clone** your fork: `git clone https://github.com/YOUR_USERNAME/mx-icons.git`
+3. **Install** dependencies: `npm install`
+4. **Create** a feature branch: `git checkout -b feature/new-icon`
+5. **Make** your changes and test: `npm run dev`
+6. **Lint** your code: `npm run lint`
+7. **Build** the library: `npm run build:lib`
+8. **Commit** with a clear message: `git commit -m "feat(icons): add calendar icon"`
+9. **Push** to your fork: `git push origin feature/new-icon`
+10. **Submit** a pull request
+
+### Development Setup
+
+```bash
+# Clone the repository
+git clone https://github.com/ig-imanish/mx-icons.git
+cd mx-icons
+
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Run linter
+npm run lint
+
+# Build library
+npm run build:lib
+```
+
+### Adding a New Icon
+
+Icons should follow these guidelines:
+- **Format**: Optimized SVG
+- **Size**: 24x24px (standard) or 16x16px (mini)
+- **Variants**: Provide Linear, Bold, and Mini versions
+- **Color**: Use `currentColor` for easy customization
+- **Naming**: PascalCase with variant suffix (e.g., `CalendarLinear`, `CalendarBold`)
+
+Example icon component:
+
+```jsx
+import React from "react";
+import Icon from "../../Icon";
+
+export const CalendarLinear = (props) => (
+  <Icon {...props}>
+    <path d="..." fill="none" stroke="currentColor" strokeWidth="1.5" />
+  </Icon>
+);
+```
+
+### Commit Message Format
+
+We follow [Conventional Commits](https://www.conventionalcommits.org/):
+
+```
+feat(icons): add calendar icon with all variants
+fix(modal): resolve scrollbar display issue
+docs(readme): update installation guide
+```
+
+### Pull Request Guidelines
+
+- Provide a clear description of your changes
+- Include screenshots for visual changes
+- Reference related issues (e.g., "Closes #123")
+- Ensure all tests pass and linting is clean
+- Update documentation if needed
+
+For comprehensive guidelines, check out our [**CONTRIBUTING.md**](https://github.com/ig-imanish/mx-icons/blob/main/CONTRIBUTING.md)
+
+## 📄 License
+
+MIT License © 2025 [MX Icons Contributors](https://github.com/ig-imanish/mx-icons/graphs/contributors)
+
+Free to use in personal and commercial projects. See [LICENSE](./LICENSE) for details.
+
+## 📊 Project Stats
+
+![Contributors](https://img.shields.io/github/contributors/ig-imanish/mx-icons)
+![Last Commit](https://img.shields.io/github/last-commit/ig-imanish/mx-icons)
+![Issues](https://img.shields.io/github/issues/ig-imanish/mx-icons)
+![Pull Requests](https://img.shields.io/github/issues-pr/ig-imanish/mx-icons)
+
+## 🔗 Links
+
+- **📦 NPM Package:** [npmjs.com/package/mx-icons](https://www.npmjs.com/package/mx-icons)
+- **🌐 Live Preview:** [ig-imanish.github.io/mx-icons](https://ig-imanish.github.io/mx-icons)
+- **📚 Documentation:** [github.com/ig-imanish/mx-icons](https://github.com/ig-imanish/mx-icons)
+- **🐛 Issues:** [github.com/ig-imanish/mx-icons/issues](https://github.com/ig-imanish/mx-icons/issues)
+- **💬 Discussions:** [github.com/ig-imanish/mx-icons/discussions](https://github.com/ig-imanish/mx-icons/discussions)
+
+<div align="center">
+  
+  **Made with ❤️ by the open-source community**
+  
+  If you find this project useful, please consider giving it a ⭐ on GitHub!
+  
+</div>

package/dist/components/cancel-circle/CancelCircleBold.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import Icon from "../../Icon.js";
+function CancelCircleBold({
+  size = 24,
+  color = "#292D32",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      size,
+      color,
+      fill: "none",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25ZM9.63086 8.22461C9.2381 7.90427 8.65909 7.92689 8.29297 8.29297C7.92698 8.65909 7.90429 9.23813 8.22461 9.63086L8.29297 9.70703L10.5859 12L8.29395 14.293C7.90357 14.6835 7.90344 15.3166 8.29395 15.707C8.68447 16.0972 9.31758 16.0974 9.70801 15.707L12 13.4141L14.292 15.707L14.3682 15.7754C14.7608 16.0957 15.3399 16.0729 15.7061 15.707C16.0721 15.3411 16.0954 14.7619 15.7754 14.3691L15.7061 14.293L13.4131 12L15.707 9.70703L15.7754 9.63086C16.0957 9.23812 16.073 8.65909 15.707 8.29297C15.3409 7.92689 14.7619 7.90427 14.3691 8.22461L14.293 8.29297L12 10.5859L9.70703 8.29297L9.63086 8.22461Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  CancelCircleBold as default
+};

package/dist/components/cancel-circle/CancelCircleLinear.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import Icon from "../../Icon.js";
+function CancelCircleLinear({
+  size = 24,
+  color = "#292D32",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Icon,
+    {
+      size,
+      color,
+      fill: "none",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.9994 15L9 9M9.00064 15L15 9",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  CancelCircleLinear as default
+};

package/dist/components/cancel-circle/index.js

@@ -0,0 +1,21 @@
+import CancelCircleLinear from "./CancelCircleLinear.js";
+import CancelCircleBold from "./CancelCircleBold.js";
+const variants = [
+  {
+    variant: "linear",
+    slug: "cancel-circle-linear",
+    Component: CancelCircleLinear,
+    componentName: "CancelCircleLinear"
+  },
+  {
+    variant: "bold",
+    slug: "cancel-circle-bold",
+    Component: CancelCircleBold,
+    componentName: "CancelCircleBold"
+  }
+];
+export {
+  CancelCircleBold,
+  CancelCircleLinear,
+  variants
+};

package/dist/components/checkmark-circle-02/CheckmarkCircle02Bold.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import Icon from "../../Icon.js";
+function CheckmarkCircle02Bold({
+  size = 24,
+  color = "#292D32",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      size,
+      color,
+      fill: "none",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75ZM15.2473 7.93933L10.453 13.1694L8.69156 11.4079L7.27734 12.8222L10.5159 16.0607L16.7216 9.29078L15.2473 7.93933Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  CheckmarkCircle02Bold as default
+};

package/dist/components/checkmark-circle-02/CheckmarkCircle02Linear.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import Icon from "../../Icon.js";
+function CheckmarkCircle02Linear({
+  size = 24,
+  color = "#292D32",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Icon,
+    {
+      size,
+      color,
+      fill: "none",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M8 12.5L10.5 15L16 9", stroke: "currentColor", strokeWidth: "1.5" })
+      ]
+    }
+  );
+}
+export {
+  CheckmarkCircle02Linear as default
+};

package/dist/components/checkmark-circle-02/index.js

@@ -0,0 +1,21 @@
+import CheckmarkCircle02Linear from "./CheckmarkCircle02Linear.js";
+import CheckmarkCircle02Bold from "./CheckmarkCircle02Bold.js";
+const variants = [
+  {
+    variant: "linear",
+    slug: "checkmark-circle-02-linear",
+    Component: CheckmarkCircle02Linear,
+    componentName: "CheckmarkCircle02Linear"
+  },
+  {
+    variant: "bold",
+    slug: "checkmark-circle-02-bold",
+    Component: CheckmarkCircle02Bold,
+    componentName: "CheckmarkCircle02Bold"
+  }
+];
+export {
+  CheckmarkCircle02Bold,
+  CheckmarkCircle02Linear,
+  variants
+};

package/dist/components/discord/DiscordBold.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import Icon from "../../Icon.js";
+function DiscordBold({
+  size = 24,
+  color = "#292D32",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      size,
+      color,
+      fill: "none",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9.60211 5.48045C9.60211 5.48045 10.7147 5.24976 12 5.24976C13.2853 5.24976 14.3979 5.48045 14.3979 5.48045L15 4.24976C17.5 4.74976 19.5 5.68698 19.5 5.68698C19.5 5.68698 22 8.24976 22 17.2498C19.8658 18.8513 17 19.7498 17 19.7498L15.9484 18.1003L17.5824 17.1752L17.1069 16.8035C17.1069 16.8035 15.2049 17.9447 12 17.9447C8.79507 17.9447 6.89313 16.8035 6.89313 16.8035L6.41764 17.1752L8.05159 18.1003L7 19.7498C7 19.7498 4.13419 18.8513 2 17.2498C2 8.24976 4.5 5.68698 4.5 5.68698C4.5 5.68698 6.5 4.74976 9 4.24976L9.60211 5.48045ZM17.25 12.7498C17.25 13.8543 16.4665 14.7498 15.5 14.7498C14.5335 14.7498 13.75 13.8543 13.75 12.7498C13.75 11.6452 14.5335 10.7498 15.5 10.7498C16.4665 10.7498 17.25 11.6452 17.25 12.7498ZM8.5 14.7498C9.4665 14.7498 10.25 13.8543 10.25 12.7498C10.25 11.6452 9.4665 10.7498 8.5 10.7498C7.5335 10.7498 6.75 11.6452 6.75 12.7498C6.75 13.8543 7.5335 14.7498 8.5 14.7498Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  DiscordBold as default
+};

package/dist/components/discord/DiscordLinear.js

@@ -0,0 +1,59 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import Icon from "../../Icon.js";
+function DiscordLinear({
+  size = 24,
+  color = "#292D32",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Icon,
+    {
+      size,
+      color,
+      fill: "none",
+      className,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.5 17.75L17 19.75C17 19.75 19.8658 18.8516 22 17.25C22 8.25 19.5 5.68722 19.5 5.68722C19.5 5.68722 17.5 4.75 15 4.25L14.3979 5.4807C14.3979 5.4807 13.2853 5.25 12 5.25C10.7147 5.25 9.60211 5.4807 9.60211 5.4807L9 4.25C6.5 4.75 4.5 5.68722 4.5 5.68722C4.5 5.68722 2 8.25 2 17.25C4.13419 18.8516 7 19.75 7 19.75L8.5 17.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17.5 16.75C17.5 16.75 15.2049 18.25 12 18.25C8.79507 18.25 6.5 16.75 6.5 16.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "square",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17.25 12.25C17.25 13.3546 16.4665 14.25 15.5 14.25C14.5335 14.25 13.75 13.3546 13.75 12.25C13.75 11.1454 14.5335 10.25 15.5 10.25C16.4665 10.25 17.25 11.1454 17.25 12.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.25 12.25C10.25 13.3546 9.4665 14.25 8.5 14.25C7.5335 14.25 6.75 13.3546 6.75 12.25C6.75 11.1454 7.5335 10.25 8.5 10.25C9.4665 10.25 10.25 11.1454 10.25 12.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  DiscordLinear as default
+};

package/dist/components/discord/index.js

@@ -0,0 +1,21 @@
+import DiscordLinear from "./DiscordLinear.js";
+import DiscordBold from "./DiscordBold.js";
+const variants = [
+  {
+    variant: "linear",
+    slug: "discord-linear",
+    Component: DiscordLinear,
+    componentName: "DiscordLinear"
+  },
+  {
+    variant: "bold",
+    slug: "discord-bold",
+    Component: DiscordBold,
+    componentName: "DiscordBold"
+  }
+];
+export {
+  DiscordBold,
+  DiscordLinear,
+  variants
+};

package/dist/components/facebook/FacebookBold.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import Icon from "../../Icon.js";
+function FacebookBold({
+  size = 24,
+  color = "#292D32",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      size,
+      color,
+      fill: "currentColor",
+      viewBox: "0 0 512 512",
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z", fill: "currentColor" })
+    }
+  );
+}
+export {
+  FacebookBold as default
+};