• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

barrymieny/material_design_icons: Material Design Icons Rails gem

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

barrymieny/material_design_icons

开源软件地址(OpenSource Url):

https://github.com/barrymieny/material_design_icons

开源编程语言(OpenSource Language):

HTML 98.5%

开源软件介绍(OpenSource Introduction):

Material Design Icons

Gem Version Maintainers Wanted

'material_design_icons' enables you to generate both HTML tags and inline SVG of Material Design Icons for your Ruby on Rails projects.

Maintainers Wanted

Unfortunately, I no longer use this project and don't have the time to work on it any further. This means that bugs will not be fixed and new releases will not be added unless someone else does so.

If you're interested in taking over maintenance of material_design_icons, please reply to this GitHub issue (#9).

Installation

Add this line to your application's Gemfile:

gem 'material_design_icons'

And then execute:

$ bundle

Or install it yourself as:

$ gem install material_design_icons

Import the stylesheet by adding this line to your application's CSS manifest (application.css):

*= require materialdesignicons

Usage

Webfont Tags

mdi_tag(names, class: 'class-name')

You can specify a single or multiple Material Design Icons class names:

<%= mdi_tag('hexagon 48px') %>
<i class="mdi mdi-hexagon mdi-48px"></i>

You can optionally specify additional class names:

<%= mdi_tag('hexagon 48px', class: 'orange') %>
<i class="mdi mdi-hexagon mdi-48px orange"></i>

Inline SVG

mdi_svg(name, options={})

You can specify a single icon name with options:

<%= mdi_svg('hexagon') %>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
  <path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 16,3L 8,3L 3,8L 3,16L 8,21L 16,21L 21,16L 21,8"></path>
</svg>

The inline SVG makes use of the inline_svg gem, so you can use any of the options it provides.

Licenses

Community Icons - SIL Open Font License 1.1

Google Material Design Icons - Attribution 4.0 International




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap