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

Font Awesome Brands (Iconify)

Jsfiddle

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="M543.1 301.5c-4.7-2.6-5.7-5.7-6.4-10.8c-2.4-16.5-3.5-33.6-9.1-49.1c-35.9-100-154-143.4-246.8-91.6c-27.4 15.2-49 36.4-65.5 63.9c-3.2-1.5-5.5-2.7-7.8-3.7c-30.1-12.4-59-10.1-85.3 9.2c-25.5 18.7-36.4 44.5-32.7 76.4c.4 3-2 7.6-4.5 9.5c-39.7 30-56 78.1-41.9 124.6c13.8 45.6 57.5 79.8 105.6 81.4c30.3 1 60.6.5 91 .5c84 0 168.1.5 252.1-.5c52.7-.6 96.1-36.9 108.2-87.3c11.5-48.1-11.1-97.3-56.8-122.6zm21.1 156.9c-18.2 22.4-42.3 35.3-71.3 35.7c-56.9.8-113.8.2-170.7.2c0 .7-163 .2-163.7.2c-43.9-.3-76.7-19.8-95.2-60c-18.9-41.2-4-90.8 34.2-116.1c9.2-6.1 12.5-11.6 10.1-23.1c-5.5-26.4 4.5-48 26.4-63c23-15.7 47.4-16.1 72-3.1c10.3 5.4 14.6 11.6 22.2-2.5c14.2-26.4 34.6-46.7 60.7-61.3c97.5-54.4 228.4 7.6 230.2 132.7c.1 8.2 2.4 12.4 9.8 15.9c57.6 26.8 74.5 96.1 35.1 144.5zm-87.8-80.5c-5.8 31.2-34.6 55.1-66.7 55.1c-17 0-32.1-6.5-44.1-17.7c-27.7-25.7-71.1-75-95.9-93.4c-20.1-14.9-42-12.3-60.3 3.8c-50 44.1 15.9 121.8 67.1 77.2c4.5-4 7.8-9.5 12.7-12.8c8.2-5.5 20.8-.9 13.2 10.6c-17.4 26.3-49.3 38.2-78.9 29.3c-28.9-8.7-48.8-36-48.6-70.2c1.2-22.5 12.4-43.1 35.4-56c22.6-12.6 46.4-13.1 67 2.5c50.8 38.5 75.6 81.7 107.3 101.2c24.6 15.1 54.3 7.4 68.8-17.5c28.8-49.2-34.6-105-78.9-63.5c-4 3.7-6.9 8.9-11.4 11.7c-11 6.8-17.3-4.1-12.8-10.4c20.7-28.6 50.5-40.4 83.3-28.2c31.4 11.7 49.1 44.4 42.8 78.2z"/></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. JsfiddleIcon.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