Stack Overflow
Stack Overflow

Questions tagged [octicons]

Font based icons supported by Github

Font based icons similar to

  • Glyphicons
  • Font Awesome
  • Elusive-Icons

Source:

https://octicons.github.com/

22 questions
17
votes
4 answers

Creating a cross browser icon webfont

I have been making my own webfont taking as a starting point articles from web designer depot and intridea. I know different engines render fonts differently and but the issue I'm having is that firefox renders the font higher than chrome - at the…
user623520
8
votes
3 answers

How to use Octicon with angular 2

I was creating an app using angular 2, bootstrap 4 and I found out that glyphicons were dropped, so I have decided to use Octicon as suggested, I did npm install --save octicons After that I didn't under stand a thing. I thought i have to include…
Dinkar Thakur
  • 3,025
  • 5
  • 23
  • 35
4
votes
1 answer

Icon Fonts in Shadow DOM

Is there a recommended way to let Icon Fonts (eq. FontAwesome/Octicons) bleed into the Shadow DOM? At the moment, when I want to use an icon in a custom element's Shadow DOM I have to include parts of the ociticons.css file inline in the Shadow…
sluijs
  • 4,146
  • 4
  • 30
  • 36
4
votes
1 answer

Why is the github logo implemented with HTML as a font?

Can anyone explain how the small octocat logo in the top left corner or on the bottom center of the page is implemented and why? All I can see is this markup: and this…
Oin
  • 6,951
  • 2
  • 31
  • 55
2
votes
1 answer

How to use octicons in Elm or how to parse svg from string?

So I'd like to use githubs octicons in Elm as svg nodes. Although I'm not sure that this is a good idea but I figured here is one way I could do it: I could do pass the svg tags as string with flags to an Elm app calling: const octicons =…
Jukka Puranen
  • 8,026
  • 6
  • 27
  • 25
2
votes
2 answers

CSS image content: '\f035';

I was just looking through the source of github.com's page and I saw them use some code for their add to clipboard button icon .octicon-clippy:before { content: '\f035'; } How can this create an icon without a path to an image?
frazras
  • 5,928
  • 4
  • 30
  • 40
2
votes
1 answer

How to include UTF-8 data: URIs (for SVGs), in LESS?

Reasoning I'm bundling small minified SVGs (icons) with my CSS via LESS's data-uri method, to reduce HTTP requests similar to the purpose of icon fonts such as Octicons or Ye Olde CSS Sprites. However, LESS encodes them in Base64. This is…
Camilo Martin
  • 37,236
  • 20
  • 111
  • 154
1
vote
1 answer

Usage of GitHub Primer React Components with Octions

From the next example (provided by the documentation): I get this error: Type 'FunctionComponent<{}> & { size: [16, 16]; }'…
Albert
  • 56
  • 7
1
vote
2 answers

Font files are blocked by CORS policy

I want to build a server accelerated by a CDN provider, which serves static files for my other websites. I decide to use https://www.funfun.org.cn, then for example https://www.funfun.org.cn/libs/font-awesome.min.css and…
SoftTimur
  • 5,630
  • 38
  • 140
  • 292
1
vote
1 answer

webpack + octicons: how to handle/ignore "main": "readme.md" in package.json

How do you tell webpack to ignore the main property of the package.json when it's invalid/unnecessary? Here's an example: GitHub's octicons package has a readme.md for a main: { "name": "octicons", "version": "3.5.0", "description": "GitHub's…
Jeremy Danyow
  • 26,470
  • 12
  • 87
  • 133
1
vote
1 answer

Xpath get text of nested item not working but css does

I'm making a crawler with Scrapy and wondering why my xpath doesn't work when my CSS selector does? I want to get the number of commits from this html:
  • S..
    • 5,511
    • 2
    • 36
    • 43
    • 1
    vote
    3 answers

    How to get text from 'ul' tag?

    I'm using Java Jsoup to get some details.
    1
    vote
    1 answer

    Octicons in Android

    Is there some kind of icon set that can be used in Android that contains icons similar to the GitHub Icons. For example, the events push, pull, fork, merge, comment ... Or is this something that is only possible in a browser? I was looking to use…
    Etienne Lawlor
    • 6,817
    • 18
    • 77
    • 89
    1
    vote
    1 answer

    Incorrect sizing for the icon-font build with Glyphs and exported with FontSquirrel

    The resulting icon is oversized, even with font-size set to 16px, it looks like 32px or even more. I used the [Octicons][2] approach to build the icons, so Glyphs setup looks as follows: Units per Em is 2048 Metrics is exactly like Octicons Glyph…
    vadirn
    • 1,715
    • 4
    • 15
    • 16
    0
    votes
    0 answers

    My octicon appears on top of field instead of beside it

    I wish to add to the html file (next to an item in the form i.e. the first name):
    {% from "_formhelpers.html" import render_field %}
    …
    khushi
    • 365
    • 1
    • 4
    • 17
    1
    2