skill-icons — вопросы и ответы

Question 1

Что это такое?

Accepted Answer

skill-icons — это бесплатный размещённый сервис, который генерирует ряд SVG-иконок для языков программирования, фреймворков и инструментов, которыми вы пользуетесь, чтобы их можно было встроить в ваш README на GitHub или в резюме.

Question 2

Это инструмент, который нужно установить, или просто изображение для встраивания?

Accepted Answer

Это просто изображение: в README вы добавляете markdown-тег изображения, который ссылается на размещённую SVG-конечную точку. Ничего устанавливать или запускать локально не нужно.

Question 3

Как добавить иконки в мой README?

Accepted Answer

Скопируйте предоставленный блок кода markdown в свой README и измените параметр запроса `?i=js,html,css` на список ID иконок навыков, которые хотите показать, перечисленных через запятую.

Question 4

Как управлять тем, какие иконки показываются и в каком порядке?

Accepted Answer

Перечислите ID иконок через запятую в параметре `i` (например, `?i=js,html,css`). Они отображаются слева направо в том порядке, в котором вы их указали.

Question 5

Сколько иконок доступно?

Accepted Answer

В README есть таблица из нескольких сотен поддерживаемых ID иконок, от 'ableton' до 'zig', охватывающая языки, фреймворки, облачные платформы, редакторы и многое другое.

Question 6

Можно ли выровнять иконки по центру в README?

Accepted Answer

Да. Поскольку результат — обычное SVG-изображение, его можно выровнять по центру так же, как любое другое изображение в markdown.

Question 7

Какие технологии работают за кулисами?

Accepted Answer

Иконки отдаются динамически через Cloudflare Worker, так что вам не нужно разворачивать или поддерживать никакой сервер.

skill-icons README

Showcase your skills on your GitHub or resumé with ease!

Powered by Cloudflare Workers ⚡

NOTE: To keep icons consistent and to ensure browser support, we don't accept pull requests for icon submissions. If you would like an icon added, please open an issue.

Docs

Example

Specifying Icons

Themed Icons

Icons Per Line

Centering Icons

Icons List

💖 Support the Project

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`