Custom icons with Iron Iconsets
Stay organized with collections
Save and categorize content based on your preferences.
Today we’re traveling back in time to update one of our old episodes. The iron-iconset-svg element lets you build your own custom icon sets which can be SUPER important if you want to make sure your site is as small and performant as possible.
Read More
Demo source
https://github.com/Polymer/polycasts/tree/master/ep22-update-iron-iconset-svg/app
iron-iconset-svg docs
https://elements.polymer-project.org/elements/iron-iconset-svg
Behaviors -- Polycasts #21
https://www.youtube.com/watch?v=YrlmieL3Z0k&index=1&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN
Iron Icons -- Polycasts #20
https://www.youtube.com/watch?v=6kkNgVG6LuI&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1
Go Offline -- Polycasts #19
https://www.youtube.com/watch?v=BucGrYACJdQ&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-08-06 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-08-06 UTC."],[[["This episode revisits the `iron-iconset-svg` element, enabling developers to create custom icon sets for improved website performance and reduced size."],["Using `iron-iconset-svg` can significantly enhance a website's performance by optimizing icon delivery."],["Custom icon sets provide developers with greater control over the visual style and branding of their website's icons."]]],["The content focuses on using the `iron-iconset-svg` element to create custom icon sets. This process is highlighted as crucial for optimizing website size and performance. Resources are provided, including a demo source code link on GitHub, documentation for `iron-iconset-svg`, and links to related Polycasts episodes on behaviors, and Iron Icons. Additional information includes a link to a Polymer Slack channel.\n"]]
