Skip to content
This repository has been archived by the owner on Aug 31, 2024. It is now read-only.

Commit

Permalink
Added view, vote and weather iconsets
Browse files Browse the repository at this point in the history
  • Loading branch information
klan committed Oct 31, 2017
1 parent d585cfc commit f02976c
Show file tree
Hide file tree
Showing 5 changed files with 286 additions and 2 deletions.
62 changes: 60 additions & 2 deletions demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,10 @@

<style is="custom-style">
demo-snippet {
--demo-snippet-code: {
/* --demo-snippet-code: {
height: 0;
padding: 0;
};
}; */
}
</style>

Expand Down Expand Up @@ -1089,6 +1089,64 @@ <h2>Video</h2>
</template>
</demo-snippet>

<h2>View</h2>
<demo-snippet>
<template>
<iron-icon icon="mdi-view:view-agenda"></iron-icon>
<iron-icon icon="mdi-view:view-array"></iron-icon>
<iron-icon icon="mdi-view:view-carousel"></iron-icon>
<iron-icon icon="mdi-view:view-column"></iron-icon>
<iron-icon icon="mdi-view:view-dashboard"></iron-icon>
<iron-icon icon="mdi-view:view-day"></iron-icon>
<iron-icon icon="mdi-view:view-headline"></iron-icon>
<iron-icon icon="mdi-view:view-list"></iron-icon>
<iron-icon icon="mdi-view:view-module"></iron-icon>
<iron-icon icon="mdi-view:view-quilt"></iron-icon>
<iron-icon icon="mdi-view:view-stream"></iron-icon>
<iron-icon icon="mdi-view:view-week"></iron-icon>
</template>
</demo-snippet>

<h2>Vote</h2>
<demo-snippet>
<template>
<iron-icon icon="mdi-vote:heart"></iron-icon>
<iron-icon icon="mdi-vote:heart-outline"></iron-icon>
<iron-icon icon="mdi-vote:star"></iron-icon>
<iron-icon icon="mdi-vote:star-half"></iron-icon>
<iron-icon icon="mdi-vote:star-outline"></iron-icon>
<iron-icon icon="mdi-vote:thumb-down"></iron-icon>
<iron-icon icon="mdi-vote:thumb-up"></iron-icon>
</template>
</demo-snippet>

<h2>Weather</h2>
<demo-snippet>
<template>
<iron-icon icon="mdi-weather:cloud"></iron-icon>
<iron-icon icon="mdi-weather:temperature-celcius"></iron-icon>
<iron-icon icon="mdi-weather:temperature-fahrenheit"></iron-icon>
<iron-icon icon="mdi-weather:temperature-kelvin"></iron-icon>
<iron-icon icon="mdi-weather:thermometer"></iron-icon>
<iron-icon icon="mdi-weather:thermometer-lines"></iron-icon>
<iron-icon icon="mdi-weather:weather-cloudy"></iron-icon>
<iron-icon icon="mdi-weather:weather-hail"></iron-icon>
<iron-icon icon="mdi-weather:weather-lightning"></iron-icon>
<iron-icon icon="mdi-weather:weather-lightning-rainy"></iron-icon>
<iron-icon icon="mdi-weather:weather-night"></iron-icon>
<iron-icon icon="mdi-weather:weather-partlycloudy"></iron-icon>
<iron-icon icon="mdi-weather:weather-pouring"></iron-icon>
<iron-icon icon="mdi-weather:weather-rainy"></iron-icon>
<iron-icon icon="mdi-weather:weather-snowy"></iron-icon>
<iron-icon icon="mdi-weather:weather-sunny"></iron-icon>
<iron-icon icon="mdi-weather:weather-sunset"></iron-icon>
<iron-icon icon="mdi-weather:weather-sunset-down"></iron-icon>
<iron-icon icon="mdi-weather:weather-sunset-up"></iron-icon>
<iron-icon icon="mdi-weather:weather-windy"></iron-icon>
<iron-icon icon="mdi-weather:weather-windy-variant"></iron-icon>
</template>
</demo-snippet>

</div>

</body>
Expand Down
3 changes: 3 additions & 0 deletions mdi-iconset-svg.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,3 +61,6 @@
<link rel="import" href="mdi-user-iconset-svg.html">
<link rel="import" href="mdi-vector-iconset-svg.html">
<link rel="import" href="mdi-video-iconset-svg.html">
<link rel="import" href="mdi-view-iconset-svg.html">
<link rel="import" href="mdi-vote-iconset-svg.html">
<link rel="import" href="mdi-weather-iconset-svg.html">
69 changes: 69 additions & 0 deletions mdi-view-iconset-svg.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!--
Material design: [Icons](https://material.io/guidelines/style/icons.html)
`mdi-view-iconset-svg` is a iconset for the Material Design Icons collection with the "view" tag
Example:
<iron-icon icon="mdi-view:view-dashboard"></iron-icon>
@pseudoElement mdi-view-iconset-svg
@demo demo/index.html
-->

<link rel="import" href="../iron-icon/iron-icon.html">
<link rel="import" href="../iron-iconset-svg/iron-iconset-svg.html">

<iron-iconset-svg name="mdi-view" size="24">
<svg>

<g id="view-agenda">
<path fill="#000000" d="M20,3H3A1,1 0 0,0 2,4V10A1,1 0 0,0 3,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M20,13H3A1,1 0 0,0 2,14V20A1,1 0 0,0 3,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13Z" />
</g>

<g id="view-array">
<path fill="#000000" d="M8,18H17V5H8M18,5V18H21V5M4,18H7V5H4V18Z" />
</g>

<g id="view-carousel">
<path fill="#000000" d="M18,6V17H22V6M2,17H6V6H2M7,19H17V4H7V19Z" />
</g>

<g id="view-column">
<path fill="#000000" d="M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z" />
</g>

<g id="view-dashboard">
<path fill="#000000" d="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z" />
</g>

<g id="view-day">
<path fill="#000000" d="M2,3V6H21V3M20,8H3A1,1 0 0,0 2,9V15A1,1 0 0,0 3,16H20A1,1 0 0,0 21,15V9A1,1 0 0,0 20,8M2,21H21V18H2V21Z" />
</g>

<g id="view-headline">
<path fill="#000000" d="M4,5V7H21V5M4,11H21V9H4M4,19H21V17H4M4,15H21V13H4V15Z" />
</g>

<g id="view-list">
<path fill="#000000" d="M9,5V9H21V5M9,19H21V15H9M9,14H21V10H9M4,9H8V5H4M4,19H8V15H4M4,14H8V10H4V14Z" />
</g>

<g id="view-module">
<path fill="#000000" d="M16,5V11H21V5M10,11H15V5H10M16,18H21V12H16M10,18H15V12H10M4,18H9V12H4M4,11H9V5H4V11Z" />
</g>

<g id="view-quilt">
<path fill="#000000" d="M10,5V11H21V5M16,18H21V12H16M4,18H9V5H4M10,18H15V12H10V18Z" />
</g>

<g id="view-stream">
<path fill="#000000" d="M4,5V11H21V5M4,18H21V12H4V18Z" />
</g>

<g id="view-week">
<path fill="#000000" d="M13,5H10A1,1 0 0,0 9,6V18A1,1 0 0,0 10,19H13A1,1 0 0,0 14,18V6A1,1 0 0,0 13,5M20,5H17A1,1 0 0,0 16,6V18A1,1 0 0,0 17,19H20A1,1 0 0,0 21,18V6A1,1 0 0,0 20,5M6,5H3A1,1 0 0,0 2,6V18A1,1 0 0,0 3,19H6A1,1 0 0,0 7,18V6A1,1 0 0,0 6,5Z" />
</g>

</svg>
</iron-iconset-svg>
49 changes: 49 additions & 0 deletions mdi-vote-iconset-svg.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!--
Material design: [Icons](https://material.io/guidelines/style/icons.html)
`mdi-vote-iconset-svg` is a iconset for the Material Design Icons collection with the "vote" tag
Example:
<iron-icon icon="mdi-vote:thumb-up"></iron-icon>
@pseudoElement mdi-vote-iconset-svg
@demo demo/index.html
-->

<link rel="import" href="../iron-icon/iron-icon.html">
<link rel="import" href="../iron-iconset-svg/iron-iconset-svg.html">

<iron-iconset-svg name="mdi-vote" size="24">
<svg>

<g id="heart">
<path fill="#000000" d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z" />
</g>

<g id="heart-outline">
<path fill="#000000" d="M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z" />
</g>

<g id="star">
<path fill="#000000" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" />
</g>

<g id="star-half">
<path fill="#000000" d="M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" />
</g>

<g id="star-outline">
<path fill="#000000" d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" />
</g>

<g id="thumb-down">
<path fill="#000000" d="M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V13.91L1,14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z" />
</g>

<g id="thumb-up">
<path fill="#000000" d="M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10.08L23,10M1,21H5V9H1V21Z" />
</g>

</svg>
</iron-iconset-svg>
Loading

0 comments on commit f02976c

Please sign in to comment.