Home/Libraries/VSCode Icons (Iconify)/file-type-platformio

VSCode Icons (Iconify)

FileTypePlatformio

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 32 32"><path fill="#818cf8" d="m21.357 8.222l.843-2.937a1.656 1.656 0 0 0 1.539-1.627a1.691 1.691 0 0 0-3.381 0a1.62 1.62 0 0 0 .821 1.4L20.35 7.94a18.6 18.6 0 0 0-4.361-.54l-.37.16v22.321l.37.119c2.23 0 11.987-6.516 12.011-13.509c0-5.01-3.444-7.259-6.643-8.269"/><path fill="#818cf8" d="M19.008 22.6c-1.9-2.94-1.1-9.783 3.873-10.761a3.24 3.24 0 0 1 3.524 2.579c1.241 4.082-6.064 9.795-7.397 8.182"/><path fill="#818cf8" d="M21.992 16.3a1.49 1.49 0 1 0 1.54 1.489a1.517 1.517 0 0 0-1.54-1.489"/><path fill="#818cf8" d="M22.452 17.674a.376.376 0 1 1 .389-.376a.383.383 0 0 1-.389.375Z"/><path fill="#818cf8" d="m11.61 8.008l-.823-2.995a1.62 1.62 0 0 0 .784-1.378a1.691 1.691 0 0 0-3.381 0a1.66 1.66 0 0 0 1.682 1.634l.825 3C7.485 9.3 4 11.558 4 16.491C4.071 23.622 13.759 30 15.989 30V7.4a19 19 0 0 0-4.379.608"/><path fill="#818cf8" d="M13.31 22.6c-1.333 1.616-8.639-4.1-7.4-8.182a3.24 3.24 0 0 1 3.53-2.579c4.972.978 5.776 7.821 3.873 10.764Z"/><path fill="#818cf8" d="M10.23 16.345a1.49 1.49 0 1 0 1.54 1.489a1.517 1.517 0 0 0-1.54-1.489"/><path fill="#818cf8" d="M9.77 17.719a.376.376 0 1 1 .389-.376a.38.38 0 0 1-.388.376Z"/></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. FileTypePlatformioIcon.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.