Icons
Dev Icons
Development and technology brand icons including GitHub, Tailwind CSS, App Store, and Google Play
Loading...
pnpm dlx @sikka/naseem add dev-iconsnpx @sikka/naseem add dev-iconsyarn dlx @sikka/naseem add dev-iconsbunx --bun @sikka/naseem add dev-iconsUsage
Import dev icons from the dev-icons barrel:
import { GitHub, Tailwind, AppStore, GooglePlay } from "@/components/naseem-ui/icons/dev-icons"
export default function Example() {
return (
<div className="flex gap-4">
<GitHub className="h-8 w-8" />
<Microsoft className="h-8 w-8" />
<AppStore className="h-8 w-8" />
<GooglePlay className="h-8 w-8" />
</div>
)
}Available Dev Icons
| Icon | Component | Import |
|---|---|---|
| GitHub | GitHub | @/components/naseem-ui/icons/dev-icons |
| Tailwind CSS | Tailwind | @/components/naseem-ui/icons/dev-icons |
| App Store | AppStore | @/components/naseem-ui/icons/dev-icons |
| Google Play | GooglePlay | @/components/naseem-ui/icons/dev-icons |
Props
All icon components accept standard SVG props:
| Prop | Type | Description |
|---|---|---|
className | string | CSS classes for styling (size, color, etc.) |
style | React.CSSProperties | Inline styles |
File Structure
components/naseem-ui/icons/
├── dev-icons.tsx # Dev icons barrel (GitHub, Tailwind, App Store, Google Play)
├── github.tsx # Re-exports from dev-icons
├── app-store.tsx # Re-exports from dev-icons
├── google-play.tsx # Re-exports from dev-icons