https://github.com/andre601/octicons-col.vercel.app

Get GitHub's Octicons with different colours and sizes
https://github.com/andre601/octicons-col.vercel.app

octicons svg vercel

Last synced: 8 days ago
JSON representation

Get GitHub's Octicons with different colours and sizes

• Host: GitHub
• URL: https://github.com/andre601/octicons-col.vercel.app
• Owner: Andre601
• License: mit
• Created: 2023-03-28T21:07:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-12T07:02:44.000Z (4 months ago)
• Last Synced: 2024-07-12T08:26:05.232Z (4 months ago)
• Topics: octicons, svg, vercel
• Language: JavaScript
• Homepage: https://octicons.andre601.ch/
• Size: 75.2 KB
• Stars: 1
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Colored Octicon SVGs

[![license-src]][license-href]

[![github-src]][github-href]

Modified version of [simpleicons.vercel.app](https://simpleicons.vercel.app) (More prominently known as simpleicons.now.sh) that allows you to use coloured versions of GitHub's [Octicons](https://primer.style/octicons).

## URL patterns

The following patterns are available for you to use. You may also use https://octicons-col.vercel.app as a fallback should the other domain not work.

- `https://octicons.andre601.ch/:name`

- `https://octicons.andre601.ch/:name/:color`

- `https://octicons.andre601.ch/:name/:color/:size`

### Parameters

- `:name`  

  **Required**  

  Name of the Octicon to use. See the [Icons section](#icons) below for available names.

- `:color`  

  **Optional**  

  Sets the fill color of the Octicon. Only HEX colors (Without the `#`) are supported.

- `:size`  

  **Optional**  

  Sets the size of the SVG in pixels. **The `:color` parameter needs to be set if you want to use this one!**  

  Note that SVGs may look different depending on the used size (thiner/thicker lines).

## Examples

Some examples:

- Black GitHub logo: [`octicons.andre601.ch/mark-github/000`][mark-github-000]

- Check icon with GitHub's `--color-btn-primary-bg` color: [`octicons.andre601.ch/check-circle-fill/238636`][check-circle-fill-238636]

- Git Merge icon with GitHub's `--color-done-fg` color and size 100: [`octicons.andre601.ch/git-merge/a371f7/100`][git-merge-a371f7]

[license-src]: https://img.shields.io/badge/License-MIT-blue?style=for-the-badge

[license-href]: https://github.com/Andre601/octicons-col.vercel.app/blob/master/LICENSE

[github-src]: https://img.shields.io/badge/-Andre601%2Focticons--col.vercel.app-blue?logo=github&labelColor=777&style=for-the-badge

[github-href]: https://github.com/Andre601/octicons-col.vercel.app

[mark-github-000]: https://octicons.andre601.ch/mark-github/000

[check-circle-fill-238636]: https://octicons.andre601.ch/check-circle-fill/238636

[git-merge-a371f7]: https://octicons.andre601.ch/git-merge/a371f7/100