Home/Libraries/Web3 Icons Branded (Iconify)/apfc

Web3 Icons Branded (Iconify)

Apfc

License: MITCommercial Safe

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 24 24"><g fill="none"><path fill="url(#SVGLHpFKe9B)" fill-rule="evenodd" d="m7.622 3.243l4.621 2.55v5.117l-4.621 2.55L3 10.91V5.792zm-4.135 7.38l3.891 2.15v-4.52l-3.891-1.93zm4.378-2.364v4.514l3.892-2.15V6.327zm3.614-2.336L7.623 7.84L3.764 5.923l3.858-2.125z" clip-rule="evenodd"/><path fill="url(#SVGfp7Cpbsg)" fill-rule="evenodd" d="M16.378 3.243L21 5.793v5.117l-4.622 2.55l-4.621-2.55V5.792zm-4.135 7.38l3.892 2.15v-4.52l-3.892-1.93zm4.379-2.364v4.514l3.891-2.15V6.327zm3.614-2.336L16.378 7.84L12.52 5.923l3.858-2.125z" clip-rule="evenodd"/><path fill="url(#SVG3rph2cNp)" fill-rule="evenodd" d="m12 10.541l4.622 2.55v5.117L12 20.758l-4.621-2.55V13.09zm-4.135 7.38l3.892 2.15v-4.52l-3.892-1.93zm4.378-2.364v4.514l3.892-2.15v-4.296zm3.615-2.335L12 15.138l-3.858-1.916L12 11.096z" clip-rule="evenodd"/><defs><linearGradient id="SVGLHpFKe9B" x1="4.895" x2="20.037" y1="7.413" y2="16.519" gradientUnits="userSpaceOnUse"><stop stop-color="#c66329"/><stop offset=".42" stop-color="#e08d39"/><stop offset="1" stop-color="#d6b087"/></linearGradient><linearGradient id="SVGfp7Cpbsg" x1="3.474" x2="21" y1="14.085" y2="14.085" gradientUnits="userSpaceOnUse"><stop stop-color="#e1b88a"/><stop offset=".47" stop-color="#274527"/><stop offset="1" stop-color="#3a5959"/></linearGradient><linearGradient id="SVG3rph2cNp" x1="12.001" x2="12.001" y1="10.541" y2="20.757" gradientUnits="userSpaceOnUse"><stop stop-color="#d3b088"/><stop offset=".41" stop-color="#b4b4b4"/><stop offset="1" stop-color="#a3a2a4"/></linearGradient></defs></g></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. ApfcIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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 Web3 Icons Branded (Iconify)

Browse all Web3 Icons Branded (Iconify) icons →

0x0

aag

aart

aave