Home/Libraries/Font Awesome Brands (Iconify)/sass

Font Awesome Brands (Iconify)

Sass

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 640 640"><path fill="#818cf8" d="M550.9 355.9c-20.1 0-40 4.6-58 13.5c-5.9-11.9-12-22.3-13-30.1c-1.2-9.1-2.5-14.5-1.1-25.3s7.7-26.1 7.6-27.2s-1.4-6.6-14.3-6.7s-24 2.5-25.3 5.9c-2.3 6.2-4.1 12.6-5.3 19.1c-2.3 11.7-25.8 53.5-39.1 75.3c-4.4-8.5-8.1-16-8.9-22c-1.2-9.1-2.5-14.5-1.1-25.3s7.7-26.1 7.6-27.2s-1.4-6.6-14.3-6.7s-24 2.5-25.3 5.9s-2.7 11.4-5.3 19.1s-33.9 77.3-42.1 95.4c-4.2 9.2-7.8 16.6-10.4 21.6c-.4.8-.7 1.3-.9 1.7c.3-.5.5-1 .5-.8c-2.2 4.3-3.5 6.7-3.5 6.7v.1c-1.7 3.2-3.6 6.1-4.5 6.1c-.6 0-1.9-8.4.3-19.9c4.7-24.2 15.8-61.8 15.7-63.1c-.1-.7 2.1-7.2-7.3-10.7c-9.1-3.3-12.4 2.2-13.2 2.2s-1.4 2-1.4 2s10.1-42.4-19.4-42.4c-18.4 0-44 20.2-56.6 38.5c-7.9 4.3-25 13.6-43 23.5c-6.9 3.8-14 7.7-20.7 11.4c-.5-.5-.9-1-1.4-1.5c-35.8-38.2-101.9-65.2-99.1-116.5c1-18.7 7.5-67.8 127.1-127.4c98-48.8 176.3-35.4 189.8-5.6c19.4 42.5-41.9 121.6-143.7 133c-38.8 4.3-59.2-10.7-64.3-16.3c-5.3-5.9-6.1-6.2-8.1-5.1c-3.3 1.8-1.2 7 0 10.1c3 7.9 15.5 21.9 36.8 28.9c18.7 6.1 64.2 9.5 119.2-11.8c61.8-23.8 109.9-90.1 95.8-145.6c-14.4-56.4-107.9-74.9-196.3-43.5c-52.7 18.7-109.7 48.1-150.7 86.4C5 227.2-2.8 266.9.4 283.5c11.4 58.9 92.6 97.3 125.1 125.7c-1.6.9-3.1 1.7-4.5 2.5c-16.3 8.1-78.2 40.5-93.7 74.7c-17.5 38.8 2.9 66.6 16.3 70.4c41.8 11.6 84.6-9.3 107.6-43.6s20.2-79.1 9.6-99.5c-.1-.3-.3-.5-.4-.8c4.2-2.5 8.5-5 12.8-7.5c8.3-4.9 16.4-9.4 23.5-13.3c-4 10.8-6.9 23.8-8.4 42.6c-1.8 22 7.3 50.5 19.1 61.7c5.2 4.9 11.5 5 15.4 5c13.8 0 20-11.4 26.9-25c8.5-16.6 16-35.9 16-35.9s-9.4 52.2 16.3 52.2c9.4 0 18.8-12.1 23-18.3v.1s.2-.4.7-1.2c1-1.5 1.5-2.4 1.5-2.4v-.3c3.8-6.5 12.1-21.4 24.6-46c16.2-31.8 31.7-71.5 31.7-71.5c1.5 8.7 3.6 17.3 6.2 25.8c2.8 9.5 8.7 19.9 13.4 30c-3.8 5.2-6.1 8.2-6.1 8.2c0 .1 0 .1.1.2c-3 4-6.4 8.3-9.9 12.5c-12.8 15.2-28 32.6-30 37.6c-2.4 5.9-1.8 10.3 2.8 13.7c3.4 2.6 9.4 3 15.7 2.5c11.5-.8 19.6-3.6 23.5-5.4c7.2-2.6 14-6.1 20.2-10.6c12.5-9.2 20.1-22.4 19.4-39.8c-.4-9.6-3.5-19.2-7.3-28.2c1.1-1.6 2.3-3.3 3.4-5C434.7 365.7 450 334 450 334c1.5 8.7 3.6 17.3 6.2 25.8c2.4 8.1 7.1 17 11.4 25.7c-18.6 15.1-30.1 32.6-34.1 44.1c-7.4 21.3-1.6 30.9 9.3 33.1c4.9 1 11.9-1.3 17.1-3.5c7.7-2.6 15-6.3 21.6-11.1c12.5-9.2 24.6-22.1 23.8-39.6c-.3-7.9-2.5-15.8-5.4-23.4c15.7-6.6 36.1-10.2 62.1-7.2c55.7 6.5 66.6 41.3 64.5 55.8s-13.8 22.6-17.7 25s-5.1 3.3-4.8 5.1c.5 2.6 2.3 2.5 5.6 1.9c4.6-.8 29.2-11.8 30.3-38.7c1.6-34-31.1-71.4-89-71.1M121.8 500.6c-18.4 20.1-44.2 27.7-55.3 21.3C54.6 515 59.3 485.4 82 464c13.8-13 31.6-25 43.4-32.4c2.7-1.6 6.6-4 11.4-6.9c.8-.5 1.2-.7 1.2-.7c.9-.6 1.9-1.1 2.9-1.7c8.3 30.4.3 57.2-19.1 78.3m134.4-91.4c-6.4 15.7-19.9 55.7-28.1 53.6c-7-1.8-11.3-32.3-1.4-62.3c5-15.1 15.6-33.1 21.9-40.1c10.1-11.3 21.2-14.9 23.8-10.4c3.5 5.9-12.2 49.4-16.2 59.2m111 53c-2.7 1.4-5.2 2.3-6.4 1.6c-.9-.5 1.1-2.4 1.1-2.4s13.9-14.9 19.4-21.7c3.2-4 6.9-8.7 10.9-13.9c0 .5.1 1 .1 1.6c-.1 17.9-17.3 30-25.1 34.8m85.6-19.5c-2-1.4-1.7-6.1 5-20.7c2.6-5.7 8.6-15.3 19-24.5c1.2 3.5 1.8 7.1 1.9 10.8c-.1 22.5-16.2 30.9-25.9 34.4"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SassIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Font Awesome Brands (Iconify)

Browse all Font Awesome Brands (Iconify) icons →

adn