Octicons

参考:

Octicons [Official]

Style Guide

参考:

Octicons – GitHub Style Guide · Primer / Components

octicons_node

$ yarn add @primer/octicons

参考:

octicons/lib/octicons_node at master · primer/octicons – GitHub

@primer/octicons – npm

octicons_helper

Gemfile で gem を追加して、bundle install を実行する。

gem "octicons_helper"

ビューからヘルパーを呼び出す。

<%= octicon "x", width: 18 %>

参考:

octicons/lib/octicons_helper at master · primer/octicons – GitHub

SVG アイコンに CSS で色を付ける

.octicon-x {
  fill: red;
}

参考:

素の HTML での Octicons の使い方 – Qiita

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です