googlearchive / core-icons

core-icons
41 stars 18 forks source link

Social post icons gone #14

Open tigerhawkvok opened 9 years ago

tigerhawkvok commented 9 years ago

So, for example, social:post-github fails to render.

See it on the Polymer Project site:

https://www.polymer-project.org/docs/elements/core-elements.html#core-icon

krossovochkin commented 9 years ago

@tigerhawkvok look at this commit: https://github.com/Polymer/core-icons/commit/6df6097ce42a241d7b16631b8e2d09521aa124aa "Update iconsets. Remove some proprietary icons that were included by accident".

So, you can try to add these icons by yourself at your own risk to social-icons.html

ebidel commented 9 years ago

Also see https://blog.polymer-project.org/releases/2015/01/28/release-0.5.4/

davenotik commented 9 years ago

Had this issue too. Suddenly news was missing as a valid icon. :(

davenotik commented 9 years ago

So this motivated me to try out custom SVG icons. Really cool stuff.

I found a good "news" icon at http://www.flaticon.com/free-icon/news_14711. I downloaded the SVG or just did a view source to get its code, and then I modified it (mostly removing some parameters and crap I didn't need) then used core-iconset-svg as described at https://www.polymer-project.org/docs/elements/icons.html#roll-your-own.

Here's all it took:

    <core-iconset-svg id="custom-icons" iconSize="40">
      <svg>
        <g id="news">
          <path d="M28,10V6H0v22c0,0,0,4,4,4h25c0,0,3-0.062,3-4V10H28z M4,30c-2,0-2-2-2-2V8h24v20c0,0.921,0.284,1.559,0.676,2H4z"/>
          <rect x="4" y="12" width="20" height="2"/>
          <rect x="15" y="24" width="7" height="2"/>
          <rect x="15" y="20" width="9" height="2"/>
          <rect x="15" y="16" width="9" height="2"/>
          <rect x="4" y="16" width="9" height="10"/>
        </g>
      </svg>
    </core-iconset-svg>

I can then refer to "custom-icons:news" in the icon attribute of core-icon or related elements.