Runtime Icons
SVG icons for runtime environments and package managers
Python
Deno
UV
Conda
Pixi
A collection of SVG icons for common runtime environments and package managers used in notebook applications.
Icons Included
- PythonIcon - Python programming language
- DenoIcon - Deno JavaScript/TypeScript runtime
- UvIcon - UV Python package manager
- CondaIcon - Conda package and environment manager
- PixiIcon - Pixi package manager (from prefix.dev)
Installation
npx shadcn@latest add @nteract/runtime-iconsNew to @nteract? pnpm dlx shadcn@latest registry add @nteract
Copy from nteract/elements.
Usage
import {
PythonIcon,
DenoIcon,
UvIcon,
CondaIcon,
PixiIcon,
} from "@/components/icons/runtime-icons"
function RuntimeSelector() {
return (
<div className="flex gap-4">
<PythonIcon className="h-8 w-8 text-blue-500" />
<DenoIcon className="h-8 w-8 text-emerald-500" />
<UvIcon className="h-8 w-8 text-fuchsia-500" />
<CondaIcon className="h-8 w-8 text-green-500" />
<PixiIcon className="h-8 w-8 text-yellow-500" />
</div>
)
}Examples
Small Size
Python
Deno
UV
Conda
Pixi
<PythonIcon className="h-6 w-6" />Medium Size
Python
Deno
UV
Conda
Pixi
<PythonIcon className="h-10 w-10" />Large Size
Python
Deno
UV
Conda
Pixi
<PythonIcon className="h-16 w-16" />With Colors
All icons accept a className prop for styling, including colors:
<PythonIcon className="h-8 w-8 text-blue-500" />
<DenoIcon className="h-8 w-8 text-emerald-500" />
<UvIcon className="h-8 w-8 text-fuchsia-500" />
<CondaIcon className="h-8 w-8 text-green-500" />
<PixiIcon className="h-8 w-8 text-yellow-500" />Props
All icons share the same props interface:
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | CSS classes for sizing and styling |
Icon Details
| Icon | Source | Style |
|---|---|---|
PythonIcon | Tabler Icons | Stroke-based |
DenoIcon | Tabler Icons | Stroke-based |
UvIcon | UV branding | Fill-based |
CondaIcon | Conda repository | Fill + stroke |
PixiIcon | prefix.dev | Fill-based |