{"library":"platformicons","title":"Platformicons","description":"Platformicons provides a comprehensive set of web platform and framework logos, designed and maintained by the team behind Sentry.io. This library offers icons as both a React component (`PlatformIcon`) and raw SVG files, catering to various project setups. The current stable version is 9.3.0, with a release cadence that includes regular updates for new features (like adding new framework icons) and bug fixes. Key differentiators include its dual support for modern ESM and CommonJS module systems, a flexible React component with props for sizing, formatting ('sm' for compact, 'lg' for detailed), border radius, and optional language badges. It also includes a `preloadIcons` utility to prevent render jank and exposes a `platforms` array for runtime access to supported keys. Icons follow a consistent `language-framework` naming convention with intelligent fallbacks. For non-React users, direct access to organized SVG files is provided. The package is actively maintained, receiving frequent updates to expand its icon set and address issues.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install platformicons"],"cli":null},"imports":["import { PlatformIcon } from 'platformicons';","import { platforms } from 'platformicons';","import { preloadIcons } from 'platformicons';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { PlatformIcon, preloadIcons } from 'platformicons';\n\n// Preload all icons to avoid render jank on initial load\npreloadIcons('sm');\n\nfunction App() {\n  return (\n    <div style={{ fontFamily: 'sans-serif', padding: '20px' }}>\n      <h1>Platform Icons Demo</h1>\n      <p>Render a React icon with custom size and radius:</p>\n      <PlatformIcon platform=\"javascript-react\" size={48} radius={8} />\n      <p>Render a Python Django icon with a language badge:</p>\n      <PlatformIcon platform=\"python-django\" size={40} withLanguageIcon={true} languageIconStyles={{ borderRadius: '2px' }} />\n      <p>Render a Go Echo icon in 'lg' format:</p>\n      <PlatformIcon platform=\"go-echo\" size={60} format=\"lg\" />\n    </div>\n  );\n}\n\nconst root = ReactDOM.createRoot(document.getElementById('root') ?? document.createElement('div'));\nroot.render(<React.StrictMode><App /></React.StrictMode>);\n","lang":"typescript","description":"Demonstrates installation, preloading icons, and rendering multiple PlatformIcon components with various props for customization.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}