Home/Libraries/Font Awesome 5 Solid (Iconify)/jedi

Font Awesome 5 Solid (Iconify)

Jedi

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 576 512"><path fill="#818cf8" d="M535.953 352c-42.64 94.172-137.64 160-247.985 160q-6.398 0-12.843-.297C171.155 506.938 81.265 442.234 40.015 352h39.922l-58.61-58.594a265 265 0 0 1-5.11-39.422a274 274 0 0 1 .5-29.984h47.22l-41.391-41.375A269.8 269.8 0 0 1 130.515 20.547a16.06 16.06 0 0 1 9.281-3a16.36 16.36 0 0 1 13.5 7.25a16.03 16.03 0 0 1 1.625 15.094a138.4 138.4 0 0 0-9.844 51.265c0 45.11 21.047 86.578 57.72 113.735a16.3 16.3 0 0 1 1.202 25.39c-26.547 23.985-41.172 56.5-41.172 91.578c0 60.032 42.954 110.282 99.891 121.922l2.5-65.265L238.062 397a8.34 8.34 0 0 1-10-.75a8.025 8.025 0 0 1-1.39-9.937l20.124-33.766l-42.062-8.735a7.99 7.99 0 0 1 0-15.656l42.062-8.719l-20.109-33.734a7.991 7.991 0 0 1 11.36-10.719l30.39 20.657L279.953 7.67a7.97 7.97 0 0 1 8-7.671H288a8.02 8.02 0 0 1 7.953 7.703l11.53 287.922l30.392-20.672a8.08 8.08 0 0 1 10 .813a8 8 0 0 1 1.39 9.906l-20.14 33.765l42.078 8.735a7.994 7.994 0 0 1 0 15.656l-42.078 8.719l20.109 33.734a7.98 7.98 0 0 1-1.328 9.922a8.26 8.26 0 0 1-10.031.797l-27.172-18.469l2.5 65.344c48.484-9.406 87.578-48.156 97.312-96.5a123.53 123.53 0 0 0-38.562-117.078a16.306 16.306 0 0 1 1.203-25.422c36.656-27.172 57.688-68.61 57.688-113.734a138 138 0 0 0-9.86-51.313a15.98 15.98 0 0 1 1.61-15.094a16.37 16.37 0 0 1 13.5-7.234a16 16 0 0 1 9.25 2.984A271.27 271.27 0 0 1 553.25 182.766L512 224h46.953c.36 5.766 1.047 11.453 1.047 17.266a270 270 0 0 1-5.125 51.859L495.985 352Z"/></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. JediIcon.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.