Home/Libraries/Font Awesome 4 (Iconify)/certificate

Font Awesome 4 (Iconify)

Certificate

License: OFL-1.1

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 1536 1536"><path fill="#818cf8" d="m1376 768l138 135q30 28 20 70q-12 41-52 51l-188 48l53 186q12 41-19 70q-29 31-70 19l-186-53l-48 188q-10 40-51 52q-12 2-19 2q-31 0-51-22l-135-138l-135 138q-28 30-70 20q-41-11-51-52l-48-188l-186 53q-41 12-70-19q-31-29-19-70l53-186l-188-48q-40-10-52-51q-10-42 20-70l138-135L22 633q-30-28-20-70q12-41 52-51l188-48l-53-186q-12-41 19-70q29-31 70-19l186 53l48-188q10-41 51-51q41-12 70 19l135 139L903 22q29-30 70-19q41 10 51 51l48 188l186-53q41-12 70 19q31 29 19 70l-53 186l188 48q40 10 52 51q10 42-20 70z"/></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. CertificateIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** 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.