Home/Libraries/SVG Logos (Iconify)/appfog

SVG Logos (Iconify)

Appfog

License: CC0-1.0Commercial 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 256 159"><path d="M202.47 51.528c-5.463 0-10.015 4.552-10.015 10.014s4.552 10.014 10.014 10.014c18.572 0 33.503 15.113 33.503 33.502c0 18.572-15.113 33.502-33.503 33.502H44.063c-13.292.183-24.035-10.56-24.035-23.852c0-13.291 10.743-23.852 23.853-23.852c5.462 0 10.014-4.552 10.014-10.014S49.343 70.828 43.88 70.828C19.664 70.828 0 90.492 0 114.708c0 24.217 19.664 43.88 43.88 43.88h158.407c29.497 0 53.713-24.033 53.713-53.712c0-29.678-24.034-53.348-53.53-53.348zM41.513 53.53c5.644-5.645 13.291-8.74 21.303-8.74c16.568 0 30.042 13.474 30.042 30.043v32.227h20.029c.728-19.3 16.75-34.777 36.233-34.777c5.462 0 10.014-4.551 10.014-10.014c0-5.462-4.552-10.014-10.014-10.014c-13.838 0-26.401 4.916-36.233 13.292v-14.02c2.367-17.662 17.661-31.5 36.05-31.5c9.65 0 18.755 3.824 25.674 10.56c4.005 4.007 10.196 4.007 14.202 0c4.005-4.005 4.005-10.195 0-14.201C178.07 5.827 163.869 0 148.939 0c-24.398 0-45.155 15.477-52.985 37.144c-8.921-7.83-20.392-12.564-33.137-12.564c-13.474 0-26.037 5.28-35.505 14.749c-4.006 4.005-4.006 10.196 0 14.202c4.005 4.005 10.378 4.005 14.202 0z" fill="#818cf8"/></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. AppfogIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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