Skip to content

Commit

Permalink
update icons for new/removed icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@runnabro
runnabro committed Jan 12, 2016
1 parent 7ebab3f commit 5fae0ac
Show file tree
Hide file tree
Showing 3 changed files with 254 additions and 51 deletions.
149 changes: 127 additions & 22 deletions src/html/icons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ <h2 class="h2">Usage</h2>
&lt;use xlink:href="#icons-{{iconName}}"&gt;
&lt;/svg&gt;</pre>

<h2 class="h2">Outlined</h2>
<h2 class="h2">Single Color</h2>

<p class="p">Icons that are made of a stroke or fill can be styled by changing the color. Try hovering or tapping on the icons below.</p>

Expand Down Expand Up @@ -43,6 +43,27 @@ <h2 class="h2">Outlined</h2>
<figcaption class="figcaption">arrow-down</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-alert">
</svg>
<figcaption class="figcaption">alert</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-alert-alt">
</svg>
<figcaption class="figcaption">alert-alt</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-alert-round">
</svg>
<figcaption class="figcaption">alert-round</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-check">
Expand All @@ -59,9 +80,9 @@ <h2 class="h2">Outlined</h2>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-disclose">
<use xlink:href="#icons-cog">
</svg>
<figcaption class="figcaption">disclose</figcaption>
<figcaption class="figcaption">cog</figcaption>
</figure>

<figure class="figure icon-outline">
Expand All @@ -85,6 +106,13 @@ <h2 class="h2">Outlined</h2>
<figcaption class="figcaption">help</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-hide">
</svg>
<figcaption class="figcaption">hide</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-link-external">
Expand All @@ -99,6 +127,27 @@ <h2 class="h2">Outlined</h2>
<figcaption class="figcaption">minimize</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-notification">
</svg>
<figcaption class="figcaption">notification</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-redirect">
</svg>
<figcaption class="figcaption">redirect</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-restart">
</svg>
<figcaption class="figcaption">restart</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-search">
Expand Down Expand Up @@ -134,13 +183,6 @@ <h2 class="h2">Outlined</h2>
<figcaption class="figcaption">trash</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-warning">
</svg>
<figcaption class="figcaption">warning</figcaption>
</figure>

<h2 class="h2">Full Color</h2>

<figure class="figure">
Expand All @@ -152,23 +194,23 @@ <h2 class="h2">Full Color</h2>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-build-logs">
<use xlink:href="#icons-billing">
</svg>
<figcaption class="figcaption">build-logs</figcaption>
<figcaption class="figcaption">billing</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-cmd-logs">
<use xlink:href="#icons-build-logs">
</svg>
<figcaption class="figcaption">cmd-logs</figcaption>
<figcaption class="figcaption">build-logs</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-container-files">
<use xlink:href="#icons-cmd-logs">
</svg>
<figcaption class="figcaption">container-files</figcaption>
<figcaption class="figcaption">cmd-logs</figcaption>
</figure>

<figure class="figure">
Expand All @@ -192,6 +234,27 @@ <h2 class="h2">Full Color</h2>
<figcaption class="figcaption">environment-variable</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-isolation">
</svg>
<figcaption class="figcaption">isolation</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-isolation-disable">
</svg>
<figcaption class="figcaption">isolation-disable</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-isolation-enable">
</svg>
<figcaption class="figcaption">isolation-enable</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-lock">
Expand All @@ -206,6 +269,13 @@ <h2 class="h2">Full Color</h2>
<figcaption class="figcaption">log</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-packages">
</svg>
<figcaption class="figcaption">packages</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-ports">
Expand Down Expand Up @@ -248,6 +318,20 @@ <h2 class="h2">Full Color</h2>
<figcaption class="figcaption">start-cmd</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-team">
</svg>
<figcaption class="figcaption">team</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-team-invite">
</svg>
<figcaption class="figcaption">team-invite</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-translation">
Expand All @@ -262,6 +346,13 @@ <h2 class="h2">Full Color</h2>
<figcaption class="figcaption">unlock</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-visa">
</svg>
<figcaption class="figcaption">visa</figcaption>
</figure>

<h2 class="h2">Files & Folders</h2>

<figure class="figure">
Expand Down Expand Up @@ -378,6 +469,13 @@ <h2 class="h2">Octicons Based</h2>
<figcaption class="figcaption">branch</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables icon-outline">
<use xlink:href="#icons-branch-alt">
</svg>
<figcaption class="figcaption">branch-alt</figcaption>
</figure>

<figure class="figure">
<svg class="iconnables">
<use xlink:href="#icons-commit">
Expand All @@ -387,23 +485,23 @@ <h2 class="h2">Octicons Based</h2>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-fork">
<use xlink:href="#icons-commit-alt">
</svg>
<figcaption class="figcaption">fork</figcaption>
<figcaption class="figcaption">commit-alt</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-git">
<use xlink:href="#icons-fork">
</svg>
<figcaption class="figcaption">git</figcaption>
<figcaption class="figcaption">fork</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-octocat">
<use xlink:href="#icons-github">
</svg>
<figcaption class="figcaption">octocat</figcaption>
<figcaption class="figcaption">github</figcaption>
</figure>

<figure class="figure icon-outline">
Expand All @@ -412,4 +510,11 @@ <h2 class="h2">Octicons Based</h2>
</svg>
<figcaption class="figcaption">pull-request</figcaption>
</figure>

<figure class="figure icon-outline">
<svg class="iconnables">
<use xlink:href="#icons-repository-alt">
</svg>
<figcaption class="figcaption">repository-alt</figcaption>
</figure>
</section>
Loading

0 comments on commit 5fae0ac

Please sign in to comment.