用于授权的最佳材料图标

时间：2016-06-04 17:33:51

标签： authorization google-material-icons

您好我正在使用材料图标和聚合物。我想使用某些图标来显示操作，即登录，注册和注销。我很困惑使用哪些图标。这里有什么帮助吗？

1 个答案:

答案 0 :(得分：2)

从iron-icons中的图标集中，以下内容可能适合您的用例：

登录

enter image description here enter image description here enter image description here

注销

enter image description here

注册

enter image description here enter image description here enter image description here

用法

  1. 从iron-icons list。

    2. 中选择一个图标

  2. 将相应的图标导入HTML头部（即<DataGrid.ColumnHeaderStyle> <Style TargetType="DataGridColumnHeader"> <Setter Property="Background" Value="{Binding Path=MyPrimColor}" /> <Setter Property="Foreground" Value="{Binding Path=MyTrimColor}" /> <Setter Property="HorizontalContentAlignment" Value="Center" /> </Style> <DataGrid.ColumnHeaderStyle> <DataGrid.CellStyle> <Style TargetType="DataGridCell"> <Setter Property="HorizontalContentAlignment" Value="Center" /> </Style> </DataGrid.CellStyle> ，其中iron-icons/${ICONSET}-icons.html在冒号前的图标名称中指示。请注意${ICONSET}集位于icons。

    iron-icons.html

  3. 在Polymer元素的icons -> iron-icons/iron-icons.html social -> iron-icons/social-icons.html places -> iron-icons/places-icons.html ... 属性中输入图标的名称，例如icon或<iron-icon>。

    <paper-icon-button>

    4. ＆＃13;
    ＆＃13; 
    <link rel="import" href="iron-icons/iron-icons.html">
<iron-icon icon="icons:exit-to-app">

<link rel="import" href="iron-icons/social-icons.html">
<paper-icon-button icon="social:person-add">
    ＆＃13;
    ＆＃13;
    ＆＃13;

    codepen

相关问题
最新问题