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

Font Awesome Brands (Iconify)

Supple

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="M640 326.5c0 64.1-109 116.1-243.5 116.1c-24.8 0-48.6-1.8-71.1-5q11.55.6 23.4.6c134.5 0 243.5-56.9 243.5-127.1c0-29.4-19.1-56.4-51.2-78c60 21.1 98.9 55.1 98.9 93.4M47.7 291.9c-.1-70.2 108.8-127.3 243.3-127.6c7.9 0 15.6.2 23.3.5c-22.5-3.2-46.3-4.9-71-4.9C108.8 160.3-.1 212.5 0 276.6c.1 38.3 39.1 72.3 99.3 93.3c-32.3-21.5-51.5-48.6-51.6-78m60.2 39.9s10.5 13.2 29.3 13.2c17.9 0 28.4-11.5 28.4-25.1c0-28-40.2-25.1-40.2-39.7c0-5.4 5.3-9.1 12.5-9.1c5.7 0 11.3 2.6 11.3 6.6v3.9h14.2v-7.9c0-12.1-15.4-16.8-25.4-16.8c-16.5 0-28.5 10.2-28.5 24.1c0 26.6 40.2 25.4 40.2 39.9c0 6.6-5.8 10.1-12.3 10.1c-11.9 0-20.7-10.1-20.7-10.1zm120.8-73.6v54.4c0 11.3-7.1 17.8-17.8 17.8s-17.8-6.5-17.8-17.7v-54.5h-15.8v55c0 18.9 13.4 31.9 33.7 31.9c20.1 0 33.4-13 33.4-31.9v-55zm34.4 85.4h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.8-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5.1 14.7-14 14.7zm57 43h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.7-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5 14.7-14 14.7zm57.1 34.8c0 5.8 2.4 8.2 8.2 8.2h37.6c5.8 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-18.6c-1.7 0-2.6-1-2.6-2.6v-61.2c0-5.7-2.4-8.2-8.2-8.2H401v13.4h5.2c1.7 0 2.6 1 2.6 2.6v61.2zm63.4 0c0 5.8 2.4 8.2 8.2 8.2H519c5.7 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-19.7c-1.7 0-2.6-1-2.6-2.6v-20.3h27.7v-13.4H488v-22.4h19.2c1.7 0 2.6 1 2.6 2.6v5.2H524v-13c0-5.7-2.5-8.2-8.2-8.2h-51.6v13.4h7.8v63.9zm58.9-76v5.9h1.6v-5.9h2.7v-1.2h-7v1.2zm5.7-1.2v7.1h1.5v-5.7l2.3 5.7h1.3l2.3-5.7v5.7h1.5v-7.1h-2.3l-2.1 5.1l-2.1-5.1z"/></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. SuppleIcon.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