@nimr0d/react-skill-icons-vite
v1.0.17
Published
React components for skillicons.dev by tandpfun
Maintainers
nimr0dReadme
Installation
Install with npm
npm install @nimr0d/react-skill-iconsInstall with yarn
yarn add @nimr0d/react-skill-iconsInstall with pnpm
pnpm install @nimr0d/react-skill-iconsInstall with bun
bun add @nimr0d/react-skill-iconsUsage
import { HTML, JavaScript } from '@nimr0d/react-skill-icons-vite';
import { FC } from 'react';
const SkillsList: FC = () => {
return (
<div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5">
<JavaScript className="h-12 w-12" />
<HTML className="h-12 w-12" />
</div>
);
};
export default SkillsList;Available Icons
To see all icons and their names, visit skillicons.dev.
Credits
- Original SVG icons by tandpfun/skill-icons
- React conversion and packaging by nimr0d
Icons List
Here's a list of all the icons currently supported. Feel free to open an issue to suggest icons to add!
| Icon ID | Icon |
| :----------------: | :---------------------------------------------------: |
| ableton | |
| activitypub | |
| actix | |
| adonis | |
| ae | |
| aiscript | |
| alpinejs | |
| anaconda | |
| androidstudio | |
| angular | |
| ansible | |
| apollo | |
| apple | |
| appwrite | |
| arch | |
| arduino | |
| astro | |
| atom | |
| au | |
| autocad | |
| aws | |
| azul | |
| azure | |
| babel | |
| bash | |
| bevy | |
| bitbucket | |
| blender | |
| bootstrap | |
| bsd | |
| bun | |
| c | |
| cs | |
| cpp | |
| crystal | |
| cassandra | |
| clion | |
| clojure | |
| cloudflare | |
| cmake | |
| codepen | |
| coffeescript | |
| css | |
| cypress | |
| d3 | |
| dart | |
| debian | |
| deno | |
| devto | |
| discord | |
| bots | |
| discordjs | |
| django | |
| docker | |
| dotnet | |
| dynamodb | |
| eclipse | |
| elasticsearch | |
| electron | |
| elixir | |
| elysia | |
| emacs | |
| ember | |
| emotion | |
| express | |
| fastapi | |
| fediverse | |
| figma | |
| firebase | |
| flask | |
| flutter | |
| forth | |
| fortran | |
| gamemakerstudio | |
| gatsby | |
| gcp | |
| git | |
| github | |
| githubactions | |
| gitlab | |
| gmail | |
| gherkin | |
| go | |
| gradle | |
| godot | |
| grafana | |
| graphql | |
| gtk | |
| gulp | |
| haskell | |
| haxe | |
| haxeflixel | |
| heroku | |
| hibernate | |
| html | |
| htmx | |
| idea | |
| ai | |
| instagram | |
| ipfs | |
| java | |
| js | |
| jenkins | |
| jest | |
| jquery | |
| kafka | |
| kali | |
| kotlin | |
| ktor | |
| kubernetes | |
| laravel | |
| latex | |
| less | |
| linkedin | |
| linux | |
| lit | |
| lua | |
| md | |
| mastodon | |
| materialui | |
| matlab | |
| maven | |
| mint | |
| misskey | |
| mongodb | |
| mysql | |
| neovim | |
| nestjs | |
| netlify | |
| nextjs | |
| nginx | |
| nim | |
| nix | |
| nodejs | |
| notion | |
| npm | |
| nuxtjs | |
| obsidian | |
| ocaml | |
| octave | |
| opencv | |
| openshift | |
| openstack | |
| p5js | |
| perl | |
| ps | |
| php | |
| phpstorm | |
| pinia | |
| pkl | |
| plan9 | |
| planetscale | |
| pnpm | |
| postgres | |
| postman | |
| powershell | |
| pr | |
| prisma | |
| processing | |
| prometheus | |
| pug | |
| pycharm | |
| py | |
| pytorch | |
| qt | |
| r | |
| rabbitmq | |
| rails | |
| raspberrypi | |
| react | |
| reactivex | |
| redhat | |
| redis | |
| redux | |
| regex | |
| remix | |
| replit | |
| rider | |
| robloxstudio | |
| rocket | |
| rollupjs | |
| ros | |
| ruby | |
| rust | |
| sass | |
| spring | |
| sqlite | |
| stackoverflow | |
| styledcomponents | |
| sublime | |
| supabase | |
| scala | |
| sklearn | |
| selenium | |
| sentry | |
| sequelize | |
| sketchup | |
| solidity | |
| solidjs | |
| svelte | |
| svg | |
| swift | |
| symfony | |
| tailwind | |
| tauri | |
| tensorflow | |
| terraform | |
| threejs | |
| twitter | |
| ts | |
| ubuntu | |
| unity | |
| unreal | |
| v | |
| vala | |
| vercel | |
| vim | |
| visualstudio | |
| vite | |
| vitest | |
| vscode | |
| vscodium | |
| vue | |
| vuetify | |
| wasm | |
| webflow | |
| webpack | |
| webstorm | |
| windicss | |
| windows | |
| wordpress | |
| workers | |
| xd | |
| yarn | |
| yew | |
| zig | |
Props
className: Apply custom properties supported by SVGSVGElement type.
<GithubDark className="icon" />Credits
Authors of skillicons.dev and react-skillicons All credits go to them
Changes
I make some improvements like pull the icons from the original source github:tandpfun/skill-icons and then generate automatically all the components to avoid import svg files.
Feel free to fork this repo to generate more svg packages.