Creative Commons Symbols @font-face CSS

cc.css

@font-face {
  font-family: "Creative Commons Symbols";
  src: url(font_path("CreativeCommonsSymbols.woff2")) format("woff2"),
    url(font_path("CreativeCommonsSymbols.woff")) format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+1F10D-1F10F, U+1F16D-1F16F;
}

i {
  font-family: "Creative Commons Symbols";
  font-style: normal;
}

cc.html

<i title="Creative Commons">&#x1F16D;</i>
<i title="Attribution">&#x1F16F;</i>
<i title="Non-Commercial">&#x1F10F;</i>

Get the font files here: https://github.com/NSHipster/nshipster.com/blob/master/assets/fonts/CreativeCommonsSymbols.woff2