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

Font Awesome Brands (Iconify)

Ravelry

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="M562.6 298.2c-1.2-10.3-1.7-20.8-3.7-31q-3.75-18.6-9.6-36.6c-6.8-20.9-17.2-40.3-30.9-57.5c-5.9-7.6-12.1-14.8-18.8-21.7c-14.1-14-30-26.1-47.1-36.1c-17.8-10.6-36.8-18.9-56.7-24.7c-11-3.1-22.3-5.4-33.5-7.6c-6.8-1.3-13.7-1.7-20.6-2.5c-.3 0-.6-.4-.9-.6h-32.3c-2.4.4-4.8.9-7.2 1.2c-11.6 1.2-23.1 3.6-34.3 7.1c-13.8 4.1-27.1 9.6-39.8 16.4c-13.3 7-26.1 15.1-38.1 24.2c-6.2 4.6-12.3 9.4-18 14.5c-10.2 9.2-20.4 18.4-29.9 28.3c-12.8 13.3-24.1 28.1-33.6 44c-8.6 14-15.5 29-20.5 44.6c-7.2 22.7-10.3 46.6-9.2 70.3c.6 13.5 2 26.9 4.4 40.2c3.4 18.4 9 36.3 16.7 53.3c13.6 29.2 32.1 51.5 50.4 67.9c12.8 11.6 26.8 21.9 41.8 30.6c17.7 10.4 36.4 18.9 55.9 25.3c13.3 4.3 26.9 7.6 40.6 9.8c6.1 1 12.3 1.3 18.4 1.9q.6.15 1.2.6h32.3c2.5-.4 5-.9 7.5-1.1c16.3-1.3 32.1-5.3 47.5-10.7c17.2-5.9 33.7-13.9 49-23.8c9.7-6.4 19.4-13.1 28.7-20.1c5.8-4.3 11-9.5 16.3-14.5c4-3.7 7.8-7.6 11.5-11.5c12-12.7 22.6-26.6 31.4-41.6c9.5-16 17.4-32.9 22.3-50.9c2.9-10.4 4.9-21 7-31.7c1-5.3 1.3-10.7 1.9-16.1c0-.3.4-.6.6-.9v-37.1l-.6-1.8zM401.5 297s-16.6-3-28.5-3c-27.2 0-33.6 14.9-33.6 37v93.7h-73.5V234h73.5v31.9c8.9-26.8 26.8-36.2 62-36.2V297z"/></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. RavelryIcon.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