Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New icons: H1-H6 #216

Merged
merged 3 commits into from
Jun 9, 2017
Merged

New icons: H1-H6 #216

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
95754db
New icons: H1-H6
iamthomasbishop Jun 7, 2017
65c6b05
Update numbers to be equal height
iamthomasbishop Jun 7, 2017
fe6126f
New icons: H1-H2-H3-H4-H5-H6
folletto Jun 9, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/gridicons.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -511,6 +511,42 @@ <h1>Gridicons</h1>
</svg>
<p>gridicons-grid</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h1">
<use xlink:href="gridicons.svg#gridicons-heading-h1" />
</svg>
<p>gridicons-heading-h1</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h2">
<use xlink:href="gridicons.svg#gridicons-heading-h2" />
</svg>
<p>gridicons-heading-h2</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h3">
<use xlink:href="gridicons.svg#gridicons-heading-h3" />
</svg>
<p>gridicons-heading-h3</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h4">
<use xlink:href="gridicons.svg#gridicons-heading-h4" />
</svg>
<p>gridicons-heading-h4</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h5">
<use xlink:href="gridicons.svg#gridicons-heading-h5" />
</svg>
<p>gridicons-heading-h5</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h6">
<use xlink:href="gridicons.svg#gridicons-heading-h6" />
</svg>
<p>gridicons-heading-h6</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading">
<use xlink:href="gridicons.svg#gridicons-heading" />
Expand Down
83,339 changes: 42,763 additions & 40,576 deletions gridicons.ai
View file
Open in desktop

Large diffs are not rendered by default.

18 changes: 18 additions & 0 deletions php/gridicons.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -235,6 +235,24 @@ function get_gridicon( $gridicon ) {
case 'gridicons-grid':
$svg = '<svg class="gridicon gridicons-grid" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M8 8H4V4h4v4zm6-4h-4v4h4V4zm6 0h-4v4h4V4zM8 10H4v4h4v-4zm6 0h-4v4h4v-4zm6 0h-4v4h4v-4zM8 16H4v4h4v-4zm6 0h-4v4h4v-4zm6 0h-4v4h4v-4z"/></g></svg>';
break;
case 'gridicons-heading-h1':
$svg = '<svg class="gridicon gridicons-heading-h1" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M11 7h2v10h-2v-4H7v4H5V7h2v4h4V7zm6.57 0c-.594.95-1.504 1.658-2.57 2v1h2v7h2V7h-1.43z"/></g></svg>';
break;
case 'gridicons-heading-h2':
$svg = '<svg class="gridicon gridicons-heading-h2" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M9 7h2v10H9v-4H5v4H3V7h2v4h4V7zm8 8c.51-.41.6-.62 1.06-1.05.437-.4.848-.828 1.23-1.28.334-.39.62-.82.85-1.28.2-.39.305-.822.31-1.26.005-.44-.087-.878-.27-1.28-.177-.385-.437-.726-.76-1-.346-.283-.743-.497-1.17-.63-.485-.153-.99-.227-1.5-.22-.36 0-.717.033-1.07.1-.343.06-.678.158-1 .29-.304.13-.593.295-.86.49-.287.21-.56.437-.82.68l1.24 1.22c.308-.268.643-.502 1-.7.35-.2.747-.304 1.15-.3.455-.03.906.106 1.27.38.31.278.477.684.45 1.1-.014.396-.14.78-.36 1.11-.285.453-.62.872-1 1.25-.44.43-.98.92-1.59 1.43-.61.51-1.41 1.06-2.16 1.65V17h8v-2h-4z"/></g></svg>';
break;
case 'gridicons-heading-h3':
$svg = '<svg class="gridicon gridicons-heading-h3" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M14.11 14.218c.355.287.75.523 1.17.7.434.18.9.273 1.37.27.484.017.965-.086 1.4-.3.333-.146.55-.476.55-.84.003-.203-.05-.403-.15-.58-.123-.19-.3-.34-.51-.43-.32-.137-.655-.228-1-.27-.503-.073-1.012-.106-1.52-.1v-1.57c.742.052 1.485-.07 2.17-.36.37-.164.615-.525.63-.93.026-.318-.12-.627-.38-.81-.34-.203-.734-.3-1.13-.28-.395.013-.784.108-1.14.28-.375.167-.73.375-1.06.62l-1.22-1.39c.5-.377 1.053-.68 1.64-.9.608-.224 1.252-.336 1.9-.33.525-.007 1.05.05 1.56.17.43.1.84.277 1.21.52.325.21.595.495.79.83.19.342.287.73.28 1.12.01.48-.177.943-.52 1.28-.417.39-.916.685-1.46.86v.06c.61.14 1.175.425 1.65.83.437.382.68.94.66 1.52.005.42-.113.835-.34 1.19-.23.357-.538.657-.9.88-.408.253-.853.44-1.32.55-.514.128-1.04.192-1.57.19-.786.02-1.57-.106-2.31-.37-.59-.214-1.126-.556-1.57-1l1.12-1.41zM9 11H5V7H3v10h2v-4h4v4h2V7H9v4z"/></g></svg>';
break;
case 'gridicons-heading-h4':
$svg = '<svg class="gridicon gridicons-heading-h4" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M11 17H9v-4H5v4H3V7h2v4h4V7h2v10zm10-2h-1v2h-2v-2h-5v-2l4.05-6H20v6h1v2zm-3-2V9l-2.79 4H18z"/></g></svg>';
break;
case 'gridicons-heading-h5':
$svg = '<svg class="gridicon gridicons-heading-h5" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M14.09 14.19c.352.27.73.5 1.13.69.42.196.877.296 1.34.29.51.014 1.01-.125 1.44-.4.378-.253.594-.686.57-1.14.02-.45-.197-.877-.57-1.13-.406-.274-.89-.41-1.38-.39h-.47c-.135.014-.27.04-.4.08l-.41.15-.48.23-1.02-.57.28-5h6.4v1.92h-4.31L16 10.76c.222-.077.45-.138.68-.18.235-.037.472-.054.71-.05.463-.004.924.057 1.37.18.41.115.798.305 1.14.56.33.248.597.57.78.94.212.422.322.888.32 1.36.007.497-.11.99-.34 1.43-.224.417-.534.782-.91 1.07-.393.3-.837.527-1.31.67-.497.164-1.016.252-1.54.26-.788.023-1.573-.11-2.31-.39-.584-.238-1.122-.577-1.59-1l1.09-1.42zM11 17H9v-4H5v4H3V7h2v4h4V7h2v10z"/></g></svg>';
break;
case 'gridicons-heading-h6':
$svg = '<svg class="gridicon gridicons-heading-h6" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M11 17H9v-4H5v4H3V7h2v4h4V7h2v10zm8.58-7.508c-.248-.204-.524-.37-.82-.49-.625-.242-1.317-.242-1.94 0-.3.11-.566.287-.78.52-.245.27-.432.586-.55.93-.16.46-.243.943-.25 1.43.367-.33.79-.59 1.25-.77.405-.17.84-.262 1.28-.27.415-.006.83.048 1.23.16.364.118.704.304 1 .55.295.253.528.57.68.93.193.403.302.843.32 1.29.01.468-.094.93-.3 1.35-.206.387-.49.727-.83 1-.357.287-.764.504-1.2.64-.98.31-2.033.293-3-.05-.507-.182-.968-.472-1.35-.85-.437-.416-.778-.92-1-1.48-.243-.693-.352-1.426-.32-2.16-.02-.797.11-1.59.38-2.34.215-.604.556-1.156 1-1.62.406-.416.897-.74 1.44-.95.54-.21 1.118-.314 1.7-.31.682-.02 1.36.096 2 .34.5.19.962.464 1.37.81l-1.31 1.34zm-2.39 5.84c.202 0 .405-.03.6-.09.183-.046.356-.128.51-.24.15-.136.27-.303.35-.49.092-.225.136-.467.13-.71.037-.405-.123-.804-.43-1.07-.328-.23-.72-.347-1.12-.33-.346-.002-.687.07-1 .21-.383.17-.724.418-1 .73.046.346.143.683.29 1 .108.23.257.44.44.62.152.15.337.26.54.33.225.055.46.068.69.04z"/></g></svg>';
break;
case 'gridicons-heading':
$svg = '<svg class="gridicon gridicons-heading" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M18 20h-3v-6H9v6H6V5.01h3V11h6V5.01h3V20z"/></g></svg>';
break;
Expand Down
1 change: 1 addition & 0 deletions svg-min/gridicons-heading-h1.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions svg-min/gridicons-heading-h2.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions svg-min/gridicons-heading-h3.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions svg-min/gridicons-heading-h4.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions svg-min/gridicons-heading-h5.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions svg-min/gridicons-heading-h6.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion svg-sprite/gridicons.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions svg-sprite/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -511,6 +511,42 @@ <h1>Gridicons</h1>
</svg>
<p>gridicons-grid</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h1">
<use xlink:href="gridicons.svg#gridicons-heading-h1" />
</svg>
<p>gridicons-heading-h1</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h2">
<use xlink:href="gridicons.svg#gridicons-heading-h2" />
</svg>
<p>gridicons-heading-h2</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h3">
<use xlink:href="gridicons.svg#gridicons-heading-h3" />
</svg>
<p>gridicons-heading-h3</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h4">
<use xlink:href="gridicons.svg#gridicons-heading-h4" />
</svg>
<p>gridicons-heading-h4</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h5">
<use xlink:href="gridicons.svg#gridicons-heading-h5" />
</svg>
<p>gridicons-heading-h5</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading-h6">
<use xlink:href="gridicons.svg#gridicons-heading-h6" />
</svg>
<p>gridicons-heading-h6</p>
</div>
<div>
<svg width="24" height="24" class="gridicon gridicons-heading">
<use xlink:href="gridicons.svg#gridicons-heading" />
Expand Down
10 changes: 10 additions & 0 deletions svg/gridicons-heading-h1.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions svg/gridicons-heading-h2.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 20 additions & 0 deletions svg/gridicons-heading-h3.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions svg/gridicons-heading-h4.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions svg/gridicons-heading-h5.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 22 additions & 0 deletions svg/gridicons-heading-h6.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.