Home/Libraries/Font Awesome 5 Brands (Iconify)/keycdn

Font Awesome 5 Brands (Iconify)

Keycdn

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 512 512"><path fill="#818cf8" d="m63.8 409.3l60.5-59c32.1 42.8 71.1 66 126.6 67.4c30.5.7 60.3-7 86.4-22.4c5.1 5.3 18.5 19.5 20.9 22c-32.2 20.7-69.6 31.1-108.1 30.2c-43.3-1.1-84.6-16.7-117.7-44.4c.3-.6-38.2 37.5-38.6 37.9c9.5 29.8-13.1 62.4-46.3 62.4C20.7 503.3 0 481.7 0 454.9c0-34.3 33.1-56.6 63.8-45.6m354.9-252.4c19.1 31.3 29.6 67.4 28.7 104c-1.1 44.8-19 87.5-48.6 121c.3.3 23.8 25.2 24.1 25.5c9.6-1.3 19.2 2 25.9 9.1c11.3 12 10.9 30.9-1.1 42.4c-12 11.3-30.9 10.9-42.4-1.1c-6.7-7-9.4-16.8-7.6-26.3c-24.9-26.6-44.4-47.2-44.4-47.2c42.7-34.1 63.3-79.6 64.4-124.2c.7-28.9-7.2-57.2-21.1-82.2zM104 53.1c6.7 7 9.4 16.8 7.6 26.3l45.9 48.1c-4.7 3.8-13.3 10.4-22.8 21.3c-25.4 28.5-39.6 64.8-40.7 102.9c-.7 28.9 6.1 57.2 20 82.4l-22 21.5C72.7 324 63.1 287.9 64.2 250.9c1-44.6 18.3-87.6 47.5-121.1l-25.3-26.4c-9.6 1.3-19.2-2-25.9-9.1c-11.3-12-10.9-30.9 1.1-42.4C73.5 40.7 92.2 41 104 53.1M464.9 8c26 0 47.1 22.4 47.1 48.3S490.9 104 464.9 104c-6.3.1-14-1.1-15.9-1.8l-62.9 59.7c-32.7-43.6-76.7-65.9-126.9-67.2c-30.5-.7-60.3 6.8-86.2 22.4l-21.1-22C184.1 74.3 221.5 64 260 64.9c43.3 1.1 84.6 16.7 117.7 44.6l41.1-38.6c-1.5-4.7-2.2-9.6-2.2-14.5C416.5 29.7 438.9 8 464.9 8M256.7 113.4c5.5 0 10.9.4 16.4 1.1c78.1 9.8 133.4 81.1 123.8 159.1c-9.8 78.1-81.1 133.4-159.1 123.8c-78.1-9.8-133.4-81.1-123.8-159.2c9.3-72.4 70.1-124.6 142.7-124.8m-59 119.4c.6 22.7 12.2 41.8 32.4 52.2l-11 51.7h73.7l-11-51.7c20.1-10.9 32.1-29 32.4-52.2c-.4-32.8-25.8-57.5-58.3-58.3c-32.1.8-57.3 24.8-58.2 58.3M256 160"/></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. KeycdnIcon.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.